#page {
  width: 100%;
}

body, #page {
  height: 100%;
}

@media only screen and (max-width: 900px) {
  body {
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
  }
}



#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  margin-bottom: auto;
}

.sidebar {
  float: left;
}




#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

.sidebar-first #content-area {
  margin-left: 430px;
  float: right;
}

#sidebar-first {
  width: 400px;
  margin-right: -400px;
  float: left;
}

.inner {
  padding: 0;
}

.not-front #main {
  min-height: 300px;
}

#content_bottom {
  clear: both;
}

@media only screen and (max-width: 480px) {
  .sidebar, #sidebar-first {
    float: none;
    clear: both;
    width: auto;
    margin: 0px;
  }
  #content #content-inner.center {
    margin: 0px;
  }
  #sidebar-first {
    margin-right: 0;
    width: 100%;
  }

}



a {
  color: #00407b;
}
a:hover {
  color: #20609b;
}


h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
  color: #00407b;
}
@media only screen and (max-width: 480px) {
  h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
  }
}

h1 {
  font-size: 30px;
  line-height: 42px;
  font-size: 2.8rem;
  line-height: 3.2rem;
  font-weight: 300;
  padding: 0.5em 0 0.85em;
  margin: 0;
  font-family: 'novecentowidelight', sans-serif;
  text-transform: uppercase;
}

h2 {
  font-size: 24px;
  line-height: 36px;
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 300;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: 'novecentowidelight', sans-serif;
  text-transform: uppercase;
}
h2:first-child {
  margin-top: 0;
}

h3 {
  font-size: 20px;
  line-height: 30px;
  font-size: 2rem;
  line-height: 3rem;
  margin-top: 1.2em;
  margin-bottom: 0.7em;
}

h4 {
  font-size: 18px;
  line-height: 27px;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-bottom: 0.8em;
}

h5 {
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
  margin-bottom: 0;
}

h6 {
  font-size: 13px;
  line-height: 19.5px;
  font-size: 1.3rem;
  line-height: 1.95rem;
  font-weight: bold;
}

p {
  margin: 0 0 1em 0;
}

abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

blockquote.image-field-caption {
  margin: 6px 0;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  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, tt {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-size: 1.3rem;
  line-height: 1.95rem;
  line-height: 1.5em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa;
}

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;
}

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 2em;
}

dd {
  margin: 0 0 0 2em;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: disc;
}
ul ul {
  list-style-type: circle;
}
ul ul ul {
  list-style-type: square;
}
ul ul ul ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: decimal;
}

li {
	margin-bottom: 0.7em;
}

@media only screen and (max-width: 800px) {
  p img {
    float: left;
    margin: 0 10px 5px 0;
    padding: 0;
  }
  img {
    border: 0;
    max-width: 100%;
  }
  table {
    width: auto;
    border-collapse: collapse;
    border-spacing: 0;
  }
}

* {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(../js/boxsizing.htc);
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

#skip a {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}
#skip a:active, #skip a:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static !important;
  width: auto;
}

#site-name {
  font-size: 28px;
  line-height: 42px;
  font-size: 2.8rem;
  line-height: 4.2rem;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0;
}

div.view div.views-admin-links {
  width: auto;
}

.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 !important;
  width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static !important;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix, #navigation {
  *zoom: 1;
}
.clearfix:before, #navigation:before {
  content: "";
  display: table;
}
.clearfix:after, #navigation:after {
  content: "";
  display: table;
  clear: both;
}

.clearleft, .clearl, .cleft {
  clear: left;
}

.clearright, .clearr, .cright {
  clear: right;
}

.clear, .clearboth, .clearall {
  clear: both;
}

.floatleft, .fleft, .floatl {
  display: inline;
  float: left;
  margin: 0 10px 5px 0;
}

.floatright, .fright, .floatr {
  display: inline;
  float: right;
  margin: 0 0 5px 10px;
}

#system-themes-form img {
  width: 100px;
}

.form-item .description {
  font-style: italic;
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-top: 5px;
}

#edit-delete {
  color: #c00;
}

div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #036;
  background: #bdf;
  border: 1px solid #aaccee;
  line-height: 1.3;
}

div.warning {
  color: #840;
  background: #fe6;
  border-color: #ed5;
}

div.error {
  color: white;
  background: #e63;
  border-color: #d52;
}

div.status {
  color: #360;
  background: #cf8;
  border-color: #bbee77;
}

html {
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: "Lato", "Helvetica Neue", helvetica, Arial, sans-serif;
}

html, body {
  color: #021e33;
}
.content {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content h1,
.content h2,
.content h3 {
  -webkit-font-smoothing: auto;
}
button, input, select, textarea {
  color: #333;
}



body {
  margin: 0;
  font-size: 17px; font-size: 1.7rem;
  line-height: 25px; line-height: 2.5rem;
  font-family: "Lato", "Helvetica Neue", helvetica, Arial, sans-serif;
  letter-spacing: 0.03em;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}
figcaption {
  font-size: 0.8em;
  color: #888;
  line-height: 1.2;
  margin: 0.5em;
}
figcaption p {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  width: auto;
  max-width: 100%;
  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;
}

/*
This is showing up for required fields when the form first loads */
/*
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
*/

::-webkit-input-placeholder { color: #7f8e99; }
:-moz-placeholder { color: #7f8e99; }
::-moz-placeholder { color: #7f8e99; }
:-ms-input-placeholder { color: #7f8e99; }


table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 99%;

}
td a,
td a:visited {
  color: #555;
}

td {
  vertical-align: top;
  color: #555;
}

tr.even td,
tr.odd td {
  padding: 10px 5px;
}

tr.odd {
  background-color: white;
}



.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}





/* CUSTOMIZATIONS */

#header h1,
.mpp-top-menu-1 .block-inner,
.mpp-top-menu-2 .block-inner,
.region-header .block-menu-block .block-inner,
.mpp-special-buttons,
#content-inner,
#footer .footer-inner {
  margin: 0 auto;
  width: 1000px;
  max-width: 100%;
  padding: 0 10px;
}

body {
  color: #021e33;
  background-color: #dee3ee;
  background-image: url('../images/bg.jpg');
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0px;
  padding: 0px;
}
/*
html.front {
  background-color: #dee3ee;
  background-image: url('../images/homepage-bg.jpg');
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.front {background: none;}
*/

#superheader-region {
  position: absolute;
  top: 0;
  height: 30px;
  overflow: hidden;
  width: 100%;
  background: #fff;
  background: rgba(255,255,255,0.8);
  font-size: 12px; font-size: 1.2rem;
  border-bottom: 1px solid #ccc;
}
.simplemenu-enabled #superheader-region {top: 19px;}
#superheader-region a {
  color: #003a63;
  padding: 4px 10px 4px 0;
}
#superheader-region ul li.columbia-home {
  padding-left: 35px;
  background: transparent url('../images/columbia-logo.png') 9px 7px no-repeat;
}
#superheader-region ul li.music-dept-home {
  padding-left: 15px;
  background: transparent url('../images/dot.png') 5px 9px no-repeat;
}
#superheader-region ul li.music-dept-home a {
  padding-left: 7px;
}

