@import url(https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:400,700);
/*
Theme Name: Rare Book School
Theme URI: http://Rarebookschool.org
Description: Theme for Rare Book School 2014+
Author: Helium Studio
Author URI: http://heliumstudio.com
Version: 1.0

This website was proudly designed and built by
 _   _        _  _                    ____   _               _  _        
| | | |  ___ | |(_) _   _  _ __ ___  / ___| | |_  _   _   __| |(_)  ___  
| |_| | / _ \| || || | | || '_ ` _ \ \___ \ | __|| | | | / _` || | / _ \ 
|  _  ||  __/| || || |_| || | | | | | ___) || |_ | |_| || (_| || || (_) |
|_| |_| \___||_||_| \__,_||_| |_| |_||____/  \__| \__,_| \__,_||_| \___/ 

*/

/* ===================================================================== */
/* =============================== Style =============================== */
/* ===================================================================== */
/*

TABLE OF CONTENTS

/* ==================== 
    = HTML5 Reset
    = Layout
    = Header
    = Navigation
        - Global Nav
        - Search
        - Main Nav
        - Mobile Nav
        - Breadcrumbs
    = Main Content Area
    = Feature Slider + Page Feature Slider
    = CTAs Home
    = Feeds
        - News Items
    = Content
        - Accordion
        - Member List
        - Course Faculty Tabs
        - Advanced Reading List
    = Tab System
    = Isotope
        - Filters
        - Bios
    = Certification
    = Awards
    = Staff
    = Sidebar
    = Pagination
    = WooCommerce
    = Footer
        - Grayscale
    = Fonts
    = Flexslider
        - Direction Nav
    = Hides & Fixes
    = Media: Mobile
        - Desktop less than 1100px
        - Desktop less than 950px
        - Desktop less than 768px
        - Desktop less than 640px
        - Desktop less than 480px
    = Media: Print
   ====================
*/


/* ========================================== 

    HTML5 Reset 

========================================== */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
a { outline: none; text-decoration: none; transition: all .3s; color: #9a2513;}

/* ========================================== 

    Layout 

========================================== */

html { font-size: 62.5%;}
body {
	font-size: 15px;
	font-size: 1.5rem;
	background: #f2ede8;
	color: #444;
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	overflow-x: hidden;
}

::selection {
    background: #a0200c;
    color: #fff;
}
::-moz-selection {
    background: #a0200c;
    color: #fff;
}

.row {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	*zoom: 1;
}
.row:before,
.row:after { content: ""; display: table; }
.row:after { clear: both; }
.row.full { max-width: 100% !important; padding: 0;}
.row.nopad { padding: 0;}
.col,
.mcol,
.scol,
.column {
	position: relative;
	float: left;
	margin: 0 1.5%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.one	{ width: 5.33333%;}
.two	{ width: 13.66667%;}
.three	{ width: 22%;}
.four	{ width: 30.33333%;}
.five	{ width: 38.66667%;}
.six	{ width: 47%;}
.seven	{ width: 55.33333%;}
.eight	{ width: 63.66667%;}
.nine	{ width: 72%;}
.ten	{ width: 80.33333%;}
.eleven	{ width: 88.66667%;}
.twelve	{
    width: 100%;
    margin: 0!important;
}

.col.flush-left,
.mcol.flush-left,
.scol.flush-left,
.column.column-number-1 {
    margin: 0 3% 0 0;
}
.col.flush-right,
.mcol.flush-right,
.scol.flush-right {
    margin: 0 0 0 3%;
}

img {
    max-width: 100%;
    height: auto;
}
#content .column iframe {
    min-height: 318px;
}
.column iframe {
    width: 100%;
}
iframe {
    max-width: 100%;
}

.alignleft {
    float: left;
    margin: 0 10px 5px 0;
}

.alignright {
    float: right;
    margin: 0 0 5px 10px;
}
.wp-caption { max-width: 33%;}
.wp-caption > img {
    width: 100%;
    height: auto;
}
.wp-caption-text {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 15px;
    line-height: 1.5rem;
    text-align: center;
    background-color: #ccc;
    padding: 15px;
}

/* ========================================== 

    Header 

========================================== */

header {
    background: #fff;
    border-bottom: 6px solid #9a2513;
    height: 130px;
}

#logo {
    background-image: url(images/rbs-logo.png);
    background-size: 300px;
    height: 24px;
    width: 300px;
    display: inline-block;
    float: left;
    text-indent: -9999rem;
    position: absolute;
    top: 50px;
    transition: top .2s;
    background-repeat: no-repeat;
}

/* ------------------------------------------ 

    Sticky Header

------------------------------------------ */

