/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */

/* =============================================================================
 *   Base
 * ========================================================================== */

/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */

html {
  background: #fff;
}


body {
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 200;
  font-size: 16px;
  line-height: 1.44;
  color: #2A2A2A;
  background-color: #FFF;
}


/* =============================================================================
 *   HTML Elements
 * ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight: normal;
 color: #000;
 line-height: 1.44;
 margin-bottom: 24px;
 margin-top: 8.5px;
 box-sizing: border-box;
}

h1 { font-size: 2.5em; margin-bottom: 2.5em; line-height: 1.2; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.2em; }

h5 { font-size: 1em; font-weight: bold; }

h6 { font-size: 1em; font-style: italic; }

p {
 margin: 1em 0;
}

b,
strong {}

i,
em {}

dfn {}

sup {}

sub {}

del {}

ins {}

blockquote {}

cite {}

q {}

address {}

ul {}

ol {}

li {}

dl {}

dd {}

dt {}

abbr {}

acronym {}

pre,
code,
tt,
samp,
kbd,
var {
padding: 2px 4px;
font-size: 90%;
color: #C7254E;
background-color: #F9F2F4;

border-radius: 4px;
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}


/* =============================================================================
 *   Wrappers
 * ========================================================================== */

/*
 * Outer wrappers:
 * - #page-wrapper: body > #page-wrapper
 * - #page: body > #page-wrapper > #page
 * - .container: body > #page-wrapper > #page.container
 *
 * The .container class holds the page width value from theme settings.
 */
#page-wrapper {}
#page {}
#page .container {}
.container {  max-width: none!important; } /* override style from libspark.responsive.layout.css */

/*
 * Wraps all header elements - branding and .region-header
 */
#header {}

/*
 * Wraps the sidebars the content column
 */
#columns {}

/*
 * Main content column wrapper
 */
#content-column {}

/*
 * Wraps the main-content-header, the content region and feed-icons. Use this
 * wrapper to style the entire main content column
 */
#main-content {}

/*
 * Wraps the content region, avoid applying styles to this wrapper, its used
 * mainly for position and invisible gutters and can be problematic to style
 */
#content {}

/*
 * Footer wrapper
 */
#footer {}

/*
 * Panels may need additional margin wrangling when in the $content region
 */
#content .panel-display {}

/*
 * Full Width Wrappers
 * These are used in the optional page--full-width-wrappers.tpl.php template.
 * All have internal .container classes. In the full width wrapper template the
 * .container classes set the width or max-width - you can style this but never
 * add any width/margin/padding/borders etc to .container
 */

/*
 * Wraps the leaderboard
 */
#leaderboard-wrapper {}
#leaderboard-wrapper .container {}

/*
 * Wraps the header
 */
#header-wrapper {
  /* Debug styles, is this working */
  background: rgba(255, 192, 203, 0.5);
}
#header-wrapper .container {}

/*
 * Wraps the nav elements
 */
#nav-wrapper {}
#nav-wrapper .container {}

/*
 * Wraps breadcrumb
 */
#breadcrumb-wrapper {}
#breadcrumb-wrapper .container {}

/*
 * Wraps messages and help
 */
#messages-help-wrapper {}
#messages-help-wrapper .container {}

/*
 * Wraps the secondary content/preface region
 */
#secondary-content-wrapper {}
#secondary-content-wrapper .container {}

/*
 * Wraps the main content column
 */
#content-wrapper {}
#content-wrapper .container {}

/*
 * Wraps the tertiary content/postfix region
 */
#tertiary-content-wrapper {}
#tertiary-content-wrapper .container {}

/*
 * Footer wrapper
 */
#footer-wrapper {
  /* Debug styles, is this working? */
  background: rgba(255, 192, 203, 0.5);
}
#footer-wrapper .container {}


/* =============================================================================
 *   Branding
 * ========================================================================== */

/*
 * Wraps all the branding elements, logo, name and slogan
 */
#branding {}

/*
 * Logo
 */
#logo {
  padding: 10px 0;
}

#logo img {
  vertical-align: bottom;
}

/*
 * Wrapper for the site name and slogan
 */
#name-and-slogan {}

/*
 * Site name (h1)
 */
#site-name {
  margin: 0;
  line-height: 1;
  padding: 0 0 12px 12px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.5em;
}

#site-name a {
  color: #2A2A2A;
  font-weight: normal;
}

#site-name a:link,
#site-name a:visited {
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: none;
}



/*
 * Site slogan (h2)
 */
#site-slogan {
  margin: 0;
}


/* =============================================================================
 *   Page content header
 * ========================================================================== */

/*
 * Main content header wraps the page title, tabs and actions links
 */
#main-content-header {}

/*
 * The main page title (h1)
 */
h1#page-title {
border-bottom: 1px solid #EEE;
margin-bottom: 0;
padding-bottom: 12px;
}


/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */

#main-content div { 
  box-sizing: border-box;
}

/*
 * Aggregator feed source
 */
#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}

.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
}

/*
 * Generic styles for the more link
 */
.more-link {}

/*
 * Generic styles for links. See the ul.links declaration in node and comment
 * stylesheets
 */
ul.links {
  margin-top: 0;
  margin-bottom: 8.5px;
  /*padding: 0;*/
}

ul.links.inline {
  display: block;
}

ul.links li {
 /* display: inline;
  list-style: none;
  padding: 0 10px 0 0;*/
}

/*
 * Search results are an ordered list so reset the margin
 */
.search-results {
  margin: 0;
  padding: 0;
}
/* Search results page tweaks */
h1.search-gsa { margin-bottom: 24px; }
div.search-option { padding-top: 0; }

/*
 * Attribution message and link
 */
.attribution {
  display: block;
  opacity: 0.65;
  padding: 1em 0;
  text-align: center;
}

.attribution a {
  text-decoration: none;
  color: inherit;
}

.attribution a:hover,
.attribution a:focus {
  text-decoration: underline;
}


/* =============================================================================
 *   Regions
 * ========================================================================== */

/*
 * Standard region wrapper, don't add width to any regions, you will bork the
 * layout - no margin, padding or borders etc
 */
.region {}

/*
 * Regions have an inner div - perfect for adding margin, padding or borders
 */
.region-inner {}

/*
 * Regions can be nested, such as when using Panels
 */
.region-inner .region-inner {}

/*
 * Header region, embedded in the #header
 */
.region-header {}

/*
 * Generally used to output Drupals help block, if the help module is enabled
 */
.region-help {
  max-width: 1170px;
  margin: 0 auto 1.2em auto;
  border-radius: 8px;
  background: #ffb;
  border: 1px solid #bb9;
  padding: .5em 12px 0 12px;
}
.region-help p {
  margin: .5em 0;
}

/*
 * Secondary content
 */
.region-secondary-content {}

/*
 * Sits above the main content header, like a content-top region
 */
.region-highlighted {}

/*
 * Sits below the main content, like a content-bottom region
 */
.region-content-aside {}

/*
 * Sidebars - targets both
 */
.sidebar {}

/*
 * First sidebar
 */
.region-sidebar-first {}

/*
 * Second sidebar
 */
.region-sidebar-second {}

/*
 * Tertiary content
 */
.region-tertiary-content {}

/*
 * Footer region
 */
.region-footer {}


/* =============================================================================
 *   Links
 * ========================================================================== */

a {
  text-decoration: none;
}

a:link,
a:visited {}

a:active,
a.active {}

a:hover,
a:focus {
  text-decoration: underline;
}


/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