#block-search-form {
  position: absolute;
  right: 10px;
  top: 3px;
}
#edit-search-block-form--2 {
  width: 165px;
  padding: 2px 6px;
}
#search-block-form input.form-submit {
  border: none;
  background: transparent url('../images/search.png') 10px 0 no-repeat;
  width: 30px;
  height: 20px;
  overflow: hidden;
  text-indent: 30px;
}

#header {
  margin-top: 30px;
}
#header h1 {
  font-family: 'novecentowide',sans-serif;
  color: #021e33;
  display: block;
  text-transform: uppercase;
}
#masthead {
  padding-top: 17px;
  display: block;
  font-size: 28px;
  line-height: 1.3;
}

.front #header h1 {
  padding-top: 17px;
  display: block;
  font-size: 28px;
  line-height: 1.3;
}

#header h1 .masthead-top {
  font-family: 'novecentowidelight', sans-serif;
  display: block;
  font-size: 22px;
}

.masthead-top img {
  width: 100%;
  max-width: 400px;
  margin-bottom: 20px;
  display: block;
}
#header h1 a {
  color: #021e33;
  text-decoration: none;
}


@media only screen and (min-width: 1150px) {
  .front #header h1 .masthead-top {
    margin-left: -60px;
  }
  .not-front #header h1 .masthead-top {
    margin-left: -47px;
  }
}


nav ul {
  margin: 0px;
  float: left;
  padding: 0px;
  list-style: none; list-style-type: none;
}
nav ul.menu li,
nav ul.menu li.leaf {
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
nav li a {
  text-decoration: none;
  padding: 6px 9px 7px;
  display: inline-block;
}
.top-menu li.first a {
  padding-left: 0;
}
.top-menu li.last a {
  padding-right: 0;
}
nav li a.active {
  color: #fff;
}

nav ul li.expanded {

}

.top-menu {
  text-transform: uppercase;
  font-size: 16px; font-size: 1.6rem;
  margin: 10px 0;
}
.mpp-top-menu-1 {
  background: #78a5ce;
  background: rgba(120,165,206,0.9);
}
.mpp-top-menu-2 {
  background: #5494ce;
  background: rgba(84,148,206,0.95);
  font-size: 14px; font-size: 1.4rem;
}

.top-menu a {
  color: #fff;
  -webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 */
  transition: color 0.3s;
}
.top-menu ul li.active-trail a,
.top-menu a:hover {
  color: #042034;
}

.mpp-top-menu-2 a {
  color: #042034;
}
.mpp-top-menu-2 ul li.active-trail a,
.mpp-top-menu-2 a:hover {
  color: #fff;
}

.mpp-top-menu-1 nav {
  position: relative;
}
.mpp-top-menu-1 ul li ul {
  display: block;
  float: none;
  position: absolute;
  top: 95px;
  right: 0;
}
.mpp-top-menu-1 ul ul a {
  padding: 8px !important;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border: 1px solid #fff;
  border-radius: 4px;
  transition: background 0.2s;
}
.mpp-top-menu-1 ul ul a.active,
.mpp-top-menu-1 ul ul a:hover {
  background: #b9ddff;
}

.page-events #content h1.title {
  margin-top: 38px;
}



#header {position: relative;}
.special-buttons {position: absolute; top:20px; left: 0; right: 0;}
.special-buttons ul {width: 100%; text-align: right;}
.special-buttons ul li {display: inline-block; float: none;}

.special-buttons a {
  font-family: 'novecentowide', sans-serif;
  font-size: 12px; font-size: 1.2rem;
  color: #fff;
  background: #002a48;
  border: 0px solid #fff;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 4px 9px 3px 9px;
  margin-left: 10px;
  -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
  transition: background-color 0.5s;
}
.special-buttons ul li.active-trail a,
.special-buttons a:hover {
  background-color: #013f6c;
}

#header a.menu-button {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 8px 20px 8px 45px;
  background-image: url('../images/menu.png');
  background-position: 9px 6px;
  background-repeat: no-repeat;
  font-size: 18px; font-size: 1.8rem;
  font-family: 'novecentowidelight';
  font-weight: 300;
}



#footer {
  background: #00407b;
  background: rgba(0,80,145,0.9);
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff;
}
#footer h2 {
    color: #fff;
}
.footerleft {
  width:33%;
  max-width: 300px;
  float: left;
}
.front .footerleft {
  width: 100%;
  max-width: none;
}
.footerright {
  width:63%;
  float: right;
  max-width: 500px;
  border-left: 1px solid #fff;
  padding-left: 9%;
}
#footer nav ul,
#footer nav ul li {
    font-size: 14px;
    font-size: 1.4rem;
}

#block-block-1 h2.block-title {
  font-family: 'novecentowide',sans-serif;
  font-size: 18px; font-size: 1.8rem;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.sitemap-col {
  width: 50%;
  float: left;
}
#footer .sitemap-col ul {
  margin: 0 0 0 20px;
}
#footer .sitemap-col ul li {
  list-style: disc;
  list-style-type: disc;
  padding: 0 0 5px 2px;
  margin-left: 10px;
  display: list-item
}
#footer .sitemap-col ul li a {
  padding: 0;
  color: #fff;
}
#footer nav.menu-block-4 ul {
  margin-top: 20px;
}

.social-menu a,
.social-menu a:visited {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  font-size: 32px;
  line-height: 1;
  padding: 0;
  margin: 0 10px 0 0;
  letter-spacing: 10px;
  color: #fff;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

.social-menu a:hover {
  color: #7199b0;
}

/* MPP Front page footer overrides */

/*
.front #footer {
  background: none;
  color: inherit;
}
.front #footer h2 {
    color: #00407b;
}
.front .social-menu a,
.front .social-menu a:visited {
    color: #00407b;
}

.front #footer a,
.front #footer a:visited {
    color: #00407b;
}
*/


.block-campaignmonitor-simple h2.block-title {
  font-family: 'novecentowidelight',sans-serif;
  font-size: 18px;
  line-height: 32px;
  text-transform: uppercase;
  vertical-align: top;
  margin: 10px 0;
}
.front .block-campaignmonitor-simple {
  margin-left: 20px;
}
.front .block-campaignmonitor-simple h2 {
  cursor: pointer;
}
.block-campaignmonitor-simple h2.block-title:before {
  content: "\f199\2002";
  font: normal normal normal 32px/1 FontAwesome;
  vertical-align: top;
}
.front .cmsimple_form {
  margin-left: 15px;
  line-height: 32px;
  vertical-align: top;
}

.front #footer .region-footer div,
.front #footer .region-footer nav,
.front #footer .region-footer ul,
.front #footer .region-footer ul li,
.front #footer .region-footer section,
.front #footer .region-footer form input,
.front #footer .region-footer h2 {
  display: inline;
  clear: none;
}