/*header.sticky {
    position: fixed !important;
    height: 75px;
    z-index: 9999;
}
#logo.sticky { top: 30px;}
header.sticky nav#global { display: none;}
header.sticky nav#main-nav {
    top: 20px;
    position: relative;
    margin-top: 0;
}
header.sticky .sub-menu-wrap {
    top: 75px;
    position: fixed !important;
}
header.sticky nav#main-nav > ul > li { position: relative;}
header.sticky nav#main-nav > ul > li:hover::after {
    content: "";
    background-image: url(images/nav-arrow.png);
    background-size: 15px;
    width: 15px;
    height: 8px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    bottom: 0;
    left: 14px;
    z-index: 9999;
}*/

/* ========================================== 

    Navigation 

========================================== */

nav#global ul li:last-child {
    margin-right: 0;
}

/* ------------------------------------------ 

    Global Nav

------------------------------------------ */

nav#global {
    position: relative;
    top: 20px;
}
nav#global ul {
    float: right;
}
nav#global ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    position: relative;
}
nav#global ul li a {
    color: #444444;
    font-family: 'Lato';
}

nav#global ul li:hover a {
    color: #9a2513;
}

nav#global ul li.donate-btn a {
    background: #9a2513;
    color: #ffffff;
    padding: 5px 10px;
    font-weight: bold;
    border: 1px solid #6b1306;
}
nav#global ul li.donate-btn:hover a {
    background: #6b1306;
    border-color: #9a2513;
}

/* ------------------------------------------ 

    Search 

------------------------------------------ */

header #search-container {
    float: right;
    position: relative;
    min-width: 35px;
    height: 17px;
    margin-left: 20px;
}
header #search-container.open {  width: 237px;}
header #search-trigger,
header #search-close {
    font-size: 16px;
    font-size: 1.6rem;
    cursor: pointer;
    border-left: 1px solid #444;
    padding-left: 10px;
    color: #555555;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0px;
}
header #search-close {
    border-left: none;
    padding-left: 0;
}
header #search-box form { display: inline-block;}
header #search-box {
    display: none;
    position: relative;
    padding-right: 30px;
}
header #s {
    width: 220px;
    height: 25px;
    top: -2px;
    position: relative;
    padding: 0 25px 0 5px;
    font-size: 12px;
    font-size: 1.2rem;
    outline: none;
    border: 1px solid #ddd;
}
header #searchsubmit {
    position: absolute;
    font-family: 'rbs-icons';
    background: transparent;
    border: none;
    top: 4px;
    right: 36px;
    outline: none;
}

header #searchform label {
    display: none;
    visibility: hidden;
}

body.search-results li.feed-item {
    height: auto!important;
}

/* ------------------------------------------ 

    Main Nav

------------------------------------------ */

nav#main-nav {
    float: right;
    margin-top: 56px;
}

nav#main-nav ul li {
    display: inline-block;
    vertical-align: top;
}

nav#main-nav > ul > li > a {
    color: #555;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    display: block;
    padding: 15px 15px 20px;
}
nav#main-nav > ul > li:last-child > a { padding-right: 0;}
nav#main-nav > ul > li:hover > a,
nav#main-nav > ul > li.open > a,
nav#main-nav > ul > li.current-menu-ancestor a { color: #9a2513;}

.sub-menu-wrap {
    display: none;
    position: absolute !important;
    background: #9a2513;
    left: 50%;
    top: 130px;
    z-index: 9999;
}

nav#main-nav ul li ul.sub-menu li a {
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    padding: 15px 15px 20px;
}

/* ------------------------------------------ 

    Mobile Nav 

------------------------------------------ */

#mobile-nav-trigger {
    position: absolute;
    top: 25px;
    right: 13px;
    width: 50px;
    height: 40px;
    color: #444;
    font-size: 35px;
    z-index: 9999;
    cursor: pointer;
}
#mobile-nav-trigger.triggered { color: #9a2513;}
#mobile-nav {
    background: #9a2513;
    position: relative;
    z-index: 9999;
    margin-top: 90px;
}
#mobile-nav nav,
#mobile-nav ul.sub-menu {
    display: none;
}

#mobile-nav ul.sub-menu li {
    margin-bottom: 0 !important;
}