/* Main menu */
.menu-bar-container {
 background-color: #353535;
 width: 100%;
 box-sizing: border-box;
}

#menu-bar {
  z-index: 1100;
  width: auto;
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
  background-color: #353535;
}

ul.menu {
  padding-left: 0;
}
ul.menu ul {
  padding-left: 0;
}

/* =============================================================================
 *   Superfish
 * ========================================================================== */
/*
ul.sf-menu {
  margin-bottom: 0;
}

ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;
}

ul.sf-menu a:link,
ul.sf-menu a:visited {}

ul.sf-menu li {}

ul.sf-menu li:hover,
ul.sf-menu li.sfHover {
  outline: 0;
}

ul.sf-menu a {}

ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
  outline: 0;
}*/

/*
 * Superfish blocks
 
.block-superfish {}

.block-superfish .block-inner .content {}

.block-superfish ul {
  margin: 0 !important;
  padding: 0 !important;
}

.block-superfish ul ul {}

.block-superfish ul ul ul {}

.block-superfish ul ul ul ul {}

.block-superfish li {
  margin: 0 !important;
  padding: 0 !important;
}*/

/*
 * Vertical style
 
.sf-vertical {
  width: 100%;
}

.sf-vertical li {
  width: 100%;
}

.sf-vertical li.last {}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}

.sf-vertical li a {
  padding: 0 10px;
}*/

/*
 * Navbar style
 
.sf-navbar {
  padding-bottom: 0 !important;
}
*/
/*
 * Sensible padding for the default style
 
.sf-menu.sf-style-default a {
  padding: 0 10px;
}*/




/* =============================================================================
 *   Menu Toggles
 * ========================================================================== */

.at-mt .at-menu-toggle,
.at-mt .at-menu-toggle ul,
.at-mt .at-menu-toggle ul.menu {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.at-mt .at-menu-toggle-button {
  margin: 0;
}

.at-mt .at-menu-toggle ul a {
  padding: 0 10px;
  white-space: nowrap;
}




/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */

ul.menu {
 
}

ul.menu ul {
}

ul.menu ul ul {}

ul.menu ul ul ul {}

ul.menu li {
  margin: 0;
}

ul.menu li.collapsed,
ul.menu li.expanded,
ul.menu li.leaf {}

ul.menu li a {}

ul.menu li a:link,
ul.menu li a:visited {}

ul.menu li a:active,
ul.menu li a.active {}

ul.menu li a:hover,
ul.menu li a:focus {}

ul.menu li.active a,
ul.menu li.active-trail a {}

ul.menu li.first,
ul.menu li.last {}

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content {
  padding: 0;
}


/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */

.book-navigation {}

.book-navigation .page-links {}

.book-navigation .page-previous {}

.book-navigation .page-next {}

.book-navigation .page-up {
  /* Prevent text wrapping to a new line, assumes the string is two chars */
  min-width: 2em;
  white-space: nowrap;
}

.book-navigation .menu {
  margin-left: 0;
}


/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */

#breadcrumb {
  margin: 10px 0;
}

/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
  content: ":";
}

#breadcrumb ol {
  margin: 0;
  padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}

#breadcrumb li {
  list-style: none;
  display: inline;
}

#breadcrumb li.crumb-first {}

#breadcrumb li.crumb-last {}

#breadcrumb a {}

#breadcrumb a:link,
#breadcrumb a:visited {}

#breadcrumb a:active,
#breadcrumb a.active {}

#breadcrumb a:hover,
#breadcrumb a:focus {}

#breadcrumb .crumb-separator {}

.block-easy-breadcrumb {
background-color: rgba(0, 0, 0, 0);
margin: 0 auto;
color: #828282;
font-size: 14px;
max-width: 1170px;
}

.easy-breadcrumb {
 padding: 0 15px;
}

.easy-breadcrumb .easy-breadcrumb_segment-separator {
  padding: 0 5px;
}

.easy-breadcrumb a {
border-bottom: 0 none;
}


/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}

.item-list ul.pager li {
  margin: 0;
}

ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}

ul.pager li.pager-current {
  font-weight: 700;
}

.block ul.pager li {
  margin: 0;
}

/*
 * Theme the various states of pager links
 */
ul.pager li {}

ul.pager li a {}

ul.pager li a:link,
ul.pager li a:visited {}

ul.pager li a:active,
ul.pager li a.active {}

ul.pager li a:hover,
ul.pager li a:focus {}

ul.pager li.pager-item {}
ul.pager li.first {}
ul.pager li.last {}
ul.pager li.pager-current {}
ul.pager li.pager-first {}
ul.pager li.pager-previous {}
ul.pager li.pager-next {}
ul.pager li.pager-last {}


/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}

#skip-link a {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}


/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */

#tasks {
  margin-bottom: 15px;
}

ul.primary {
  border-bottom-color: #ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
}

ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}

ul.primary li a {
  background-color: #f5f5f5;
  border-color: #ccc;
  margin-right: 1px;
  padding: 0 10px;
  display: block;
  float: left;
  height: 1.5em;
  line-height: 1.5em;
}

ul.primary li a:hover,
ul.primary li a:focus {
  background-color: #eee;
  border-color: #ccc;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #fff;
  border-bottom-color: #fff;
}

ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}

ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}

ul.secondary li a {}

ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}

/* Node edit menu tabs */
#tasks ul.primary { 
border-bottom: 0 none;
}

#tasks .tabs {
 padding-top: 1em;
}

#tasks .tabs li a {
 background-color: #f6f6f6;
}

#tasks .tabs li a:hover {
 background-color: #e9e9e9;
 color: #000;
}

#tasks .tabs li.active > a,
#tasks .tabs li.active > a:hover,
#tasks .tabs li.active > a:focus {
 background-color: #a30046;
 color: #000;
}

#tasks .tabs li.active > a {
 color: #fff;
}

#tasks .tabs > li > a {
border: 0 none;
border-radius: 4px;
display: inline-block;
padding: 10px 15px;
position: relative;
transition: all 0.25s ease-in-out 0s;
}


/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
  margin: 20px 0 0;
  list-style: none;
}

ul.action-links li {}


/* =============================================================================
 *  Field Styling
 * ========================================================================== */

/*
 * Wrapper for any field
 */
.field {}

/*
 * Above and inline classes are on the field wrapper
 */
.field-label-above {}

/*
 * When labels are set to inline in field display settings the clearfix class is
 * automatically added
 */
.field-label-inline {}

.field-label-inline .field-label {
  margin: 0;
}

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted
 * ineritance issues
 */
.field-label {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 0;
}




/*
 * Field types (Core)
 */

/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */
.field-type-image {}

.field-type-image .caption {}

.field-type-image .full-caption {}

.field-type-image .teaser-caption {}

/*
 * Taxonomy
 */
.field-type-taxonomy-term-reference {
  /* The same bottom margin as p, blockquote, ul, ol and dl */
  margin-bottom: 1.5em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Text
 */
.field-type-text {}

/*
 * Long text
 */
.field-type-text-long {}

/*
 * Text with summary
 */
.field-type-text-with-summary {}

/*
 * File
 */
.field-type-file {}

/*
 * Number/Integer
 */
.field-type-number-integer {}

/*
 * Decimal
 */
.field-type-number-decimal {}

/*
 * Number float
 */
.field-type-number-float {}

/*
 * List
 */
.field-type-list-text {}

/*
 * List boolean
 */
.field-type-list-boolean {}

/*
 * List integer
 */
.field-type-list-integer {}

/*
 * List float
 */
.field-type-list-float {}

/*
 * Field types (Contrib)
 */
.field-type-datetime {}

.field-type-node-reference {}

.field-type-user-reference {}

/*
 * Named fields
 */
.field-name-body {}

.field-name-field-image {}

.field-name-field-tags {}

/*
 * Underscores in field name are replaced with dashes
 */
.field-name-field-FIELDNAME {}

/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */
.ia-n .field-type-image,
.iat-n .field-type-image {}

/*
 * Float left setting
 */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
  margin: 5px auto 15px;
}