.front #footer .region-footer form {
  display: inline-block;
}

.front #footer .region-footer div.contextual-links-wrapper,
.front #footer .region-footer .clearfix:before,
.front #footer .region-footer .clearfix:after {
  display: none;
  clear: none;
}

.front #footer .region-footer #responsemessage {
  display: block !important;
}

/* INNER PAGES */

blockquote {
  margin: 1em 0;
  font-size: 20px; font-size: 2.0rem;
  line-height: 29px; line-height: 2.9rem;
  font-weight: 300;
}

blockquote.image-field-caption {
  font-size: 13px; font-size: 1.3rem;
  line-height: 16px; line-height: 1.6rem;
}
blockquote.image-field-caption a {
    color: #021e33;
    text-decoration: none;
}

.field-name-field-left-photo {
  width: 46%;
  margin-right: 0;
  float: left;
}
.field-name-field-left-photo + .field-name-body {
  margin-left: 51%;
}


.node-content-block .field-name-field-left-photo {
  width: 33%;
  margin-right: 0;
}
.node-content-block .field-name-field-left-photo + .field-name-body {
  margin-left: 38%;
}

#content-area .field-name-body .field-item h2 {
  margin-top: 1.25em;
}

#content-area .field-name-body .field-item p:first-child,
#content-area .field-name-body .field-item blockquote:first-child,
#content-area .field-name-body .field-item h2:first-child,
#content-area .field-name-body .field-item h3:first-child,
#content-area .field-name-body .field-item h4:first-child {
  margin-top: 0;
}

article.node {
  position: relative;
  margin-bottom: 40px;
  overflow: hidden;
  zoom: 1;
  display: block;
}
a.admin-edit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}
a.button,
.button a,
.field-name-field-buttons-pdf- a {
  background: #5795c3;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 5px;
  padding: 6px;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'novecentowide',sans-serif;
  text-decoration: none;
}
p.button a {
  padding: 13px 25px;
  margin: 8px 0;
  line-height: 1;
  display: inline-block;
}

.field-name-field-banner-image {
  margin-bottom: 20px;
}
article.halfwidth {
  width: 45%;
  float: left;
  clear: none;
  margin-right: 5%;
}

.not-front #footer .region-footer div.form-item input {
  width: 100%;
  max-width: 225px;
  font-size: 16px; font-size: 1.6rem;
}

.copyrightcredit {
  font-size: 12px; font-size: 1.2rem;
  line-height: 14px; line-height: 1.4rem;
  font-style: italic;
  font-weight: 300;
  margin: 40px 0;
}
.front .copyrightcredit {
  margin-top: 100px;
}
.copyrightcredit a {
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}

/* Ensembles */
.view-ensembles blockquote.image-field-caption {display: none;}
.view-ensembles .views-row {
  width: 32%;
  padding:0 20px 20px 0;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.view-ensembles .views-row a {
  color: #021e33;
  text-decoration: none;
  font-size: 18px; font-size: 1.8rem;
  line-height: 21px; line-height: 2.1rem;
  font-weight: 300;
  padding-top: 10px;
  display: inline-block;
}
.field-name-field-buttons-pdf- a,
.field-name-field-buttons a {
  display: block;
  margin: 10px 0;
  width: 100%;
  text-align: center;
  padding: 8px;
}
.field-name-field-buttons-pdf- img.file-icon {
  display: none;
}

.field-name-field-banner-image {
  position: relative;
}
.field-name-field-banner-image blockquote.image-field-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 6px 16px 9px;
  background: #fff;
  background: rgba(255,255,255,0.8);
  font-size: 14px;
  color: #777;
  border-radius: 0 5px 0 0;
  z-index: 99;
}
.field-name-field-banner-image blockquote.image-field-caption p {
  margin: 0;
}

/* EVENTS */

.view-courses .views-field-title h2,
.view-events .views-field-title h2,
.view-events-ensemble-block .views-field-title h2 {
  margin: 0;
  font-family: Lato, sans-serif;
  text-transform: none;
}
.view-courses .views-field-title h2 a,
.view-events .views-field-title h2 a,
.view-events-ensemble-block .views-field-title h2 a {
  color: #021e33;
  text-decoration: none;
}

.field-name-field-date {font-size: 22px; font-size: 2.2rem; margin: 0 0 20px 0;}
.views-field-field-date {font-size: 18px; font-size: 1.8rem;}
.views-field-view-node .button a {line-height: 1.2; font-size: 14px;}

.field-name-field-location {
  margin-bottom: 30px;
}

.view-events .views-field {
  margin-left: 220px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.view-events .views-field-field-left-photo {
  margin-left: 0;
  float: left;
}
.view-events .views-row {
  clear: both;
  margin: 0 0 30px;
  overflow: hidden;
  zoom: 1;
  display: block;
}

h2.events-ensemble-block-title {
  margin: 30px 0 25px;
  border-bottom: 1px solid #fff;
}
.view-events-ensemble-block .views-row {
  margin-bottom: 25px;
}

.views-field-field-ensemble a {
  text-decoration: none;
  color: #666;
  font-weight: bold;
  display: inline-block;
  padding: 2px 10px;
  border: 1px solid #666;
  border-radius: 5px;
  margin: 8px 0;
}
.event-title-ensemble a {
  text-decoration: none;
}

article footer {clear: both; padding: 30px 0;}

a.maplink {padding: 2px 10px; font-size: 12px; font-size: 1.2rem;}


/* Ensembles */
.node-ensemble .field-name-field-video,
.node-ensemble .field-name-body {
  margin-bottom: 40px;
}

.node-ensemble .field-name-field-course-number {
  overflow: auto;
}
.node-ensemble .field-name-field-buttons,
.node-ensemble .field-name-field-buttons-pdf-,
.node-ensemble .field-name-field-course-number,
.node-ensemble .field-name-field-audio,
.node-ensemble .view-events-ensemble-block {
  margin-bottom: 20px;
}
.node-event .field-name-field-audio,
.node-event .field-name-field-video {
  clear: both;
  padding: 20px 0 0;
  margin: 0;
}

.field-name-field-video .field-item {
  margin-bottom: 20px;
}

p {-webkit-text-size-adjust:none;}


/* Faculty & Staff */
#block-views-full_time_faculty-faculty,
#block-views-full_time_faculty-staff {
  width: 45%;
  float: left;
  clear: none;
  margin-right: 5%;
}
#block-views-full_time_faculty-associates {
  clear: both;
}