#mobile-nav > nav > ul > li {
    border-bottom: 1px solid #791a0b;
    position: relative;
    margin-bottom: 0 !important;
}
#mobile-nav > nav > ul > li:last-child { border-bottom: none;}
#mobile-nav > nav > ul > li > a {
    color: #fff;
    padding: 15px 20px;
    display: block;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
}
#mobile-nav nav ul li.mnav-trigger a::after {
    content: "\45";
    font-family: 'rbs-icons';
    position: absolute;
    right: 13px;
    top: 14px;
    color: #fff;
    height: 25px;
    font-size: 20px;
    font-size: 2rem;
    outline: none;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;     
    line-height: 1em;
    margin-left: .2em;    
}
#mobile-nav nav ul li.mnav-trigger.open a::after { content: "\43";}
#mobile-nav > nav > ul > li > ul { background: #791a0b;}
#mobile-nav > nav > ul > li > ul > li > a {
    color: #fff;
    padding: 10px 20px 10px 30px;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
}
#mobile-nav > nav > ul > li > ul > li > a::before {
    content: "-";
    margin-right: 10px;
}

/* ------------------------------------------ 

    Breadcrumbs 

------------------------------------------ */

nav#breadcrumbs {
    margin-bottom: 20px;
    font-family: 'Lato', sans-serif;
}
nav#breadcrumbs span {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    margin-left: 5px;
}
nav#breadcrumbs span:first-child { margin-left: 0;}
nav#breadcrumbs a { text-transform: uppercase;}
nav#breadcrumbs span:last-child a { color: #9a2513;}

/* ========================================== 

    Main Content Area

========================================== */

#main {
    margin-top: 70px;
    margin-bottom: 60px;
}
#main.scroll {
    top: 195px;
    margin-top: 0;
}

/* ========================================== 

    Feature Slider + Page Feature Slider 

========================================== */

#feature {
    margin-bottom: 50px;
}
#page-feature {
    opacity: 0;
    transition: opacity .5s;
    overflow: hidden;
}
#feature,
#feature ul.slides,
#feature .slide,
#page-feature,
#page-feature ul.slides,
#page-feature .slide {
    height: 400px;
    width: 100%;
}
ul.slides {
    list-style: none;
    margin: 0;
    padding: 0;
}
#feature .slide,
#page-feature .slide {
    background-size: cover;
    position: relative;
}
#page-feature .slide {
    background-position: 50% 50%;
    display: none;
}
#feature .slide .content-box {
    position: absolute;
    width: 350px;
    height: 400px;
    max-width: 100%;
    background: rgba(255, 255, 255, .8);
    padding: 150px 40px 40px;
    right: 0;
}
#feature .slide .content-box h1 {
    font-family: 'Montserrat';
    font-size: 25px;
    font-size: 2.5rem;
    color: #9a2513;
}
#feature .slide .content-box p {
    color: #444;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    line-height: 3rem;
    font-family: 'Georgia', serif;
}

#page-feature .slide .content-box {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    background: rgba(0,0,0,.3);
    bottom: 0;
    right: 0;
    padding: 10px;
}
#page-feature .slide .content-box p {
    color: #fff;
    margin-bottom: 0;
}


/* ========================================== 

    CTAs Home

========================================== */

.cta {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
    margin-bottom: 50px;
    display: block;
}
.cta .cta-inner {
    width: 100%;
    background-color: rgba(136,26,9,.8);
    color: #fff;
    font-family: 'Montserrat';
    font-size: 25px;
    font-size: 2.5rem;
    position: absolute;
    bottom: 0;
    padding: 15px 20px;
    height: 60px;
    text-align: left;
    transition: all .5s;
}

/* ========================================== 

    Feeds 

========================================== */

#feeds { min-height: 450px;}
#feeds .inner {
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 30px 25px;
    display: block;
}
.feed-feature {
    height: 270px;
    background-size: cover;
    position: relative;
    background-position: 50% 50%;
    margin-bottom: 25px;
    display: block;
    outline: none;
    text-transform: capitalize!important;
}
.feed-title {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 15px;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 25px;
    font-size: 2.5rem;
    padding: 15px 20px;
    text-align: left;
    height: 60px;
    transition: all .5s;
}

#lectures-feed .feed-title { background-color: rgba(136,26,9,.8);}
#lectures-feed > ul,
#exhibitions-feed > ul,
#events-feed > ul,
#main ul.lecture-additions {
    margin-left: 0;
}

#main ul.lecture-additions {
    margin-top: 10px;
}
#main ul.lecture-additions li {
    line-height: 18px;
    line-height: 1.8rem;
}

#events-feed .feed-title { background-color: rgba(75,75,75,.8);}
#exhibitions-feed .feed-title {
    background-color: rgba(255,255,255,.8);
    color: #444;
}
.feed a { color: #9a2513;}
.feed > a {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}
.feed ul { list-style: none;}

#sidebar #programs-feed ul { margin: 0 !important;}
#sidebar h2 { font-family: 'Lato', sans-serif;}
#sidebar #programs-feed ul .feed-item {
    height: auto !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

#sidebar #programs-feed::after {
    content: "";
    display: none;
}
#sidebar #programs-feed .event-date {
    float: none;
}