/*
 * Float right setting
 */
.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 5px 0 15px 20px;
}


/* =============================================================================
 *   Block Styling
 * ========================================================================== */

/*
 * Main wrapper for most blocks, block_system_main does not have it
 */
.block {
  margin-bottom: 20px;
}

/*
 * Inner wrapper for most blocks, good for margin, padding and borders,
 * block_system_main does not have it
 */
.block-inner {}

/*
 * The first block in the region
 */
.block.first {}

/*
 * The last block in the region
 */
.block.last {}

/*
 * Zebra striping for each block in the region
 */
.block.odd {}

/*
 * Zebra striping for each block in the region
 */
.block.even {}

/*
 * Block title
 */
.block-title {
  margin: 0;
  font-size: 1.25em;
}

/*
 * Block content wrapper
 */
.block-content {}

/*
 * Match item list and block menu margin and padding
 */
.block-content {}

.block-content ul,
.block-content ol {
  padding: 0 0 0 15px;
}

.block-content li {
  margin: 0;
  padding: 0;
}




/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node {
  margin-bottom: 20px;
}

.node.node-promoted {}

.node.node-sticky {}

.node.node-by-viewer {}

.node.node-teaser {}

.node.node-full {}

.node.odd {}

.node.even {}

.node .node-title {
  margin: 0;
}

.node .user-picture {}

.node .submitted {}

.node .submitted .username {}

.node .submitted time {}

.node .node-content {}

.node ul.links {}

.node ul.links li {}

.node ul.links li a {}

.node ul.links li.node-read-more a {}

.node ul.links li.comment-add a {}

.node ul.links li.comment-comments a {}

.node ul.links li.comment-new-comments a {}

.node ul.links li.blog-sernames-blog a {}

.node ul.links li.print-html a {}

.node ul.links li.print-email a {}

.node ul.links li.print-pdf a {}

.preview .node {}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
.node-page {}

.node-article {}

.node-book {}

.node-forum {}

.node-poll {}



/* =============================================================================
 *   Forms
 * ========================================================================== */

/*
 * Wrapper for a form element (or group of form elements) and its label
 */

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}

.form-item label {
  font-weight: 700;
}

/*
 * Highlight marks and form required mark
 */
.marker,
.form-required {
  color: #c00;
}

.form-item .description {
  font-size: 0.85em;
}


.container-inline div,
.container-inline label {
  display: inline;
}

/*
 * Define consistent borders
 */
fieldset {
  border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */
.tips {}

/*
 * Buttons used by contrib modules like Media
 */
a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}

.form-select,
input[type="email"] {
 background: #fff;
 border: 1px solid #b0b0b0;
 border-radius: 4px;
 box-shadow: 1px 2px 9px rgba(213, 213, 213, .5) inset;
 color: #505050;
 display: block;
 font-size: 1em;
 font-weight: 200;
 height: 38px line-height: 1.44;
 padding: 6px 12px;
 transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
 width: 100%;
}

.form-item .description {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #A6A6A6;
font-size: 1em;
}

.radio, .checkbox {
display: block;
min-height: 17px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
}

label.option, .form-type-radio label, .form-type-checkbox label {
max-width: 100%;
margin-bottom: 12px;
font-size: 16px;
font-weight: 200;
cursor: pointer;
margin-left: 4px;
}

input[type="checkbox"],
input[type="radio"] {
transform: scale(2);
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select  {
background-color: #FFF;
background-image: none;
border: 1px solid #B0B0B0;
border-radius: 4px;
box-shadow: 1px 2px 9px rgba(213, 213, 213, 0.5) inset;
color: #505050;
display: block;
font-size: 16px;
font-weight: 200;
line-height: 1.44;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
box-sizing: border-box;
}

#edit-date select,
select#edit-weight {
 width: auto;
 display: inline-block;
}

input[type="submit"],
input[type="reset"],
.add-item-button a,
.add-item-button a:hover,
.add-item-button a:focus,
.library-news a.views-more-link,
.library-news a.views-more-link:hover,
.library-news a.views-more-link:focus {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: normal;
line-height: 1.44;
margin-bottom: 0;
padding: 6px 19px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
 color: #fff;
 background-color: #903;
 border-color: #420016;
 transition: all 0.25s ease-in-out 0s;
word-wrap: break-word;
margin-top: 15px;

}

input.asu_search_button {
margin: 0;
}

.confirmation input[type="submit"] {
 margin-top: 0;
 margin-right: 5px;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
.add-item-button a:hover,
.add-item-button a:focus,
.library-news a.views-more-link:hover,
.library-news a.views-more-link:focus {
 border: 1px solid #rgba(0, 0, 0, 0);
 text-decoration: none;
 background-color: #d23153;
}

fieldset {
 margin-top: 1em;
}

fieldset .fieldset-title {
 border-bottom: none;
 color: #333;
 font-weight: bold;
}

select.year, select.month, select.day, select.hour, select.minute {  width: auto;  display: inline-block; }
.form-radios, .form-checkboxes {  margin-left: .5em; }
table.webform-grid .checkbox {  display: table-cell; }

/* =============================================================================
 *   Tables
 * ========================================================================== */

caption {
 text-align: center;
}

table {
 margin: 10px 0;
 padding: 0;
 border: 1px solid #ddd;
 width: 100%;
 margin-bottom: 17px;
 background-color: #fff;
 border-collapse: collapse;
 border-spacing: 0;
 box-sizing: border-box;
}


table.sticky-header {
  z-index: 10;
}

table,
thead,
tbody,
tr,
th,
td {
  border-color: #ccc;
}

table,
td,
th {
  vertical-align: middle;
}

th,
td {
  text-align: left;
}

thead tr {
 background-color: #fff;
 border-bottom: 2px solid #ddd;
 font-weight: 700;
}

table tr>th,
table tr>td {
 border: 1px solid #ddd;
}

td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 5px 7px;
}

tbody {}

tbody tr {
  border-top: 1px solid #ccc;
}

tr.odd {
  background: #fff;
}

tr.info,
tr.even,
tr:nth-child(2n+2) {
  border-bottom: 0;
/*  background-color: #f5f5f5;*/
}

table tr:nth-child(odd)>td {
 background-color: #f9f9f9;
}

tr.odd, tr.even {
 background: none;
} 
tr.drag {}

tr.drag-previous {}

tr.odd td.active {
  background-color: #eee;
}

tr.even td.active {
  background-color: #ebebeb;
}

.lt-ie8 tr {}

.lt-ie8 tr.even,
.lt-ie8 tr.odd {}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
}



/* =============================================================================
 *   Messages
 * ========================================================================== */

/* Left and right margin are set by the global gutter width */