#block-views-full_time_faculty-faculty .views-field-field-headshot,
#block-views-full_time_faculty-staff .views-field-field-headshot {
  float: left;
  width: 38%;
  padding: 0 15px 15px 0;
}
#block-views-full_time_faculty-faculty .views-field-field-additional-roles,
#block-views-full_time_faculty-staff .views-field-field-additional-roles {
  margin-left: 38%;
}

#block-views-full_time_faculty-faculty .views-row,
#block-views-full_time_faculty-staff .views-row {
  overflow: hidden;
  clear: both;
  line-height: 1.1;
  margin-bottom: 20px;
}
.page-node-3 .views-field {
  margin-bottom: 8px;
}

#block-views-full_time_faculty-associates .views-row {
  width: 19%;
  display: inline-block;
  padding: 0 28px 15px 0;
  vertical-align: top;
  line-height: 1.1;
  text-align: center;
}
.page-node-3 .region-content section.block ul {
  margin: 0;
  padding: 0;
  font-size: 12px; font-size: 1.2rem;
}
.page-node-3 .region-content section.block li {
  margin: 0;
  padding: 0 0 6px;
  font-style: italic;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}
.page-node-3 .views-field-title a {
  text-decoration: none;
  font-size: 18px; font-size: 1.8rem;
}
#block-views-full_time_faculty-associates .views-field-title a {
  font-size: 15px; font-size: 1.5rem;
}

#block-views-more_faculty-block .image-field-caption,
.page-node-3 .image-field-caption {display: none;}

/* Individual People Pages */

.node-type-people #content h1.title {
  padding-bottom: 5px;
}

.node-type-people .field-name-field-primary-role {
  margin-bottom: 10px;
  font-size: 18px; font-size: 1.8rem;
  font-weight: 300;
}

.field-name-field-people-type {
  margin-bottom: 20px;
}
.field-name-field-people-type .field-item {
  display: inline-block;
}
.views-field-field-people-type a,
.field-name-field-people-type a {
  font-size: 16px; font-size: 1.6rem;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
  padding: 4px 10px;
  background: #95b7cb;
  color: #042034;
  border-radius: 5px;
}
.views-field-field-people-type {
  margin: 6px;
}
.views-field-field-people-type a {
  font-size: 12px; font-size: 1.2rem;
  line-height: 1;
  padding: 6px;
}

.field-name-field-tags {
  float: right;
}
.field-name-field-tags .field-item {
  display: inline-block;
}
.field-name-field-tags a,
.field-name-field-tags a:visited {
  font-size: 10px; font-size: 1.0rem;
  text-decoration: none;
  display: inline-block;
  padding: 0 5px;
  background: #888;
  color: #021e33;
  border-radius: 3px;
  transition: background 0.25s;
}
.field-name-field-tags a:hover,
.field-name-field-tags a:focus {
  background: #666;
  color: #021e33;
}

.node-type-people .field-name-field-headshot {
  width: 47%;
  margin-right: -47%;
  float: left;
  margin-bottom: 30px;
}

.node-type-people .field-name-field-additional-roles,
.node-type-people .field-name-field-office-address,
.node-type-people .field-name-field-office-hours,
.node-type-people .field-name-field-email,
.node-type-people .field-name-field-phone,
.node-type-people .field-name-field-private-lessons,
.node-type-people .field-name-field-private-bookings,
.node-type-people .field-name-field-buttons,
.node-type-people .field-name-field-buttons-pdf-,
.node-type-people .field-name-field-courses,
.node-type-people .field-name-field-audio,
.node-type-people .field-name-field-video,
.node-type-people .group-dissertation,
.node-type-people .field-name-field-columbia-degrees,
.node-type-people .field-name-field-other-degrees,
.node-type-people .field-name-field-professional-positons,
.people-events-block-outer
 {
  width: 47%;
  float: left;
  margin-left: 53%;
}

.people-events-block-outer {
  margin-top: 30px;
}

h2.people-events-block-title {
  margin-bottom: 20px;
  padding-bottom: 0px;
  border-bottom: 1px solid white;
}

.people-events-block-outer h3 {
  margin-bottom: 0px;
  font-weight: 300;
}
.people-events-block-outer h3 a {
  text-decoration: none;
}

.view-people-ensemble-block .views-row {
  margin-bottom: 20px;
}


.node-type-people .field-name-body {
  clear: left;
  float:left;
  width: 47%;
  margin-right: -47%;
}

.node-type-people .field-name-field-additional-roles {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #95b7cb;
  font-size: 18px; font-size: 1.8rem;
  font-weight: 300;
}

.node-type-people .field-name-field-courses .field-item {
  margin: 15px 0;
  line-height: 1.1;
  font-size: 13px; font-size: 1.3rem;
}
.node-type-people .field-name-field-buttons,
.node-type-people .field-name-field-buttons-pdf- {
  /* margin-top: 20px; */
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #95b7cb;
}

.node-type-people .field-name-field-additional-roles .field-item {
  margin-bottom: 10px;
}

.node-type-people .field-name-field-private-lessons,
.node-type-people .field-name-field-private-bookings {
  font-style: italic;
  margin-top: 10px;
}

#block-views-more_faculty-block {
  padding-top: 20px;
  border-top: 1px solid #95b7cb;
}
#block-views-more_faculty-block .views-row {
  width: 19%;
  display: inline-block;
  padding: 0 28px 15px 0;
  vertical-align: top;
  line-height: 1.1;
  text-align: center;
  font-size: 12px; font-size: 1.2rem;
  font-weight: 300;

}
#block-views-more_faculty-block .views-field-title {
  margin: 6px 0;
  font-size: 14px; font-size: 1.4rem;
}
#block-views-more_faculty-block .views-row a {
  text-decoration: none;
}

#block-views-more_faculty-block .view-footer {margin-top: 20px; text-align: center;}

#content_bottom {
  margin-bottom: 40px;
}