#programs-feed::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #ddd3c7;
    position: absolute;
    top: 0;
    right: -7%;
}
.feed li:last-child { border-bottom: none;}
.events,
.lectures,
.exhibitions {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #ddd3c7;
}
.event-date {
    font-family: 'Lato', sans-serif;
}
.events .event-date,
.lectures .event-date {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    position: relative;
    margin-bottom: 40px;
    line-height: 18px!important;
    line-height: 1.8rem!important;
}
.event-date strong { text-transform: uppercase;}
.event-year {
    position: absolute;
    bottom: -30px;
    text-align: center;
    width: 60px;
    font-size: 20px;
    font-size: 2rem;
}
.lectures .event-year {
    color: #9a2513;
}
.events .event-year {
    color: #444444;
}

.events .event-date { background-color: #444;}
.lectures .event-date { background-color: #9a2513;}
.exhibitions .event-date {
    background-color: #fff;
    color: #444;
    box-shadow: 0px 1px 5px rgba(0,0,0,.5);
}

.event-date.datespan {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    margin-bottom: 40px;
    text-align: center;
    padding-top: 10px;
    font-size: 11px;
    font-size: 1.1rem;
    position: relative;
    line-height: 14px!important;
    line-height: 1.4rem!important;
}


.event-info h2,
.event-info > a,
.news-item a.news-title {
    color: #9a2513;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Georgia', serif;
    margin-bottom: 5px;
    display: block;
}
.event-info h2 {
    color: #444;
    font-weight: normal;
}
p.event-details span { color: #777;}
p.event-details strong {
    font-family: 'Lato';
    color: #9a2513;
}
body.page-template-page-program-template li.lectures {
    height: auto !important;
}


/* ------------------------------------------ 

    News Items 

------------------------------------------ */

#news-feed > ul {
    margin-left: 0;
}
.news-item {
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.news-item:last-of-type { border-bottom: none;}
.news-item a { color: #9a2513;}
.news-item p {
    margin-bottom: 10px;
    line-height: 22px;
    line-height: 2.2rem;
}

/* ========================================== 

    Content

========================================== */

#content { min-height: 450px;}
#content .inner {
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 30px 25px;
    display: block;
}
#schedule-list { padding: 0;}
.course-year { padding: 15px 0;}
.course-year span { font-weight: bold;}

/* ------------------------------------------ 

    Accordion 

------------------------------------------ */

#content #course-list,
#page-accordion {
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 0 25px 20px;
    display: block;
}
#page-accordion.single {
    background-color: transparent;
    padding: 0;
}
.accordion-list,
.accordion-list > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.accordion-content > ul {
    margin-left: 17px;
    list-style: disc;
}
#schedule-list .accordion-content,
#page-accordion .accordion-content {
    list-style: none;
}
.accordion-list li.accordion-item {
    margin-bottom: 2px !important;
}
.accordion-list li.accordion-item .accordion-content {
    display: none;
    background: #eee;
    padding: 15px 30px;
    margin: 0 !important;
}

.accordion-list li.accordion-item ul li { margin-bottom: 10px;}
.accordion-list li.accordion-item h2 {
    cursor: pointer;
    padding: 10px;
    background: #8b8b8b;
    color: #fff;
    margin-bottom: 4px;
    font-family: 'Lato', sans-serif;
}
.accordion-list li.accordion-item h2::before {
    content: '\45';
    font-family: 'rbs-icons';
    margin-right: 10px;
    font-size: 18px;
    font-size: 1.8rem;
}
.accordion-list li.accordion-item h2.open::before { content: '\43';}
.accordion-list.listCol1,
.accordion-list.listCol2 {
    width: 49.8%;
    float: left;
}
.accordion-list.listCol1 { margin: 0 .2% 0 0;}
.accordion-list.listCol2 { margin: 0 0 0 .2%;}
#open-all,
#close-all {
    font-family: 'Lato', sans-serif;
    cursor: pointer;
    color: #9a2513;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
}

/* ------------------------------------------ 

    Member List 

------------------------------------------ */

.members {
    list-style: none;
    margin: 0 0 20px 0;
}
.members .member {
    padding: 20px 0;
    border-top: 3px solid #ddd;
}
#member-list .listCol1,
#member-list .listCol2,
#member-list .listCol3 {
    width: 32.33333%;
    margin: 0 .5%;
    float: left;
}
#member-list .listCol1 { margin: 0 1% 0 0;}
#member-list .listCol3 { margin: 0 0 0 1%;}