div.messages {
 margin: 0 auto;
 padding: 20px;
 border: 1px solid rgba(0, 0, 0, 0);
 border-radius: 4px;
 max-width: 1170px;
 margin-bottom: .25em;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status {
 background: #148e48;
 border-color: #0b4b28;
 color: #fff;
}

div.warning {
  background: #bfe319;
  border-color: #859e11;
  color: #000;
}

div.error {
  background: #ec5937;
  border-color: #c43413;
  color: #fff;
}

tr.warning {}

div.error,
tr.error {}

.error {}

.warning {}

/*
 * Unpublished nodes
 */
.node-unpublished,
.comment-unpublished {}

.node-unpublished,
.comment-unpublished {}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink;
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact,"Arial Narrow",Helvetica,sans-serif;
  font-size: 75px;
  font-weight: bold;
  height: 0;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}

/*
 * Otherwise these elements will appear below the "Unpublished" text
 */
.lt-ie8 {}

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
}


/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page {}
.maintenance-page .container {
  padding: 40px 0;
}

.maintenance-page #site-name,
.maintenance-page #page-title {
  margin: 0;
}

.db-offline {}

.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}

.db-offline div.messages {
  margin: 20px 0 0;
}

.db-offline #content {
  padding: 20px 0;
}


/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */

/*
 * Admin menu overrides
 */
#admin-menu {
  margin: 0;
  padding: 0;
}
#admin-menu,
#admin-menu .dropdown {
  z-index: 9999999;
}

/*
 * Devel Module
 */
.dev-query {
  background: #eee;
  padding: 30px;
}

/*
 * Styleguide module tweaks
 */
#styleguide-header {
  padding: 0 10px;
}

#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}

/* =============================================================================
 *   Web Standards
 * ========================================================================== */


#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, .rendered-by-ds .panel-display .region-inner { margin: 0; }

.region-highlighted, .region-content-aside, body:not(.page-panels) #content  { padding: 0 15px; box-sizing: border-box; }

.region-header,
.branding-elements {
max-width: 1170px;
margin: 0 auto;
}

.at-panel .region {
 padding: 0 15px;
 box-sizing: border-box;
}

#content .panel-display, #content .panel-flexible {
margin: 0;
}


/* Hide submenus until hover/focus */
a.menuparent + ul { display: none; }


section#main-content,
.one-sidebar #columns {
 max-width: 1170px;
 margin: 0 auto;
 padding: 0;
 box-sizing: border-box;
}

header#main-content-header,
div.region-two-50-first,
div.region-two-50-second,
div.region-two-66-33-first,
div.region-two-66-33-second {
 padding: 0 15px;
 box-sizing: border-box;
}

.one-sidebar div#content,
.sidebar {
 padding: 0 15px;
 box-sizing: border-box;
}

/* Panels styles */

/* Gray band */
.panel-flexible div.row2 { 
  width: 100%;
  background: #F1F1F1;
  padding: 21px 0;
}
.panel-flexible div.row1 .inside,
.panel-flexible div.row2 .inside,
.panel-flexible div.row3 .inside {
  max-width: 1170px;
  margin: 0 auto;
}
.panel-flexible div.row3 {
  width: 100%;
  padding: 21px 0;
}
.page-panels .block {
  margin-bottom: 0;
}

/* Homepage specific */
.front .row1 .section1 {
  padding-left: 5%;
}

.front .row1 .section2 {
  padding-left: 5%;
  padding-right: 0;
}
.panel-pane .node { margin-bottom: 0; }

/* individual library homepages */
.panels-flexible-library .panels-flexible-region { padding: 0 15px; }
.panels-flexible-library .panels-flexible-row-inside { max-width: 1170px; margin: 0 auto; }

/* Library images on home pages */
.panels-flexible-library .row1 .section2 .pane-node p,
.panels-flexible-library .row1 .section2 .panel-separator {  margin: 0; }


.panels-flexible-index .panels-flexible-region {
 padding: 0 15px;
 box-sizing: border-box;
}

.front .block {
 margin-bottom: 0;
}

/* Callout boxes and local menus */

.callout-box, 
#block-block-2 .block-content, 
#block-block-2 .block-content p, 
#block-block-2 .block-content ul, 
#block-block-5 .block-content, 
#block-block-5 .block-content p, 
#block-block-5 .block-content ul, 
#block-block-8 .block-content, 
#block-block-8 .block-content p, 
#block-block-8 .block-content ul, 
#block-block-6 .block-content, 
#block-block-6 .block-content p, 
#block-block-6 .block-content ul, 
.callout-box div, 
.callout-box h5 { position: relative; }
.callout-box .fa:first-of-type { font-size: 10em; color: #e5e5e5; position: absolute; top: 0; right:0; }
.callout-box h3,
.callout-box p { position: relative; }

.callout-box,
#block-block-2 .block-content /*archives menu*/,
#block-block-5 .block-content /*govdocs menu*/,
#block-block-8 .block-content /*mapcoll menu*/,
#block-block-6 .block-content /*labriola menu*/ {
border-top: 8px solid #a30046;
padding: 30px;
}

.callout-box::before,
#block-block-2 .block-content::before /*archives menu*/,
#block-block-5 .block-content::before /*govdocs menu*/,
#block-block-8 .block-content::before /*mapcoll menu*/,
#block-block-6 .block-content::before /*labriola menu*/ {
 content: "";
 display: block;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 border-right: 1px solid #dadada;
 border-left: 1px solid #dadada;
 border-bottom: 1px solid #dadada;
 box-sizing: border-box;
}

.callout-box h3,
#block-block-2 .block-content h3 /*archives menu*/,
#block-block-5 .block-content h3 /*govdocs menu*/,
#block-block-8 .block-content h4 /*mapcoll menu*/,
#block-block-6 .block-content h4 /*labriola menu*/ {
 margin: .5em 0;
}

#block-block-5 .block-content p:first-child /*govdocs menu*/,
#block-block-8 .block-content p:first-child /*mapcoll menu*/ {
margin: 0;
}

.callout-box h5 { margin: .5em 0; }

/* =============================================================================
    Library Channel
   ========================================================================== */
.view-library-channel .view-footer li {
  display: inline;
  margin-right: 1em;
  list-style: none;
}

.view-library-channel .view-footer ul {
  padding: 0 .25em;
}
/* Library Channel images */
.libchan-image {
  border: solid 1px rgb(216, 216, 216);
  border-radius: 3px;
  padding: .25em;
  margin: 0 .75em .75em 0;
}

.library-channel #main-content {
 padding-right: 15px;
}

.librarychannel .libchan-article {
 margin-bottom: 2em;
}

.librarychannel .libchan-image { margin-right: 2em; }

/* Clear floats on Library Channel articles with large images and short text */
.librarychannel .libchan-article, 
.view-library-channel-menus, 
.librarychannel .view-taxonomy-index .views-row { overflow: hidden; }

.librarychannel .libchan-article .views-field-created {
  font-size: .85em;
  margin-bottom: 1.5em;
}

.page-librarychannel h1#page-title, .page-taxonomy-term h1#page-title {
  display: none;
}


.librarychannel .block-region-highlighted p {
  margin: 0;
}

.view-header p {
margin: 0;
}

/* article post date */
.librarychannel .field-name-post-date { text-align: right; margin-top: .5em; }
.librarychannel .field-name-post-date .field-item:before { content: "posted on "; font-style: italic; font-variant: small-caps; }

/* News & Events views for home pages */
/* events feed */
.row3 .section2 section {
    border: 1px solid #d7d7d7;
}
.pane-asu-events-display .block-title {
    padding: .5em 15px;
    background: #2a2a2a;
    color: #fff;
}
.asu-event-item {
    border-bottom: 1px solid #d7d7d7;
    padding: 15px;
}
.pane-asu-events-display .date-display-range {
    display: inline;
}
.pane-asu-events-display .view-footer {
    padding-left: 15px;
}