.node-type-people .field-type-field-collection,
.field-group-fieldset {
  padding: 20px;
  background: #03111d;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}
.field-group-fieldset legend {
  font-size: 1.2em;
  font-weight: 300;
  padding: 5px;
}
.field-group-fieldset .field {
  margin-bottom: 15px;
}
.field-name-field-proquest-document-id {
  margin: 20px 0 10px 0;
}

.node-type-people .field-type-field-collection .field-item {
  margin: 10px 0;
  padding: 2px 10px;
  background: #13212d;
  font-size: 0.9em;
}
.node-type-people .field-type-field-collection .field-item .field-item {
  margin: 0 0 0 2px;
  padding: 0 0 0 4px;
  border-left: 1px solid #444;
  background: none;
  line-height: 1;
}
.node-type-people .field-type-field-collection .field-item .field:first-child .field-item {
  margin: 0;
  padding: 0;
  border-left: none;
}
.node-type-people .field-type-field-collection .field-item .field-item,
.node-type-people .field-type-field-collection .field-item .field {
  display: inline-block;
}
.node-type-people .field-type-field-collection .field-label {
  font-size: 1.2em;
  font-weight: 300;
}

/* hide these on MPP only: */

.domain-1 .view-events .views-field-field-tags,
.domain-1 .node-event .field-name-field-tags,
.domain-1 .node-type-people .field-name-field-people-type,
.domain-1 .node-type-people .field-name-field-tags {
  display: none;
}


/* Announcements */

.node-announcement {
  max-width: 650px;
  margin: 0 auto;
}
.node-announcement .field-name-field-tags {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #95b7cb;
  font-size: 12px; font-size: 1.2rem;
  float: none;
}

.node-announcement .field-name-field-tags .field-items {
  margin-top: 10px;
}
.node-event.node-teaser .field-name-field-tags .field-item,
.node-announcement .field-name-field-tags .field-item {
  display: inline-block;
  margin: 0 5px 5px 0;
}


.node-announcement .field-name-field-tags a {
  text-decoration: none;
  background: #03111d;
  background: rgba(3,17,29,0.7);
  display: inline-block;
  padding: 2px 10px;
  margin: 0;
  border-radius: 3px;
  color: #fff;
}
.domain-1 .node-announcement.node-teaser .field-name-field-tags {
  display: none;
}


.node-announcement .field-name-field-image {
  margin-bottom: 20px;
}

.submitted {
  font-size: 12px; font-size: 1.2rem;
  text-align: right;
  color: #888;
  font-weight: 300;
}

.view-homepage-news-events .view-content,
.view-announcements .view-content {
  vertical-align: top;
}
.view-homepage-news-events .views-row,
.view-announcements .views-row {
  width: 31.5%;
  display: inline-block;
  margin-right: 1%;
  vertical-align: top;
  background: none;
}
.view-homepage-news-events article.node-teaser,
.view-announcements article.node-teaser {
  background: rgba(255,255,255,0.9);
  margin-bottom: 10px;
  padding-bottom: 20px;
  max-height: 580px;
  height: 580px;
  font-size: 0.9em;
}

.view-announcements article.node-teaser .node-inner {
  padding: 10px;
}
.view-homepage-news-events article.node-teaser img,
.view-announcements article.node-teaser img {
  max-width: 100%;
  max-height: 255px;
  height: auto;
  width: auto;
  margin: 0 auto;
  display: block;
}
.fade-article {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.9) );
  height: 140px;
  z-index: 10;
}
.announcement-more {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 15;
}
.view-announcements article.node-teaser footer {
    display: none;
}
.view-announcements h2 {
  margin-bottom: 5px;
}
.view-announcements h2 a {
  text-decoration: none;
}
.view-announcements .node-announcement .field-name-field-image {
  margin: 0 0 10px;
}
a.button-small {
  font-size: 12px; font-size: 1.2rem;
  border: none;
  background: #3775a3;
  padding: 2px 10px;
}

.view-announcements blockquote.image-field-caption {
  display: none;
}
.announcement-more {text-align: right;}

.view-announcements .field-name-body h1,
.view-announcements .field-name-body h2,
.view-announcements .field-name-body h3,
.view-announcements .field-name-body h4 {
 font-family: "Lato", "Helvetica Neue", helvetica, Arial, sans-serif;
 text-transform: none;
 font-weight: 400;
}

.view-announcements h2 {
  font-size: 24px;
  line-height: 1.2;
}


.item-list .pager li {padding: 0; display: inline-block;}
.item-list .pager li a {
  display: inline-block;
  padding: 2px 8px;
  text-decoration: none;
  color: #021e33;
  font-size: 12px;
  font-weight: 300;
}
.item-list .pager li.pager-item a {
  background: #fff;
  border-radius: 4px;
  transition: background 0.25s;
}
.item-list .pager li.pager-item a:hover {
  background: #175593;
}
.item-list .pager li.pager-current {
  padding: 2px 8px; background: #175593; border-radius: 4px; font-size: 12px; font-weight: 300; display: inline-block;
  color: #ccc;
}

/* Accordion */
.view-accordion .views-field-title h2 a {
  display: block;
  background: #4092b2;
  background: rgba(66,132,180,0.8);
  padding: 10px;
  color: #fff;
  text-decoration: none;
  clear: both;
  margin: 0 0 20px 0;
}
.view-accordion .views-field-title h2 a:hover {
  background: #3082a2;
  background: rgba(46,112,160,0.8);
}

.view-accordion .views-field-field-text {
  overflow: hidden;
  margin: 0;
  padding: 0 0 20px;
}
.accordionimage {
  float: left;
  margin: 0 20px 0 0;
}

.accordionimage + .accordiontext {
  margin-left: 220px;
}

/* COURSE LISTINGS */

.node-type-course #content h1.title {
  padding-bottom: 0;
  margin-bottom: 10px;
}
.field-name-field-directory-course-number {
  margin: 0 0 20px;
  color: #aaa;
}

.field-name-field-special-notice {
  margin: 0 0 30px 0;
  padding: 4px 20px 4px 40px;
  background: #fdcd2f;
  color:#444;
  display: inline-block;
}


.field-name-field-directory-course-number .field,
.field-name-field-directory-course-number .field div {
  display: inline;
}
.field-name-field-course-prefix {
  margin-right: -4px;
}
.course_number_row,
.field-name-field-directory-course-number > .field-items > .field-item {
  display: inline-block;
  margin: 0 0 10px 10px;
  padding-left: 14px;
  border-left: 1px solid #999;
}
.course_number_row:first-child,
.field-name-field-directory-course-number > .field-items > .field-item:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}
.course_number_row {
  color: #777;
}
.field-name-field-course-category {
  margin: 20px 0;
}
.field-name-field-course-category .button a {
  border: none;
  font-size: 14px;
  padding: 3px 6px;
}


.field-name-field-course-category,
.field-name-field-course-level,
.field-name-field-prerequisites,
.field-name-field-credits,
.field-name-field-description,
.field-name-field-course-offering {
  margin: 20px 0;
}

.offerings-section {
  margin: 30px;
  clear: right;
}
.offering-item {
  margin: 20px;
  border: 1px solid #aaa;
  padding: 20px;
}
.offering-item h3 {
  margin-top: 0;
  font-weight: normal;
}
.offering-item .field {
  margin: 0 0 10px;
}
.offering-item .field-type-link-field,
.offering-item .field-type-link-field div,
.offering-item .field-type-link-field a {
  display: inline-block;
}
.offering-item .field-type-link-field a {
  text-decoration: none;
  padding: 3px 8px;
  border: 1px solid #888;
  background: #ddd;
  border-radius: 5px;
  margin-right: 10px;
}