.return-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #9a2513;
    color: #fff;
    margin-top: 20px;
    font-weight: bold;
}


/* ------------------------------------------ 

    Course Faculty Tabs - on single-course.php

------------------------------------------ */

a.multi::after {
    content: ", ";
    cursor: default;
    color: #444;
}

a.multi:last-child::before,
a.duo:last-child::before {
    content: "& ";
    cursor: default;
    color: #444;
}
a.multi:last-child::after,
a.multi:nth-last-child(2)::after { content: "";}

#course-faculty {
    background: #eee;
    min-height: 50px;
    padding: 25px 35px;
    margin-top: 30px;
}
#course-faculty .tab-triggers li,
#faculty-iso a.faculty-member {
    height: 190px;
    position: relative;
    overflow-y: hidden;
    background-size: cover;
    background-position: 50% 50%;
    margin-bottom: 30px;
    width: 13.66667%;
}
#course-faculty .tab-triggers li:first-child { margin-left: 0;}

#course-faculty .faculty-bio.active {
    min-height: inherit !important;
    margin-bottom: 0;
    padding: 20px 0;
}
#course-faculty .faculty-bio.active .mcol {
    margin: 0;
}

/* ------------------------------------------ 

    Advanced Reading List

------------------------------------------ */

#go-button {
    background: #9a2513;
    padding: 7px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    border: none;
    position: relative;
    vertical-align: top;
}

/* ========================================== 

    Tab System 

========================================== */

.tab-triggers {
    list-style: none;
    z-index: 9000;
    display: block;
    position: relative;
}
.faculty-member {
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}
.faculty-member .faculty-name {
    background: rgba(255,255,255,.8);
    padding: 10px 0;
    color: #444;
    transition: all .3s;
    width: 100%;
    position: absolute;
    bottom: 0;
    font-size: 11px;
    font-size: 1.1rem;
}
.faculty-member:hover .faculty-name {
    background: #9a2513;
    color: #fff;
}
.tab-body {
    position: relative;
    overflow: hidden;
}
.tab {
    height: 0!important;
    position: relative;
    top: 0;
    width: 100%;
    opacity: 0;
}
.tab.active {
    padding-top: 30px;
    height: auto !important;
    opacity: 1;
}


/* ========================================== 

    Isotope 

========================================== */

/* ------------------------------------------ 

    Filters 

------------------------------------------ */
#faculty-filters { margin-bottom: 20px;}
#faculty-filters button {
    font-size: 15px;
    font-size: 1.5rem;
    background: transparent;
    border: none;
    color: #444;
    box-shadow: none;
    transition: all .3s;
    outline: none;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    padding: 5px 15px;
    margin-bottom: 10px;
}
#faculty-filters button:hover,
#faculty-filters button.is-checked {
    color: #9a2513;
    background: #eeeeee;
}

/* ------------------------------------------ 

    Bios 

------------------------------------------ */

#faculty-bios h1.mobile {
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.faculty-bio {
    float: left;
    width: 100%;
}
.faculty-bio.active {
    background: #eee;
    padding: 20px;
    margin-bottom: 50px;
    min-height: 250px;
}
.faculty-bio ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}
.faculty-bio ul li {
    margin-bottom: 10px;
}
.close-bio {
    top: 10px;
    right: 10px;
    position: absolute;
    color: #ccc;
    font-size: 24px;
    font-size: 2.4rem;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    padding: 2px 0;
    cursor: pointer;
    transition: all .3s;
}
.close-bio:hover {
    color: #bbb;
    box-shadow: 0 0 3px rgba(0,0,0,.5);
}

body.single-rbs_faculty img {
    width: 100%;
}

/* ========================================== 

    Certification

========================================== */

ul.cert-courses {
    list-style: none;
    margin-left: 0;
    border: 1px solid #ccc;
    padding: 0;
    margin-bottom: 30px;
}
ul.cert-courses > li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0 !important;
}
ul.cert-courses > li:first-child { background-color: #ccc;}
ul.cert-courses.examples > li:first-child { background-color: #fff;}
ul.cert-courses > li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
ul.cert-courses > li > .mcol { padding: 10px 0;}
ul.cert-courses > li > .mcol.nine { border-right: 1px solid #ccc;}
ul.cert-courses.examples > li > .mcol.eight { border-right: none;}
ul.cert-courses.examples > li > .mcol.four { border-right: 1px solid #ccc;}

/* ========================================== 

    Awards 

========================================== */

#award-container a > p {
    color: #444444;
}

#award-container a {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #ddd3c7;
}

/* ========================================== 

    Staff 

========================================== */

.department {
    margin-bottom: 20px;
    display: block;
}
.department .staff {
    margin-bottom: 25px;
}
.department .staff p {
    line-height: 15px;
    line-height: 1.5rem;
}

.department .staff h4 {
    font-size: 18px;
    font-size: 1.8rem;
}

/* ========================================== 

    Sidebar 

========================================== */

#sidebar {
    background: #eee;
    padding: 30px;
}
#sidebar p {
    line-height: 20px;
    line-height: 2rem;
}