/* slideshow */
#library-news img, .library-news .slides img {
  width: auto;
  margin: 0 15px 15px 0;
  float: left;
}
.library-news li { padding: 0 15px; }
.library-news li p {  }
.library-news .flex-viewport li { margin-right: 30px; } /* Add 30 to margin settings in flexslider - this corrects the bad transition calculation */
.library-news .views-field-field-image {
  width: 30%;
}

.flex-direction-nav a {
  border-bottom: none;
  padding-bottom: .5em;
}

/* Slideshow More News link - fix overlap */
.flex-control-nav {  width: 80%; }

.library-news a.views-more-link,
.library-news a.views-more-link:hover,
.library-news a.views-more-link:focus {
  display: block;
  width: auto;
}
.library-news { margin: 1em 0; }

/* more news/more events links */
p.more-link { text-align: right; }


/* =============================================================================
    General styles
   ========================================================================== */

a img {
 text-decoration: none;
 border: 0 none;
}

a {
 border-bottom: 1px dotted #a30046;
 text-decoration: none;
 color: #a30046;
 transition: all 0.25s ease-in-out 0s;
 background: rgba(0, 0, 0, 0);
}

a:hover {
 text-decoration: none;
 color: #d23153;
}

hr {
 margin-top: 17px;
 margin-bottom: 17px;
 border: 0;
 border-top: 1px solid #EEE;
 height: 0;
}

q::before {
 content: open-quote;
}
q::after {
 content: close-quote;
}


/* Make tinynav look like our select fields */
select.tinynav {
 background: #fff;
 border: 1px solid #b0b0b0;
 border-radius: 4px;
 box-shadow: 1px 2px 9px rgba(213, 213, 213, .5) inset;
 color: #505050;
 font-size: 1em;
 font-weight: 200;
 height: 38px line-height: 1.44;
 padding: 6px 12px;
 transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
 width: 100%;
}

ul,
ol {
 list-style-position: inside;
}

ul ul, ol ul, ul ol, ol ol {
 margin-bottom: 0;
 margin-top: 0;
}



blockquote {
padding: 8.5px 17px;
margin: 0 0 17px;
font-size: 15px;
border-left: 5px solid #EEE;
}

blockquote p:last-child, 
blockquote ul:last-child, 
blockquote ol:last-child {
margin-bottom: 0;
}

.item-list .pager li {
background-image: none;
display: inline;
list-style-type: none;
padding: 0.5em;
}

.pager-current {
background-color: #A90044;
color: #FFF;
font-weight: bold;
padding: 7px 14px !important;
border: 1px solid #DDD;
margin-right: 3px !important;
margin-left: 3px !important;
}

.pager li > a, .pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #FFF;
border: 1px solid #DDD;
border-radius: 15px;
}

.pager li > a, .pager li > span {
border-radius: 0;
color: #A90044;
}

.pager li > a:hover, .pager li > a:focus {
text-decoration: none;
background-color: #EEE;
}



.menu-wrapper,
#footer .block-inner { margin: 0; }


.region-header .block { margin-bottom: 0;}

.region-tertiary-content {
 color: #fff;
 background: #1e1e1e;
 padding-top: 20px;
}

.region-tertiary-content h1 {
 margin-bottom: 1em;
font-size: 1em;
line-height: 1.2;
color: #FFF;
}

.region-tertiary-content a {
 color: #ccc;
 border-bottom: 1px dotted #ccc;
}


.region-tertiary-content address {
 color: #FFF;
 margin-bottom: 0;
 font-weight: 200;
 font-style: normal;
 line-height: 1.44;
}

.region-tertiary-content ul {
margin: 0;
padding: 0;
list-style: none;
}

.region-tertiary-content .social-icons > li {
 float: left;
 position: relative; 
 display: block;
}

.region-tertiary-content .social-icons > li > a {
font-size: 2.4em;
color: #A9A9A9;
border-bottom: 0;
text-decoration: none;
position: relative;
}

.region-tertiary-content .social-icons > li > a:hover,
.region-tertiary-content a:hover {
 color: #fff;
 text-decoration: none;
}

.region-tertiary-content .block-block { 
 width: 16.6%;
 float: left;
 margin-bottom: 0;
 padding: 0 15px 30px 15px;
}

.region-tertiary-content .block:first-child {
 width: 33.3%;
 
}

.region-tertiary-content .block:first-child p {
 margin-top: 1em;
 margin-bottom: 0;
}

.region-tertiary-content .block:first-child p a {
 border: none;
}

.region-tertiary-content h4 {
margin-bottom: 16px;
font-size: 1.2em;
font-weight: normal;
color: #FFF;
}

.region-tertiary-content .region-inner,
#footer .region-inner {
max-width: 1170px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}

#footer #block-asu-brand-asu-brand-footer {
 /*float: left;*/
 margin: 0 0 0 3em;
 background-color: #E5E5E5;
}

#footer {
 width: 100%;
 background: #e5e5e5;
}

#asu_footer ul {
 margin: 0;
 padding: 0;
}

header a,
#asu_footer a,
.sidebar a,
.contextual-links-wrapper a {
 border-bottom: 0;
}


.find-more-info,
.hey-listen {
 border: 3px solid #AFA593;
 border-radius: 8px;
}

.find-more-info h3, .hey-listen h3 {
margin: .5em;
}

.find-more-info h3:first-child, .hey-listen h3:first-child {
color: #FFF;
margin: 0;
font-weight: normal;
}

.find-more-info h3:first-child {
background: #AFA593 url(/sites/default/files/icons/question_mark_white.png) no-repeat .5em center;
padding-left: 1.5em;
font-size: 2em;
}

.find-more-info p {
margin: .5em;
}

.at-panel p:last-of-type {
margin-bottom: .25em;
}

.hey-listen {
/*max-width: 25em;*/
}

.hey-listen h3:first-child {
background: #AFA593 url(/sites/default/files/icons/lightbulb_white2.png) no-repeat .5em center;
padding: .25em 0 .25em 2em;
font-size: 1.2em;
width: 100%;
}

.hey-listen p {
padding: 0;
margin: .25em .5em;
}

.freq-resources h3:first-child {
background-position: .5em .5em;
}



/* Quick Links related */
#block-superfish-1,
#block-block-21 {
 float: left;
}

/*Hide checkbox & menu*/
div.quick_links input[type=checkbox],
div.quick_links ul#menu {
 display: none;
}

#block-block-21 {
 padding: 0 25px;
 position: relative;
}

div.quick_links .quick_button {
	background-color: #a30046;
	text-decoration: none;
	color: #ffffff;
	padding: 6px 19px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-weight: normal;
	float: left;
	margin-top: 9px;
}

div.quick_links .quick_button:after {
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000;
border-right: 4px solid rgba(0, 0, 0, 0);
border-left: 4px solid rgba(0, 0, 0, 0);
content: "";
margin-left: 4px;
display: inline-block;
border-top-color: #fff;
border-bottom-color: #fff;
margin-top: .75em;
}

div.quick_links .quick_button:hover {
	background-color: #d23153;
	color: #ffffff;
}

/*Show menu when invisible checkbox is checked*/
div.quick_links input[type=checkbox]:checked ~ #menu{
    display: block;
}

div.quick_links #menu {
	/*min-width: 175px;*/
	margin: 0;
	/*border: 1px solid #000;*/
	z-index: 100;
  border-radius: 0 0 4px 4px;
  
  padding: 46px 0 0 0;
}

div.quick_links #menu li {
 list-style: none;