.offering-item .field-name-field-instructor {
  margin: 0;
}
.offering-item .node-people {
  margin: 10px 0 0;
  position: relative;
  min-height: 100px;
}
.offering-item .node-people h2 {
  font-size: 22px;
  margin: 0;
}
.offering-item .node-people footer {
  display: none;
}
.offering-item .node-people header,
.offering-item .node-people .field-name-field-primary-role,
.offering-item .node-people .field-name-field-email {
  margin-left: 130px;
}
.offering-item .node-people .field-name-field-headshot {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  max-width: 100px;
}
.offering-item .node-people .content {
  display: inline;
}
.field-name-field-topic .field-label,
.field-name-field-topic .field-items,
.field-name-field-topic .field-item {
	display: inline;
	float: none;
}

/* Mini Site */

.node-type-mini-site #content h1.title {
  padding-bottom: 10px;
}
.mini-site-banner {
  margin-bottom: 20px;
}

/* Mini Site - Tabs */
.tabs-container {
  overflow: hidden;
}
ul.tabs-menu {
  float: left;
  clear: both;
  margin: 0;
  padding: 0 30px;
}
.tabs-menu li {
  padding: 0;
  margin: 8px 10px -1px 0;
  list-style: none;
  float: left;
  background-color: #ccc;
  border: 1px solid #d4d4d1;

}
.tabs-menu li:hover {
  background-color: #eee;
}
.tabs-menu li.current,
.tabs-menu li.current:hover {
    position: relative;
    background-color: #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 6px;
    text-transform: uppercase;
    font-size: 85%;
    color: #2e7da3;
    text-decoration: none;
}

.tabs-menu .current a {
    color: #00407b;
}

.tab-container {
    border-top: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}

.tab-content {
    padding: 30px 0;
    display: none;
}
.tab-content-inner {
  padding: 0 30px;
}
.tab-content-inner .field-name-body {
  padding: 0;
}
.tab-content-title {
  padding: 0 30px;
}

.tab-content:first-child {
 display: block;
}

/* Mini Site - People */

.person-item {
  overflow: hidden;
  clear: both;
  margin-bottom: 15px;
}
.person-item h3 {
  margin: 0 0;
  line-height: 1.2;
}
.person-item h4 {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  color: #999;
  margin: 0 0 10px;
}
.person-item p,
.person-item .person-item-info div {
  margin: 1em 0;
  font-size: 90%;
}

a.person-item-button {
  display: block;
  margin: 8px 0;
  font-size: 80%;
}
.person-item-headshot {
  float: left;
  margin: 0 20px 20px 0;
}
.person-item-info {
  margin-left: 220px;
  margin-bottom: 30px;
}
a.person-item-more-info.button,
a.person-item-more-info {
  border: none;
  font-size: 80%;
  background: #bbb;
}

/* Mini Site Events */

.view-mini-site-events .item-list ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
}
.view-mini-site-events li.views-row {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.view-mini-site-events .views-field-field-left-photo {
  float: left;
  margin: 0 20px 20px 0;
}
.view-mini-site-events .views-field-title {
  margin-bottom: 10px;
  font-size: 80%;
}
.view-mini-site-events .views-field-title h2 {
  margin-bottom: 0;
}

.view-mini-site-events .views-field-field-date {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #666;
}
.view-mini-site-events .views-field-field-location {
  font-size: 90%;
  margin-bottom: 10px;
}
.view-mini-site-events .views-field-title,
.view-mini-site-events .views-field-field-date,
.view-mini-site-events .views-field-field-ensemble,
.view-mini-site-events .views-field-field-location,
.view-mini-site-events .views-field-view-node {
  margin-left: 220px;
}

.view-mini-site-events .item-list > h3 {
  background: rgb(84,148,206);
  background: rgba(84,148,206,0.95);
  color: #fff;
  padding: 3px 10px;
  cursor: pointer;
}
.mini-site-events-archive-list {
}

@media only screen and (max-width: 500px) {
  ul.tabs-menu {
    padding: 0 20px;
  }
  .tab-content {
      padding: 20px 0;
      display: none;
  }
  .tab-content-inner {
    padding: 0 20px;
  }
  .tab-content-title {
    padding: 0 20px;
  }
}

/* Search */
.search-result {
  margin: 30px 0;
}

.search-result h3.title a {
  text-decoration: none;
  font-size: 24px;
  font-weight: 300;
}
.search-snippet-info {
  font-weight: 300;
  max-width: 500px;
}

.search-result-type-label {font-size: 14px; font-weight: 400;}

#search-form {
  margin: 0px 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid white;
}

#search-form label {display: inline-block; margin-right: 20px;}

.page-search #content-area {padding-bottom: 40px;}





@media only screen and (min-width: 640px) {
  .ensemble-body-video {
    width: 55%;
    margin-right: -55%;
    float: left;
  }

  .node-ensemble .field-name-field-buttons,
  .node-ensemble .field-name-field-course-number,
  .node-ensemble .field-name-field-audio,
  .node-ensemble .view-events-ensemble-block,
  h2.events-ensemble-block-title {
    width: 40%;
    float: left;
    margin-left: 60%;
  }
}

@media only screen and (min-width: 890px) {
  #content h1.title {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 890px) {
  #header h1,
  .mpp-top-menu-1 .block-inner,
  .mpp-top-menu-2 .block-inner,
  .region-header .block-menu-block .block-inner,
  .mpp-special-buttons,
  #content-inner,
  #footer .footer-inner {
    margin: 0;
    width: 100%;
    padding: 0 10px;
  }

  .mpp-top-menu ul li a {
    padding: 8px 5px 8px 0px;
    font-size: 14px; font-size: 1.4rem;
  }
  body {background-size:180%; background-attachment: fixed;}

  .mpp-top-menu-1 ul li ul {
    top: 101px;
  }
}

a.menu-button {display: none;}