#course-sidebar {
    border-left: 2px solid #a1a1a1;
    padding-left: 30px;
}

#course-sidebar #not-offered {
    background: #eee;
    padding: 15px;
    margin-bottom: 15px;
}

#course-sidebar h2 {
    margin-bottom: 5px;
    font-family: 'Lato', sans-serif;
}
#course-sidebar a {
    margin-bottom: 10px;
    display: block;
}
#course-sidebar ul {
    margin: 0 0 15px 0;
    list-style: none;
}
#course-sidebar ul > li { margin-bottom: 5px !important;}
#course-sidebar form {
    margin-top: 7px;
}
.fancy-select { font-family: 'Lato', sans-serif;}

.section-archives ul li {
    margin-bottom: 10px!important;
}
.section-archives .children {
    margin-top: 10px;
    font-size: 15px;
    font-size: 1.5rem;
}
.section-archives strong {
    margin-bottom: 5px;
    display: block;
}

#content h4 {
    margin-bottom: 5px;
}

/* ========================================== 

    Pagination

========================================== */

#pagination { display: block;}
#pagination span.current,
#pagination a {
    display: inline-block;
    padding: 7px 10px;
    background-color: #9a2513;
    color: #fff;
    font-weight: bold;
    margin-right: 3px;
}

#pagination a {
    background-color: #ccc;
    color: #444;
}
#pagination a:hover {
    background-color: #9a2513;
    color: #fff;
}
#pagination a.next,
#pagination a.previous {
    font-family: 'rbs-icons';
    font-size: 20px;
    font-size: 2rem;
    background-color: transparent;
    padding: 0;
    top: 2px;
    position: relative;
    color: #ccc;
}
#pagination a.next:hover,
#pagination a.previous:hover {
    color: #9a2513;
}

/* ========================================== 

    WooCommerce 

========================================== */

.single_add_to_cart_button,
.checkout-button {
    background: #9a2513 !important;
}
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
    border-top: 3px solid #9a2513 !important;
}
woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info {
    padding: 5px 6px 4px 50px !important;
}
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {
    background-color: #9a2513 !important;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before {
    padding-top: 1px !important;
}

.sku_wrapper {
    display: none!important;
    visibility: hidden!important;
}
.product_meta { margin-bottom: 15px;}
.woocommerce div.product form.cart { margin-bottom: 0!important;}

mark {
    background: transparent!important;
    color: #9a2513!important;
    font-weight: normal!important;
}

.woocommerce ul.products li.product-category h3 {
    padding: 15px 0!important;
    margin: 0;
    font-size: 20px!important;
    font-size: 2rem!important;
    text-align: center;
}

.woocommerce.tax-product_cat ul.products li.product a:before,
.woocommerce.tax-product_cat ul.products li.product a:after {
    content: ""; display: table;
}
.woocommerce.tax-product_cat ul.products li.product a:after { clear: both; }

.woocommerce.tax-product_cat ul.products li.product a h3 {
    float: left;
    display: inline-block;
}
.woocommerce.tax-product_cat ul.products li.product a span.price {
    float: right;
    display: inline-block;
    top: 7px;
    position: relative;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width: 35%!important;
    float: left!important;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 62%!important;
    float: right!important;
}

.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
    width: 33%!important;
}

#firstdata-account-number,
#firstdata-cvv,
#firstdata-exp-month,
#firstdata-exp-year,
.woocommerce form input.input-text,
.woocommerce form textarea.input-text {
    border: 1px solid #ccc!important;
    padding: 10px;
    outline: none;
}
.woocommerce form textarea.input-text { height: 100px;}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
    border-color: #69bf29!important;
}