background: #fff;
border-right: 1px solid #000;
border-left: 1px solid #000;
}

div.quick_links #menu li:last-child {
border-bottom: 1px solid #000;
padding-bottom: 5px;
}

div.quick_links .quick {
	height: 57px;

}

div.quick_links #menu li a {
	font-size: 14px;
	font-weight: normal;
	padding: 3px 15px;
	background: #ffffff;
	color: #000;
  border: 0;
  display: block;
}

div.quick_links #menu li a:hover {
	color: #828282;
}

/* Hours on home page */
#hours-title {
 margin-bottom: 1em;
}

#todays-hours {
 font-weight: bold;
 margin: .5em 0;
 font-size: 1em;
}

.todays-hours-link {
 font-size: .8em;
}
 
.hours .form-select {
 padding: 3px 1px;
 font-size: .9em;
 width: auto;
}

#todays-hours span {
 display: block;
 font-weight: normal;
}

.hours-pane { 
 border-bottom: 1px solid #DDD;
 padding-bottom: 1em; 
}

.hours-pane .fa:first-of-type {
 font-size: 10em;
 color: #d7d7d7;
 position: absolute;
 top: 0;
 right:0;
 width: 130px;
}

.hours-pane h2, 
.hours-pane span, 
.hours-pane p, 
.hours-pane select, 
.hours-pane a { position: relative; }
.hours { position: relative; }


/* Horizontal I am a menu */
nav#block-menu-menu-info-for {
background: #EDEDED;
padding: 0;
margin-bottom: 10px;
}

nav#block-menu-menu-info-for .block-inner {
 max-width: 1170px;
 margin: 0 auto;
}

#block-menu-menu-info-for h2 {
font-size: 1em;
display: inline-block;
}

#block-menu-menu-info-for .menu::before {
  content: '\f05a';
  font-family: FontAwesome;
  font-size: 2em;
  padding: 0 10px 0 15px;
  position:relative;
  top: .2em;
  color: #2a2a2a;
}

#block-menu-menu-info-for .menu {
margin: 0 auto;
display: inline-block;
font-size: .9em;
padding: 1px 0 5px 0;
}

#block-menu-menu-info-for .menu li {
list-style: none;
display: inline-block;
}

#block-menu-menu-info-for .menu li a {
padding: 10px;
border-bottom: 0;
}

#block-menu-menu-info-for .menu li.last a,
.region-tertiary-content .block-block.last { padding-right: 0; }

#block-menu-menu-info-for .menu li a:hover,
#block-menu-menu-info-for .menu li a:focus {
background: none;
}

.region-secondary-content {
margin-bottom: 20px;
}