@media only screen and (max-width: 768px) {

  html.front {background-attachment: fixed; background-size:180%; background-position-y: -150px;}

  #header h1,
  .front #header h1 {
    padding:55px 25px 0px;
  }
  .not-front #header h1 {
    border-bottom: 4px solid #95b7cb;
    margin-bottom: 20px;
  }
  .page-events #content h1.title {
    margin-top: 0;
  }
  #masthead {
    padding-top: 0;
  }
  a.menu-button {display: block;}
  #header-region {display: none;}
  .front #header-region {display: block;}
  .mpp-top-menu-1 {
    width: 42%;
    margin: 0 0 0 5%;
    float: left
  }
  .mpp-top-menu-2 {
    width: 42%;
    margin: 0 5% 0 0;
    float: right;
  }
  .mpp-top-menu ul {
    padding: 23px 15px;
  }
  .mpp-top-menu nav ul.menu li {
    display: block;
  }

  .mpp-top-menu-1 ul li ul {
    position: relative;
    top: auto;
    right: auto;
    padding: 0 0 20px 10px;
  }
  .mpp-top-menu-1 ul ul a {
    padding: 6px !important;
    font-size: 12px;
    font-size: 1.2rem;
    border: none;
    background-color: transparent;
  }

  .special-buttons {
    position: static;
    padding: 20px 0;
    margin: 0;
    clear: both;
  }
  .special-buttons ul {
    text-align: center;
  }
  .special-buttons a {
    width: 100%;
    margin: 0;
  }
  .special-buttons ul {
    overflow: auto;
    width: 100%
  }
  .special-buttons nav ul.menu li {
    margin: 0 0 0 5%;
    width: 42%;
    float: left;
    display: block;
  }
  .special-buttons ul li.last {
    margin-left: 6%;
  }
  #footer {
    margin-top: 0;
    margin-bottom: 0px;
  }
  .front #footer .region-footer div.form-item {
    display:block;
    margin: 6px 0;
  }
  .front #footer .region-footer div.form-item input {
    width: 100%;
    font-size: 16px;
  }
  .front #footer .region-footer form {
    display: block;
  }
  .front #footer .region-footer section#block-campaignmonitor_simple-campaignmonitor_simple_block {
    display: inline-block;
    min-height: 230px;
  }
  .front .cmsimple_form {
    margin-left: 0px;
  }

  .footerleft, .footerright {
    width:100%;
    max-width: none;
    float: none;
    padding-left: 0;
    padding-bottom: 40px;
    border-left: none;
  }
  .social-menu,
  #block-campaignmonitor_simple-campaignmonitor_simple_block {
    display: inline-block;
    vertical-align: top;
  }
  #block-campaignmonitor_simple-campaignmonitor_simple_block {
    margin-left: 20px;
  }
  .block-campaignmonitor-simple h2.block-title {
    margin-top: 0;
  }
  #footer .sitemap-col ul {
    width: 80%;
  }

  #block-views-full_time_faculty-associates .views-row,
  #block-views-more_faculty-block .views-row {
    width: 24%;
    padding: 0 15px 15px 0;
  }

  #block-views-full_time_faculty-faculty,
  #block-views-full_time_faculty-staff {
    width: 100%;
    float: none;
    margin: 0;
  }
  #block-views-full_time_faculty-faculty .views-field-field-headshot,
  #block-views-full_time_faculty-staff .views-field-field-headshot {
    width: 28%;
  }
  #block-views-full_time_faculty-faculty .views-field-field-additional-roles,
  #block-views-full_time_faculty-staff .views-field-field-additional-roles {
    margin-left: 28%;
  }

  .view-announcements .views-row {
    width: 44%;
  }

}
@media only screen and (max-width: 640px) {
  .front #header h1,
  #header h1,
  #masthead {
    font-size: 20px; font-size: 2.0rem;
  }
  #header h1 .masthead-top {
    font-size: 16px; font-size: 1.6rem;
  }
  .field-name-field-left-photo,
  .node-content-block .field-name-field-left-photo {
    float: none; width: auto;
    margin: 10px 0 30px;
    max-width: 400px;
  }
  .field-name-field-left-photo + .field-name-body,
  .node-content-block .field-name-field-left-photo + .field-name-body {
    margin-left: 0;
  }
  .view-ensembles .views-row {
    width: 49%;
    padding:0 15px 20px 0;
  }
  .view-ensembles .views-row a {
    font-size: 16px; font-size: 1.6rem;
    line-height: 18px; line-height: 1.8rem;
  }

  .view-events .views-field {
    margin-left: 28%;
  }
  .view-events .views-field-field-left-photo {
    width: 25%;
    margin-left: 0;
  }

  .node-type-people .field-name-field-headshot,
  .node-type-people .field-name-field-additional-roles,
  .node-type-people .field-name-field-office-address,
  .node-type-people .field-name-field-office-hours,
  .node-type-people .field-name-field-email,
  .node-type-people .field-name-field-phone,
  .node-type-people .field-name-field-private-lessons,
  .node-type-people .field-name-field-private-bookings,
  .node-type-people .field-name-field-buttons,
  .node-type-people .field-name-field-buttons-pdf-,
  .node-type-people .field-name-field-courses,
  .node-type-people .field-name-field-audio,
  .node-type-people .field-name-field-video,
  .node-type-people .group-dissertation,
  .node-type-people .field-name-field-columbia-degrees,
  .node-type-people .field-name-field-other-degrees,
  .node-type-people .field-name-field-professional-positons,
  .people-events-block-outer,
  .node-type-people .field-name-body
   {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    clear: both;
  }



}
@media only screen and (max-width: 500px) {

  #header h1,
  .front #header h1 {
    padding:22px 25px 0px;
  }

  #header {margin-top: 60px;}
  #superheader-region {
    height: 60px;
  }

  #block-search-form {
    position: relative;
    padding-left: 10px;
    right: auto; top: auto;
  }
  .mpp-top-menu-1,
  .mpp-top-menu-2,
  .mpp-special-buttons ul li {
    width: 64%;
    margin: 0 0 0 18%;
    float: none;
  }
  .mpp-special-buttons ul li.last,
  .mpp-special-buttons ul li {
    margin: 0 0 10px 18%;
  }
  #footer {
    padding: 20px 0;
  }
  .front #footer .region-footer div.social-menu {
    display: block;
    margin-left: 20px;
  }
  .social-menu ul {
    padding-bottom: 10px;
  }

  #header a.menu-button {
    position: static;
    top:auto;
    right: auto;
    display: block;
    margin: 0 10px 10px;
  }
  html.front,
  body {background-size:300%;}

  article.halfwidth {
    width: 100%;
    float: none;
    clear: both;
    margin-right: 0;
  }

  #block-views-full_time_faculty-associates .views-row,
  #block-views-more_faculty-block .views-row {
    width: 32%;
  }

  #block-views-full_time_faculty-faculty .views-field-field-headshot,
  #block-views-full_time_faculty-staff .views-field-field-headshot {
    width: 35%;
  }
  #block-views-full_time_faculty-faculty .views-field-field-additional-roles,
  #block-views-full_time_faculty-staff .views-field-field-additional-roles {
    margin-left: 35%;
  }

  .view-announcements .views-row {
    width: 100%;
    display: block;
    margin-right: 0;
  }

  .accordionimage {
    float: left;
    padding: 5px 20px 20px 0;
    margin: 0;
    width: 50%;
  }

  .accordionimage + .accordiontext {
    margin-left: 0;
  }

}
@media only screen and (max-width: 380px) {

  #header h1,
  .front #header h1 {
    padding: 15px 12px 0px;
  }

  .social-menu,
  #block-campaignmonitor_simple-campaignmonitor_simple_block {
    display: block;
  }
  #block-campaignmonitor_simple-campaignmonitor_simple_block {
    margin-left: 0px;
  }
  .sitemap-col {
    width: 100%;
    float: none;
  }
  #footer nav.menu-block-3 ul {
    margin-top: 20px;
  }
  .front #footer .region-footer div.social-menu {
    display: block;
    margin-left: 0px;
  }
  .front #footer .region-footer section#block-campaignmonitor_simple-campaignmonitor_simple_block {
    display: block;
    margin: 0;
    clear: both;
  }

  .view-events .views-field {
    margin-left: 0;
    text-align: center;
  }
  .view-events .views-field-field-left-photo {
    width: auto;
    margin-left: 0;
    float: none;
  }
  .view-events .views-field-field-ensemble {font-size: 12px; font-size: 1.2rem;}
  .view-events .views-field-field-location {font-size: 14px; font-size: 1.4rem;}

  #block-views-full_time_faculty-associates .views-row,
  #block-views-more_faculty-block .views-row {
    width: 49%;
  }
  #block-views-full_time_faculty-faculty .views-field-field-headshot,
  #block-views-full_time_faculty-staff .views-field-field-headshot {
    width: 100%;
    float: none;
    padding: 0;
  }
  #block-views-full_time_faculty-faculty .views-field-field-additional-roles,
  #block-views-full_time_faculty-staff .views-field-field-additional-roles {
    margin: 8px 0;
  }

  .accordionimage {
    float: none;
    padding: 0 0 20px 0;
    margin: 0;
    width: 100%;
  }

}