.cart_totals tr.cart-subtotal > th,
.cart_totals tr.shipping > th {
    padding-right: 10px !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table { width: 100%;}

/* ========================================== 

    Footer

========================================== */

footer {
    background-color: #fff;
    border-top: 7px solid #444;
    min-height: 200px;
}
footer.scroll { top: 175px;}
#footer {
    padding-top: 30px;
    padding-bottom: 40px;
}
#footer p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 2.4rem;
}
.footer-col strong {
    color: #9a2513;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    font-family: 'Lato', sans-serif;
}
.footer-col.three { padding-left: 4%;}
.footer-col.five.flush-right strong { margin-bottom: 0; }
ul.social-links {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}
ul.social-links li {
    display: inline-block;
    font-size: 25px;
    font-size: 2.5rem;
    color: #9b9b9b;
    transition: color .1s;
}
ul.social-links li:hover {
    color: #9a2513;
}
.footer-col img {
    max-width: 75%;
    max-height: 25px;
    margin-bottom: 15px;
}

/* ------------------------------------------ 

    Grayscale 

------------------------------------------ */

.bw img,
.tab-triggers li,
#faculty-iso .faculty-member {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'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>#grayscale");
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-moz-filter: grayscale(100%); /* Firefox */
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.bw:hover img,
.tab-triggers li:hover,
.tab-triggers li.active,
#faculty-iso .faculty-member:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: color; /* IE6-9 */
}


/* ========================================== 

    Forms & Buttons 

========================================== */


/* ========================================== 

    Fonts 

========================================== */

h1 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #444;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
}
h2 {
   font-size: 20px;
   font-size: 2rem;
   margin-bottom: 10px;
}
h3 {
   font-family: 'Georgia', serif;
   font-weight: normal;
   margin-bottom: 20px;
   font-size: 20px;
   font-size: 2rem;
}
p {
    margin-bottom: 15px;
    line-height: 24px;
    line-height: 2.4rem;
}

#faculty-bios h1.mobile,
h1 .course-code,
#course-faculty h1 {
    color: #444444;
}

#main ol, ul {
    margin: 0 0 0 17px;
    padding: 0;
}
#main ol > li,
#main ul > li {
    margin-bottom: 15px;
    line-height: 24px;
    line-height: 2.4rem;
}

/* ========================================== 

    Flexslider

========================================== */

.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img { width: 100%; display: block;}
.flex-pauseplay span { text-transform: capitalize;}
.slides:after { 
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* ------------------------------------------ 

    Direction Nav 

------------------------------------------ */

#page-feature .flex-direction-nav {
    *height: 0;
    list-style: none;
}
#page-feature .flex-direction-nav a  {
    font-family: 'rbs-icons';
    font-size: 40px;
    font-size: 4rem;
    color: #fff;
    display: block;
    width: 45px;
    height: 45px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    text-shadow: 0 1px 5px rgba(0,0,0,.4);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#page-feature .flex-direction-nav .flex-prev { left: -40px;}
#page-feature .flex-direction-nav .flex-next { right: -50px;}
#page-feature:hover .flex-prev {
    opacity: 0.6;
    left: 40px;
}
#page-feature:hover .flex-next {
    opacity: 0.6;
    right: 40px;
}
#page-feature:hover .flex-next:hover,
#page-feature:hover .flex-prev:hover {
    opacity: .9;
}
#page-feature .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter:alpha(opacity=0);
    cursor: default;
}

/* ========================================== 

    Hides & Fixes 

========================================== */

.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; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.desktop, .headers { display: block; visibility: visible;}
.mobile, .mheader, .print { display: none; visibility: hidden;}

#lion-link {
    position: absolute;
    top: -112px;
    right: 40px;
    width: 200px;
}


/* ========================================== 

    Media: Mobile 

========================================== */


/* Desktop less than 1100px */
@media screen
and (max-width: 1100px) {
    
    /* ------------------------------------------ 
        Nav - Small Desktop 
    ------------------------------------------ */
    
    nav#global ul li { margin-right: 15px;}
    #search-container { margin-left: 15px;}
    #s { width: 150px;}
    nav#main-nav > ul > li > a {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 15px 10px 20px;
    }
    
    /* ------------------------------------------ 
        Accordion - Small Desktop 
    ------------------------------------------ */
    
    .accordion-list li.accordion-item h2 {
        font-size: 17px;
        font-size: 1.7rem;
    }
    
}