/* New Titles bookshelf */
#bookshelf a { transition: none; border: none; }
#bookshelf-prev, #bookshelf-next { color: #B1B1B1; line-height: .5em; }
#bookshelf-prev { float: left;}
#bookshelf-next { float: right; }
#bookshelf-next:hover, #bookshelf-prev:hover { color: #000000; }
#bookshelf-next:active, #bookshelf-prev:active { color: #B1B1B1; }
#bookshelf { width: 300px; height: 150px; margin-bottom: .5em; overflow: hidden; }
#carousel { width: 300px; }
#carousel p { font-size: .9em; text-align: center; margin: 0; padding-right: 2em; display:inline; margin-left: 18%; }
#shelf_error {
  text-align: center;
  display: block;
  position: relative;
  top: 50%;
  font-style: italic;
}
/* bookshelf vertical title */
section.pane-block-24, section.pane-block-26, section.pane-block-27, section.pane-block-28, section.pane-block-25 { display: block; position: relative; overflow: hidden; }
section.pane-block-24 .block-content, section.pane-block-26 .block-content, section.pane-block-27 .block-content, section.pane-block-28 .block-content, section.pane-block-25 .block-content { margin: 1em 0; padding-left: 3em; }
section.pane-block-24 h2, section.pane-block-26 h2, section.pane-block-27 h2, section.pane-block-28 h2, section.pane-block-25 h2 { background: #797979; color: #ededed; padding: .5em; margin: 0; line-height: 1; position: absolute; top: 0; left: 0; width: 1000%; transform: rotate(-90deg) translateX(-8em);transform-origin: 1em 1em; text-transform: uppercase; letter-spacing: 2px; }


/* Remove border from image links and node-edit forms */
.node-form a,
.image-link {
 border: 0;
}

/* Remove ASU styles from 3Play transcript box */
.p3-transcript-container a {
 border: none;
}

.p3-transcript-container input {
 width: initial;
}

#feedback_simple a { border: none; }

#asu_hdr { z-index: 1200; }

h1#site-name, #block-block-3 { float: left; }

/* Instruction styles */
.section-instruction #columns { max-width: 1170px; margin: 0 auto; padding: 0; box-sizing: border-box; }
.instruction-sstitle a { border-bottom: 0; }
.instruction-slideshow .views-field-field-quote p { margin: 0; }
.instruction-accordion a, .flex-control-paging a { border-bottom: none; }

/* Superfish sub menus */
#block-superfish-3 .block-title { margin-bottom: .5em; }
#superfish-3 { position: relative; z-index: 20; }
.sf-accordion-toggle.sf-style-space a.sf-expanded, .sf-menu.sf-style-space.sf-accordion li.sf-expanded,
.sf-menu.sf-style-space li:hover, .sf-menu.sf-style-space li.sfHover, .sf-menu.sf-style-space a:focus, .sf-menu.sf-style-space a:hover, .sf-menu.sf-style-space a:active, .sf-menu.sf-style-space span.nolink:hover, .sf-menu.sf-style-space.sf-navbar li li { background: #000; color: #ffb204; }
.sf-menu.sf-style-space a.active {
  background: #000;
  color: #ffb204;
}
.block-superfish .block-inner {
  max-width: 1170px;
  margin: 0 auto;
}
   

/* Ask a librarian block in header */
#block-block-3 { margin-left: 50%; position: relative; top: -.5em; }
#block-block-3 p { margin: 0; }
#block-block-3 .fa-comments-o { font-size: 2em; position: relative; top: 4px; }
#name-and-slogan { overflow: hidden; }   
   
   
/* =============================================================================
    "I am a..." pages
   ========================================================================== */
.services-box { 
  border: 1px solid #494949; 
  border-radius: 10px;
  background: no-repeat top left;
  padding-left: 100px; 
  margin: 0 0 2em 0;
}

div.services-box.students.borrowing { background: url(/sites/default/files/Iam/borrow-green.jpg) no-repeat top left; }
div.services-box.students.borrowing-online { background: url(/sites/default/files/Iam/borrow-online.jpg) no-repeat top left; }
div.services-box.library { background: url(/sites/default/files/Iam/using.jpg) no-repeat top left; }
div.services-box.students.research { background: url(/sites/default/files/Iam/research.jpg) no-repeat top left; }
div.services-box.help { background: url(/sites/default/files/Iam/help.jpg) no-repeat top left; }
div.services-box.students.fun { background: url(/sites/default/files/Iam/fun-student.jpg) no-repeat top left; }
div.services-box.feedback { background: url(/sites/default/files/Iam/feedback.jpg) no-repeat top left; }
div.services-box.faculty.borrowing { background: url(/sites/default/files/Iam/borrow-blue.jpg) no-repeat top left; }
div.services-box.faculty.research { background: url(/sites/default/files/Iam/research.jpg) no-repeat top left; }
div.services-box.teach { background: url(/sites/default/files/Iam/teaching.jpg) no-repeat top left; }
div.services-box.adding { background: url(/sites/default/files/Iam/adding.jpg) no-repeat top left; }
div.services-box.faculty.visiting { background: url(/sites/default/files/Iam/visiting.jpg) no-repeat top left; }
div.services-box.faculty.online-resources { background: url(/sites/default/files/Iam/online-resources.jpg) no-repeat top left; }

.services-box h2 {
  color: #fff;
  border-bottom: 1px solid #494949;
  padding-left: 1em;
  margin: 0;
  border-top-right-radius: 7px;
}
.services-box.students h2 {  background: #568e14; }

.services-box.faculty h2 {  background: #008ed6; }

.services-box p { padding-left: 1.5em; margin-right: 1em; }
.services-box p:nth-of-type(1) { margin-top: .5em; }
.services-box .lfloater { margin: .5em 2em .5em 0; }
.services-box .w40 { width: 40%; }
.services-box .w50 { width: 50%; }

   
/* Search widget content */
.los-panel { padding-bottom: 2em; }
.los-panel a.image-link,
.los-panel input { display: inline-block; }
.los-panel #summonInput { width: 50%; margin-bottom: 12px; } /* add margin to space button when wrapped on location pages*/
.los-panel a.image-link { position: relative; top: 1em; }
.los-infos { margin-top: 1em; }


/* Search widget styles */  
table.los-qt, tbody.los-qt, .los-qt td {border:0; margin:0; }
td.los-search-submit {text-align:right; }
td.los-image {float: right;}
tr.los-search {border:0;}
tr.los-search-submit {border:0;}
td.los-search { width: 75%; }
td.los-search input { width: 100%; } 
div.los-panel tr > td { background: none; } 

.los-panel input,
.journal-panel input,
.catalog-panel input,
.scholar-panel input,
.guides-panel input {
 margin-top: 0;
}

.quicktabs-style-libtab::before,
.quicktabs-style-libtab::after { content: " "; display: table; }

.guides-panel input { margin-right: .5em; }

.journal-panel input[type="text"], 
.journal-panel select,
.catalog-panel input[type="text"], 
.catalog-panel select,
.scholar-panel input[type="text"],
.scholar-panel a,
.guides-panel input[type="text"] {
 width: auto;
 margin-bottom: 1em;
 display: inline;
}

.los-infos { text-align: right; font-size: .9em; }
.los-infos a:first-child {  margin-right: .25em; }
 
.libguides-info p {
 font-size: .9em;
} 

.libguides-info h3 {
 font-size: 1.2em;
 margin-bottom: .8em;
}

  
/* Site-specific "menu" blocks */
.submenu .block-region-sidebar-second ul {
  list-style-type: none;
  margin-top: 0;
  padding-left: 0;
}

.submenu .block-region-sidebar-second h4 {
  padding: 0;
}


/* labriola archive styles */
.view-labriola-newsletter { overflow: hidden; }
.view-labriola-newsletter .item-list ul { margin: 0; padding: 0; }
.view-labriola-newsletter .item-list li { list-style: none; margin: 0; padding: 0; }
.view-labriola-newsletter .item-list { float: left; margin: 0 1.5em .5em 1.5em; height: 8.5em; }


/* general site styles */
.extra-right { margin-right: 3em; }
.extra-bottom { margin-bottom: 3em; }
.extra-bottom h2, .extra-bottom p { margin-left: 45px; }
.clear { clear: both; }
.lfloater { float: left; margin-right: 2em; }
.rfloater { float: right; margin-left: 2em; }

#node-3040 .lfloater { width: 21%; }
.infobox { 
  border: 2px solid #4a0030;
  padding: 0 1em;
  margin: 5px;
  width: 18em;
  float: right;
  background: #e6e8fa; }
  

.view-mode-two_columns h3 { width: 80%; }

dd {margin: 0 0 1em 1.2em;}


/* Text in official colors */
.green-text { color: #78BE20;  }
.blue-text { color: #00A3E0; }
.orange-text { color: #FF7F32; }
.lt-grey-text { color: #afa593; }
.dk-grey-text { color: #5c6670; }
.maroon-text { color: #8c1d40; }
.gold-text { color: #ffc627; }

/* styles for library contact pages */
.director-info { border: 3px solid #afa593; border-radius: 8px; z-index: 1; position: relative; width: 50%; max-width: 27em; }
.director-info::before { content: ""; position: absolute; width: 100%; height: 100%; background: #afa593; opacity: .5; z-index: -1; } /* add a faded background to the box without affecting the content */
.director-info h3 { margin: .5em; }
.director-info h3:first-child { color: #fff; margin: 0; font-weight: normal; background: #afa593; padding: .25em 0 .25em .5em; font-size: 1.2em; }
.director-info p { padding: 0; margin: .25em .5em; }
.director-info::after { content: ""; clear: both; display: block; }
.director-info img { margin: 0 10px 10px 0; }
.director-info.admin {  max-width: 100%; margin-bottom: 1em; }

.fancy-photo { padding: .5em; border: solid 1px #ccc; border-radius: 5px; } 
.fancy-photo p { margin-bottom: 0; text-align: right; }
.fancy-photo .caption { font-style: italic; color: #494949; }

/* fix crazy spacing on link field edit forms */
.link-field-url .form-item { margin:0;}

/* Make "Optional Content" more noticeable */
form#page-node-form .field-name-body { margin-bottom: 1em; }
form#page-node-form .field-group-fieldset .fieldset-legend { font-weight: bold; }


/* Make node add/edit instructions more noticeable */
.page-node-add #block-system-help,
.page-node-edit #block-system-help { 
  border: solid 3px #afa593;
  border-radius: 8px;
  padding: 1em;
  width: 80%;
  margin-left: .5em;
}

/*  Reserve form styles */
.invisible-fieldset { border: none; margin: 0; padding: 0; }
.page-node-7386 .form-item { margin-bottom: 1em; }
.page-node-7386 .webform-component--course-information { background-color: #e4e4e4; }
.page-node-7386 .form-required { vertical-align: top; }
.inline-field { display: inline-block; margin: 0 2em 0 0; }
.inline-spacer { margin: 0; }


/* Set width on librarians table image column so picture doesn't auto-size too small */
.view-subject-librarians .views-table th.views-field-field-image { width: 10em; }
.view-subject-librarians td { vertical-align: top;}
td.views-field.views-field-field-asu-directory-lastname { padding: 0 1em 1em 1em; }

/* Make the paragraph on the staff directory stand out more */
.view-asu-directory-people .view-header { border-radius: 4px; border: solid 1px #bebfb9; background: #e1e2dc; margin: 0 2em 1em; }
.view-asu-directory-people .view-header p { margin: 1em; }
.view-asu-directory-people .image-cropper { max-height: 150px; overflow: hidden; }
.view-asu-directory-people { font-weight: normal; }
.view-asu-directory-people tr { height: 150px; }
.view-asu-directory-people td { vertical-align: top; }

/* Control size of responsive-marked images in the editor. */
.cke_editable img[data-picture-mapping="small_content_images"] {
  max-width: 160px;
}
.cke_editable img[data-picture-mapping="medium_content_images"] {
  max-width: 300px;
}
.cke_editable img[data-picture-mapping="large_content_images"] {
  max-width: 520px;
}

/* Extra spacing for floated images */
img[data-picture-align="left"] {
  margin: 3px 20px 3px 0;
}
img[data-picture-align="right"] {
  margin: 3px 0 3px 20px;
}


/* Styles for call-out boxes */
.find-more-info,
.hey-listen {
border: 3px solid #afa593;
border-radius: 8px;
}

.find-more-info h3,
.hey-listen h3 {
margin: .5em;
}
.find-more-info h3:first-child,
.hey-listen h3:first-child {
color: #fff;
margin: 0; 
font-weight: normal;
}

.find-more-info h3:first-child { 
background: #afa593 url(/sites/default/files/icons/question_mark_white.png) no-repeat .5em center; 
padding-left: 1.5em;
font-size: 2em;
}
.hey-listen h3:first-child { 
background: #afa593 url(/sites/default/files/icons/lightbulb_white2.png) no-repeat .5em center;
padding: .25em 0 .25em 2em;
font-size: 1.2em;
}
.freq-resources h3:first-child { 
background-position: .5em .5em;
}
.find-more-info p { margin: .5em; }
.hey-listen p { padding: 0; margin: .25em .5em; }
.hey-listen { max-width: 25em; }

.info-box {
  padding: 1em;
  border-radius: 4px;
  border: solid 4px #FFB310;
  margin: 0 2em 1em;
}

/* Caption style for certain tables */
.cap-table caption {
border: 1px solid #BEBFB9;
background: #E1E2DC;
padding: 4px 12px;
color: #000;
font-weight: bold;
text-align: left;
}

/* Help Ticket webform styles */
.webform-component--problem { margin-bottom: 1em; }
.webform-component--instructions { font-size: .9em; }

/* Menu index page styles (ex: /find-materials) */
.find-block { overflow: hidden; margin: 0 0 .5em 0; border-top: 1px solid #c2c2c2; padding-top: .5em; width: 80%}
.find-block img { border: #4F5557 1px solid; margin-right: 1em; }
.find-block:first-child { border: none; }

/* Duplicate title on search results page - added "No Results Found" title into no results text in Google Appliance settings */
.page-search h1#page-title { display: none; }


/* Archives Invoice and Duplication orders */
.quikpay-return { display: none; }
.field-name-field-invoice-amount .field-item:before { content: "$"; }

/* mkrspace styles */
#block-block-30 p {
text-align: center;
margin: 0 auto;
}
#block-block-30 {
    background: #8C1C40;
    height: auto;
}
.mkr-fancy-box {
    background: #F1F1F1;
    padding: 2em;
    text-align: center;
}

.section-mkr table.hours-today {
    width: 20em;
}

.section-mkr table.hours-today tr { display: none; }
.section-mkr table.hours-today tr:last-of-type {
    display: table-row;
}
.section-mkr .add-item-button a { margin-top: 0; }

.section-mkr article img, .section-mkr #block-block-30 img { height: auto!important; }
.section-mkr p.size-match { /*height: 107px;*/ padding-bottom: 30px; } /* this is a bad way to do this */

/* We Deliver styles */
#block-block-31 p {
text-align: center;
margin: 0 auto;
}
#block-block-31 {
    background: #fff;
    height: auto;
}
#block-block-31 img { height: auto!important; }
.section-wedeliver .field-name-field-body2,
.section-wedeliver .field-name-field-body3 { 
  border: 1px solid #5C6670;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
margin-top: 1em;
padding: 15px 15px 0 15px;
}
.section-wedeliver p.clear { padding: 0; margin: 0; }
.add-item-button.blue a { color: white; background-color: #009cdb; border: 1px solid transparent; }
.add-item-button.blue a:hover { background-color: #0aa9fc; }


/* Prestige pages */
.hero-wrapper { 
  position: relative;
}
.hero-inner {
  max-width: 1170px;
  margin: auto;
}
.field-name-field-hero-image {
  text-align: center;
  margin: 0 auto;
}
.field-name-field-hero-image img {
  display: block; /* fix odd extra spacing at bottom of image */
}
.region-secondary-content h1#page-title {
 color: #fff;
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 3.8em;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 40%;
  border-bottom: 0;
}

.prestige-grid-image span {
  position: absolute;
  text-align: center;
  width: 101%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  background: rgba(0,0,0,.5);
} 
.prestige-grid-padding a.image-link {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
}
.prestige-grid-container.no-images .prestige-grid-padding a.image-link {
  color: #000;
  height: 80%;
}
.prestige-grid-container {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  margin-bottom: 1em;
}

.prestige-grid-image {
  background: #FFC627;
  width: 220px;
  height: 137px;
  margin-top: 10px;
  position: relative;
}
.prestige-grid-image img {
  border: solid #4f5557 1px;
}
.prestige-grid-info {
  width: 221px;
  height: 138px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.4);
}
.prestige-grid-container.no-images .prestige-grid-info {
  background: none;
}
.prestige-grid-padding {
  padding: 1em;
  height: 100%;
  width: 100%;
}

.contact-box p {
  display: inline-block;
}
.contact-box .add-item-button {
  float: right;
}
.contact-box .add-item-button a {
  margin: 0;
}
.contact-box::after {
  clear: both;
  content: "";
}
.contact-box {
  padding: 15px;
  border: solid 1px #ccc;
  border-left: solid 3px #990033;
  background-color: #eee;
  border-radius: 3px;
}

/* team profile pages */
.contact-profile {
  margin-bottom: 2em;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 1em;
}

.contact-profile:last-child {
  border: none;
}
.contact-profile img {
  margin: 0 10px 10px 0;
}
.contact-profile::after {
  content: "";
  clear: both;
  display: block;
}

.contact-profile p {
  padding: 0;
  margin: .25em .5em;
}

.add-item-button.btn-block a,
.add-item-button.btn-block a:hover,
.add-item-button.btn-block a:focus {
display: block;
width: 100%;
padding: 6px 0;
margin-top: 15px;
}

/* Research and Publication Services site */
.resources,
.research-section {
  display: flex;
  justify-content: space-between;
}

.research-text,
.lifecycle .rfloater,
.resources ul {
  width: 65%;
}

.prestige-grid-container.prestige-buttons {
min-height: 215px;
}
.prestige-buttons .prestige-grid-image {
background: none;
text-align: center;
min-height: 137px;
height: auto;
margin-bottom: 2em;
}

.prestige-buttons .prestige-grid-image img {
border: none;
position: initial;
}

.prestige-buttons .prestige-grid-info {
height: auto;
position: inherit;
background: none;
}

.prestige-buttons .prestige-grid-padding a.image-link {
font-size: 1.2em;
background-color: #ffc627;
padding: .6em 0;
border-radius: .25em;
transition: all 0.25s ease-in-out 0s;
}

.prestige-buttons .prestige-grid-padding  {
padding: 0;
height: auto;
}
.prestige-buttons .prestige-grid-image a {
  text-align: center;
}

.research-section {
  padding-bottom: 2em;
  margin-bottom: 3em;
  border-bottom: 1px solid #d5d5d5;
}

.research-section:last-child {
  border: none;
}


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

.prestige-buttons .prestige-grid-padding a.image-link:hover,
.prestige-buttons .prestige-grid-padding a.image-link:focus,
.prestige-buttons .prestige-grid-padding a.image-link:active {
background-color: #ffd053;
color: #2a2a2a;
}

.lifecycle { margin-top: 4em; }
.lifecycle .lfloater { margin-right: 0; }
.lifecycle .rfloater { margin-left: 0; }
/* IE doesn't play with flex so it gets inline-block */
.ie9 .prestige-grid-image,
.lt-ie9 .prestige-grid-image { display: inline-block; }
.ie9 .prestige-grid-container,
.lt-ie9 .prestige-grid-container { display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.prestige-grid-image { display: inline-block; }
.prestige-grid-container { display: block;}
}