@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

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

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

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

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

  .sidebar,
  #navigation,
  #header-region,
  #search-theme-form,
  #footer,
  .breadcrumb,
  .tabs,
  .feed-icon,
  .links {
    display: none;
  }

  #page {
    width: 100%;
  }

  #content,
  #content #content-inner,
  .content,
  .title {
    margin: 20px 0;
    width: auto;
  }

  a:hover, a:active, a:link, a:visited {
    color: black;
  }

  #content a:link:after, #content a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 11px;
    line-height: 16.5px;
    font-size: 1.1rem;
    line-height: 1.65rem;
    font-weight: normal;
  }
}


.hide_signups {
  display: none;
}
.hidesignups #block-views-audition_signups-block_1 {
  display: none;
}

a.scroll-to-top {
  display: none;
  position: fixed;
  bottom: 10px;
  left: 10px;
  opacity: 0.8;
}
a.scroll-to-top:hover {
  opacity: 1;
}

/* ADMIN STUFF */
body .draggable a.tabledrag-handle {height: 20px; margin-left: -7px;}
body a.tabledrag-handle .handle {height: 23px; width: 20px; margin: -5px 10px 0 5px; padding: 0;}
table.draggable td {color: #000;}


.domain-1 .publication-bio-block-outer {
  display: none;
}


/* MPP AUDITION SIGNUP FORMS */
.node-webform {
  background: #eff2f4;
  padding: 30px;
  color: #444;
  max-width: 700px;
  margin: 0 auto 30px auto;
}
.node-webform h2,
.node-webform h3 {
  color: #052034;
}
.node-webform input[type=text],
.node-webform input[type=email] {
  padding: 8px 12px;
}
.node-webform .form-item:first-child {
  margin-top: 0;
}
.checkbox-inline .form-item {
  display: inline-block;
  margin: 3px 11px 5px 2px;
}
.checkbox-small {
  font-size: 0.9em;
}
.node-webform .form-actions {
  margin: 30px 0;
}
input.webform-submit {
  font-size: 20px;
  background: #052034;
  color: #fff;
  padding: 12px;
  line-height: 1;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
}

.node-webform fieldset,
.webform-component--participation {
  padding: 20px;
  border: 2px solid #456074;
}

.node-webform fieldset legend {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}

#edit-submitted-participation {
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
}
.webform-component--additional-info .form-item {
  margin: 0.8em 0;
}
.checkbox-aligned input[type=checkbox] {
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}
.checkbox-aligned .form-item label {
  font-size: 11px;
  display: inline-block;
  max-width: 90%;
  padding-left: 10px;
}
.checkbox-aligned .form-item label strong {
  font-size: 15px;
}


/* Courses */

.view-courses .views-field-title h2 a {
  color: #1c79ce;
  text-decoration: none;
}
.view-courses .views-field {
  margin-left: 220px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.view-courses .views-field-field-course-image {
  margin-left: 0;
  float: left;
}
.view-courses .views-row {
  margin: 0 30px 30px 0;
  clear: both;
  overflow: hidden;
}
.offerings-teaser {
  margin: 0 0 10px 0;
}
.offerings-teaser .offering-item {
  margin: 0 0 5px 0;
  border: 1px solid #aaa;
  padding: 5px;
  font-size: 13px;
}

.view-courses .views-field-field-special-notice {
    padding: 4px 20px 4px 30px;
    background: #fdcd2f;
    color: #444;
    display: inline-block;
    margin: 0 0 20px 0;
}

.view-courses .view-header {
  color: #999;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.view-courses .view-header a {
  color: #666;
}

.views-exposed-form {
  padding: 0 30px 30px 30px;
  margin: 0;
  text-align: right;
  color: #999;
  font-size: 13px;
}
.views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0 0 0 5px;
  display: inline-block;
}
.views-exposed-widget div,
.views-exposed-widget label {
  display: inline-block;
  vertical-align: top;
}
.views-exposed-widget div.description {
  display: none;
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 0;
}

@media only screen and (max-width: 550px) {
  .view-courses .views-field-field-course-image {
    float: none;
    margin: 0 10px 10px;
  }
  .view-courses .views-field {
    margin-left: 10px;
    margin: 0 10px 10px;
  }
}

/* New Homepage Layout */

#node-8977 header h2,
#node-8976 header h2 {
	display: none;
}
#node-8490 {
  margin: 50px 0 0;
}
#node-8976 {
  margin-bottom: 20px;
}
#node-8977 {
  margin-right: 0;
}

#node-15.node-content-block .field-name-field-left-photo {
  width: 25%;
}
#node-15.node-content-block .field-name-field-left-photo + .field-name-body {
  margin-left: 30%;
}
@media only screen and (max-width: 740px) {
  #node-8976 {
    width: 100%;
    margin: 0;
  }
  #node-8977 {
    width: 100%;
    margin: 0;
  }
}