/* Desktop less than 950px */
@media screen
and (max-width: 950px) {
    
    .desktop { display: none; visibility: hidden;}
    .mobile { display: block; visibility: visible;}
    .col {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
    }    
    
    .col.flush-left, .col.flush-right { margin: 0 0 20px 0;}
    
    /* ------------------------------------------ 
        Header - Mobile 
    ------------------------------------------ */
    
    header {
        min-height: 90px;
        height: auto;
    }
    
    /* ------------------------------------------ 
        CTA - Mobile 
    ------------------------------------------ */
    
    .cta .cta-inner {
        font-size: 20px;
        font-size: 2rem;
        height: 50%;
        text-align: center;
    }
	
	/* ------------------------------------------ 
	    Accordion - Mobile 
	------------------------------------------ */
	
	.accordion-list.listCol1,
	.accordion-list.listCol2 {
	    width: 100%;
	    float: none;
	    margin: 0;
	}
	.accordion-list li.accordion-item h2 {
        font-size: 20px;
        font-size: 2rem;
    }
    
    /* ------------------------------------------ 
        Feeds - Mobile
    ------------------------------------------ */
    
    #programs-feed::after { display: none;}
    .feed-item,
    .feed > p {
        height: auto !important;
    }
    .feed-title.mobile {
        position: relative;
        bottom: auto;
        color: #fff;
        margin-bottom: 20px;
        height: auto;
    }
    #lectures-feed .feed-title.mobile { background-color: #9a2513;}
    #events-feed .feed-title.mobile { background-color: #444;}
    #exhibitions-feed .feed-title.mobile {
        background-color: #fff;
        box-shadow: 0px 1px 5px rgba(0,0,0,.5);
    }
    
    #lectures-feed {
        font-size: 13px !important;
        font-size: 1.3rem !important;
    }
    
    /* ------------------------------------------ 
        Tabs - Mobile 
    ------------------------------------------ */  
    .tab {
        height: auto!important;
        padding: 10px 0 !important;
        opacity: 1!important;
    }
    
    .faculty-bio {
        float: none;
        margin-bottom: 30px;
        background: #eee;
        padding: 20px !important;
    }
    
    /* ------------------------------------------ 
        Footer - Mobile 
    ------------------------------------------ */
	.footer-col.three { padding-left: 0;}
	.footer-col {
	    width: 47% !important;
	    margin: 0 1.5% 50px !important;
	}
	
	/* ------------------------------------------ 
	    Fonts - Mobile 
	------------------------------------------ */
	#content h1 { text-align: center;}
	
}

/* Desktop less than 768px */
@media screen
and (max-width: 768px) {
    
    #course-faculty .tab-triggers li,
    #faculty-iso a.faculty-member {
        height: 190px;
        width: 22%;
    }
    
}

/* Desktop less than 640px */
@media screen
and (max-width: 640px) {
    
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images,
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary,
    .mcol,
    .column {
        width: 100% !important;
        float: none;
        margin: 0 0 20px 0 !important;
        height: auto !important;
    }
    .staff {
        height: auto !important;
    }
    .mcol.flush-left,
    .mcol.flush-right,
    .column.column-number-1 {
         margin: 0 0 20px 0;
    }
    
    #lectures-feed {
        font-size: 14px !important;
        font-size: 1.4rem !important;
    }
    
    .headers { display: none; visibility: hidden;}
    .mheader { display: block; visibility: visible;}
    
    #course-faculty .tab-triggers li,
    #faculty-iso a.faculty-member {
        height: 190px;
        width: 30.33333%;
    }
    
    /* ------------------------------------------ 
        Home Feature - Mobile 
    ------------------------------------------ */
    #feature .slide .content-box {
        background: rgba(255, 255, 255, .7);
        padding: 100px 40px 40px;
        width: 100%;
    }
    
    /* ------------------------------------------ 
        CTA - Mobile 
    ------------------------------------------ */
    .cta { height: 200px !important;}
    .cta .cta-inner { height: 60px;}
    .cta:hover .cta-inner {
        height: 60px;
        padding-top: 15px;
        background-color: rgba(136,26,9,.9);
        font-size: 25px;
        font-size: 2.5rem;
    }
    #faculty-filters button {
        width: 100%;
        padding: 15px 0;
    }
	
}

/* Desktop less than 480px */
@media screen
and (max-width: 480px) {
    
	#logo {
	    background-size: 220px;
	    height: 17px;
	    width: 220px;
	    top: 40px;
	}
	#feature .slide .content-box { padding: 40px;}
	
	.wp-caption {
        width: 50% !important;
        max-width: 50%;
    }
    #course-faculty .tab-triggers li,
    #faculty-iso a.faculty-member {
        height: 190px;
        width: 47%;
    }
}

/* ========================================== 

    Media: Print 

========================================== */

@media print {
  * { color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  img.print {
      display: block !important;
      border: none !important;
      width: 200px;
      visibility: visible!important;
  }
  .accordion-item .accordion-content {
      display: block!important;
  }
  .col {
      width: 100% !important;
      float: none !important;
      margin: 0 0 20px 0 !important;
  }    
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}