@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  /*text-align: left;*/
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

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

/* Generic */
/*== Defaul Elements 
--------------------------*/
body {
  -webkit-text-size-adjust: none;
  background: #716f6a;
  font-family: arial;
  color: #121212;
  font: 13px/18px arial; }

em,
i {
  font-style: italic; }

strong,
b {
  font-weight: bold; }

a {
  outline: none;
  text-decoration: underline;
  color: #003366; }
  a:visited {
    color: #003366; }
  a:focus {
    color: #003366; }
  a:hover {
    color: #003366; }
  a:active {
    color: #003366; }

img {
  max-width: 100%;
  max-height: 100%;
}

/*== Article Defaults
--------------------------*/
.article {
  /* Example on Gallery Page */ }
  .article p,
  .article ul,
  .article dl,
  .article ol {
    margin: 0 0 15px; }
    .article p.trim,
    .article ul.trim,
    .article dl.trim,
    .article ol.trim {
      margin: 0; }
  .article ul ul,
  .article ul ol,
  .article ol ul,
  .article ol ol {
    margin-left: 0;
    margin-bottom: 0; }
    .article ul ul ul li,
    .article ul ol ul li,
    .article ol ul ul li,
    .article ol ol ul li {
      font-size: 12px; }
  .article ul li.bold,
  .article ol li.bold {
    font-weight: bold; }
    .article ul li.bold li,
    .article ol li.bold li {
      font-weight: normal; }
  .article ul li.link,
  .article ol li.link {
    color: #003366; }
    .article ul li.link li,
    .article ol li.link li {
      color: #333; }
  .article ol > li {
    margin-left: 18px;
    list-style-type: decimal;
    position: relative; }
  .article ul li {
    margin: 3px 0 0 10px;
    padding-left: 9px;
    background: url('/media/sacredheart/images/bullet.png') no-repeat 0 6px; }
    .article ul li.link {
      background: url('/media/sacredheart/images/bullet-blue.png') no-repeat 0 6px; }
  .article img {
    border: none /*2px solid #c4c1b7*/; }
  .article blockquote {
    background: #e3ebee;
    padding: 10px 15px;
    margin: 15px 0; }
    .article blockquote p {
      margin: 0; }
      .article blockquote p:first-child:before {
        content: '“'; }
      .article blockquote p:first-child:after {
        content: "”"; }
    .article blockquote cite {
      margin: 0 15px;
      display: block;
      font-style: italic;
      font-size: 11px;
      color: #666;
      text-align: right; }
      .article blockquote cite:before {
        content: '- '; }
  .article .image-left,
  .article .image-right {
    width: 304px;
    margin-bottom: 15px; }
    .article .image-left .image-caption,
    .article .image-right .image-caption {
      width: 300px;
      font-size: 12px; }
  .article .meta {
    font: bold 11px/20px arial;
    margin: 0; }
  .article .title-sub {
    line-height: 18px; }

/*== Text Styles
--------------------------*/
/* Curently usded on program-list.html in .secondary, may refactor later */
.aside-text {
  font-size: 12px;
  margin-bottom: 20px; }

.pager {
  color: #ccc;
  margin: 12px 0;
  font-weight: bold; }
  .pager a {
    text-decoration: none; }

.title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 2px;
  color: #036; }

.title-sub {
  color: #333;
  font-size: 10px; }

.meta {
  font-weight: bold;
  margin: 0; }

.normal-text {
  font: 13px/18px arial;
  color: #121212; }

.result-message {
  font: 16px/22px arial;
  background: url('/media/sacredheart/images/magnify.png') no-repeat 0 16px;
  padding-left: 35px;
  color: #121212;
  padding: 20px 30px;
  margin: 15px 0;
  display: inline; }
  .result-message.summary {
    background: none;
    padding-left: 0; }

.dark {
  background: black; }
  .dark .title,
  .dark .hr-f a,
  .dark a {
    color: white; }
  .dark .title-sub {
    color: white; }

/*== Tables
--------------------------*/
.table {
  margin-bottom: 25px;
  width: 100%;
  border-top: 1px solid #c7c6c5; }
  .table thead {
    border-right: 1px solid #c7c675; }
  .table tbody {
    border-bottom: 1px solid #c7c6c5;
    border-right: 1px solid #c7c6c5; }
    .table tbody th {
      background: #e3ebee;
      border-top: 1px solid white; }
  .table td,
  .table th {
    border-left: 1px solid #c7c6c5;
    padding: 6px 11px;
    border-bottom: 1px solid #c7c6c5; }
  .table th {
    font-weight: bold; }
    .table th + td {
      border-left: none; }
  .table.x {
    border-top: none; }
    .table.x thead {
      border-right: 1px solid black;
      color: white;
      background: black; }
    .table.x th {
      border-left: none; }
    .table.x td {
      border-bottom: none; }
    .table.x tr.even {
      background: #e3ebee; }
  .table.xy {
    border-top: none; }
    .table.xy thead {
      border-right: 1px solid #e3ebee; }
      .table.xy thead th {
        background: #e3ebee; }
        .table.xy thead th:first-child {
          background: white; }
    .table.xy th {
      border-bottom: none;
      border-left: none; }

/*== Classes & Objects
--------------------------*/
/**
* Mosty for events and news listings
*/
.media {
  font-size: 10px;
  line-height: 14px;
  display: block;
  margin: 10px 0 14px;
  text-decoration: none; }
  .media.bordered {
    border-bottom: 1px solid #ccc; }
  .media.trim {
    margin: 0; }
    .media.trim img {
      margin: 0; }
  .media img {
    border: 2px solid #c4c1b7;
    margin-bottom: 14px;
    display: block; }
  .media .beside {
    float: left;
    margin: 0 8px 0 0; }
  .media .date {
    color: white;
    text-align: center;
    width: 30px;
    font-weight: bold; }
    .media .date .m {
      font-size: 9px;
      line-height: 17px;
      background: #66692c; }
    .media .date .d {
      font-size: 19px;
      background: #9ca243;
      line-height: 25px; }

.search-bar{background:#eae9e7;margin-bottom:15px}.search-bar .search-field{width:100%}.search-bar .link-option{font:bold 13px/18px arial;text-decoration:underline;white-space:nowrap;margin-top:10px;display:block}.search-bar .section{padding:16px 2%;border-top:2px dotted #9e9e9e}.search-bar .section:first-child{border-top:none;margin-bottom:0}


/*== Links 
-------------------------*/
.label-link {
  font: bold 10px/16px arial;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 16px;
  text-decoration: none; }
  .label-link.docs, .label-link.cal, .label-link.rss {
    padding-left: 20px; }
  .label-link.docs {
    background: url('/media/sacredheart/images/icon-docs.png') no-repeat 0 0; }
  .label-link.cal {
    background: url('/media/sacredheart/images/icon-cal.png') no-repeat 0 0; }
  .label-link.rss {
    background: url('/media/sacredheart/images/icon-rss.png') no-repeat 0 0; }
p.page-links a {
  display: inline-block;
  border: 1px solid #ccc;
  color: #aaa;
  width: 20px;
  text-align: center;
  font-weight: bold;
  padding-top: 1px;
  text-decoration: none; }
  p.page-links a.active {
    background: #eee; }
  p.page-links a:hover {
    border: 1px solid #c71616;
    background: #c71616;
    color: white; }
  p.page-links a:first-child {
    position: relative;
    margin-right: 22px; }
    p.page-links a:first-child:after {
      content: '...';
      position: absolute;
      left: 28px;
      color: #aaa; }
  p.page-links a.last {
    position: relative;
    margin-left: 22px; }
    p.page-links a.last:before {
      content: '...';
      position: absolute;
      right: 28px;
      color: #aaa; }

/*== Lists
--------------------------*/
ul.horizontal li {
  display: inline;
  float: left; }
  ul.horizontal li a {
    float: left; }

ul.breadcrumb {
  display: none;
  margin-bottom: 10px; }
  ul.breadcrumb li {
    color: white;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 1.47368421%;
    margin-left: 0.63157895%;
    background: url('/media/sacredheart/images/arrow-breadcrumb.png') no-repeat 0 50%;
    line-height: 18px; }
ul.breadcrumb li a:active {
    color: #fff;
    font-weight: bolder; }
    ul.breadcrumb li:first-child {
      padding-left: 0;
      margin-left: 0;
      background: none; }
  ul.breadcrumb a {
    color: #cccccc;
    text-decoration: none; }
    ul.breadcrumb a:visited {
      color: #cccccc; }
    ul.breadcrumb a:focus {
      color: #cccccc; }
    ul.breadcrumb a:hover {
      color: #cccccc; }
    ul.breadcrumb a:active {
      color: #cccccc; }

ul.bulleted {
  font-size: 13px;
  line-height: 14px;
  font-weight: bold;
  margin-bottom: 20px; }
  ul.bulleted a {
    text-decoration: none; }
  ul.bulleted li {
    padding-left: 8px;
    margin: 5px 0;
    background: url('/media/sacredheart/images/bullet-blue.png') no-repeat 0 5px; }
  ul.bulleted.prepend {
    padding-left: 8px; }
  ul.bulleted.quiet li {
    font-weight: normal;
    font-size: 12px; }
  ul.bulleted.trim {
    margin: 0; }

ul.bordered {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 20px; }
  ul.bordered li {
    margin: 0;
    padding-left: 0;
    background: none;
    border-bottom: 1px solid #ccc;
    padding: 8px 0; }
  ul.bordered a {
    padding: 8px 0;
    margin: -8px 0;
    display: block;
    text-decoration: none; }
    ul.bordered a.inline {
      display: inline-block; }

ul.icons li {
  background: none;
  padding: 0; }
  ul.icons li a {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0 2px 23px;
    display: block;
    text-decoration: none; }
    ul.icons li a.ning {
      background: url('/media/sacredheart/images/icon-ning.png') no-repeat 0 3px; }
    ul.icons li a.google {
      background: url('/media/sacredheart/images/icon-google+.png') no-repeat 0 3px; }
    ul.icons li a.pinterest {
      background: url('/media/sacredheart/images/icon-pinterest.png') no-repeat 0 3px; }
    ul.icons li a.whrt {
      background: url('/media/sacredheart/images/icon-whrt.png') no-repeat 0 3px; }
ul.buttons {
  font: 15px/18px georgia;
  margin: 15px 0 20px; }
  ul.buttons li {
    margin-bottom: 13px;
    vertical-align: middle;
    list-style-type: none; 
}
  ul.buttons span {
    float: left;
    margin-bottom: 0;
    position: relative;
    top: -4px;  
    display: block;
  list-style: none; 
}

dl.toggle {
  position: relative;
  margin-bottom: 20px; }
  dl.toggle.qa a:before {
    font-style: italic;
    left: 10px;
    position: absolute;
    content: "Q: ";
    color: #9ca243; }
  dl.toggle.qa dd {
    padding-left: 33px; }
  dl.toggle.qa a {
    padding-left: 32px; }
  dl.toggle dt {
    margin: 15px 0 2px 0; }
    dl.toggle dt:first-child {
      margin-top: 0; }
    dl.toggle dt a {
      display: block;
      font: 16px/20px georgia;
      padding-left: 10px;
      color: #66692c;
      background: url('/media/sacredheart/images/arrow-right-green.png') no-repeat 0 7px; 
      text-decoration:  none; }
      dl.toggle dt a.active {
        background: url('/media/sacredheart/images/arrow-down-green.png') no-repeat 0 8px; }
  dl.toggle dd {
    padding-left: 12px;
    display: none; }

ul.steps {
  margin-bottom: 15px; }
  ul.steps li {
    padding: 0 40px 0 11px;
    margin: 7px 0 0 -9px;
    /* Used inside .callout-block */
    background: #999999 url('/media/sacredheart/images/step-end-inactive.png') no-repeat 100% 0; }
    ul.steps li a {
      padding: 5px 0;
      display: block;
      color: white;
      font: 15px georgia; }
    ul.steps li.current {
      background: #9ca243 url('/media/sacredheart/images/step-end.png') no-repeat 100% 0; }
/*== Icons & Replacement 
-------------------------*/
.icon-replace {
  display: inline-block;
  text-indent: -9999px;
  width: 16px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url('/media/sacredheart/images/social-media-icons.png') !important; }
  .icon-replace.facebook {
    margin-left: 4px;
    background-position: 0 0; }
  .icon-replace.twitter {
    background-position: -20px 0; }
  .icon-replace.linked-in {
    background-position: -40px 0; }

/*== Buttons 
--------------------------*/
/* Buttons which appear in the page header, utility, and footer */
.button-nav {
  display: inline-block;
  padding: 6px 8px;
  text-decoration: none;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  font-family: georgia;
  font-size: 14px;
  color: white; }
  .button-nav:visited {
    color: white; }
  .button-nav:focus {
    color: white; }
  .button-nav:hover {
    color: white; }
  .button-nav:active {
    color: white; }
  .button-nav.toggle {
    background: url('/media/sacredheart/images/toggle-plus.png') no-repeat 93% 50%;
    padding-right: 24px; }
    .button-nav.toggle.active {
      background-image: url('/media/sacredheart/images/toggle-minus.png'); }
  .button-nav.red {
    background-color: #800303;
    background-color: rgba(0, 0, 0, 0.25); }
    .button-nav.red:hover {
      background-color: #610707;
      background-color: rgba(0, 0, 0, 0.45); }
  .button-nav.brown {
    background-color: #55534f;
    background-color: rgba(0, 0, 0, 0.25); }
    .button-nav.brown:hover {
      background-color: #3d3c39;
      background-color: rgba(0, 0, 0, 0.45); }
  .button-nav.blue {
    background-color: #003d58;
    background-color: rgba(0, 0, 0, 0.4); }
    .button-nav.blue:hover {
      background-color: rgba(0, 0, 0, 0.65); }

.button {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  color: white;
  padding: 7px 7px 9px;
  text-align: center;
  font: bold 20px/22px georgia;
  margin: 0 0 15px 0;
  display: block;
  text-decoration: none; }
  .button:visited {
    color: white; }
  .button:focus {
    color: white; }
  .button:hover {
    color: white; }
  .button:active {
    color: white; }
  .button i {
    font-weight: normal; }
  .button span {
    display: block;
    font-size: 11px;
    line-height: 13px;
    color: #d6d0c0;
    font-family: arial;
    margin-top: 5px; }
  .button.small {
    display: inline-block;
    font: italic 14px georgia;
    padding: 6px 8px;
    margin-right: 8px; }
  .button.red {
    background: #cb1919;
    /* fallback */
    background: -webkit-linear-gradient(top, #cb1919, #9a0000);
    background: -moz-linear-gradient(top, #cb1919, #9a0000);
    background: -ms-linear-gradient(top, #cb1919, #9a0000);
    background: -o-linear-gradient(top, #cb1919, #9a0000); }
    .button.red:hover, .button.red:active {
      background: #670000;
      /* fallback */
      background: -webkit-linear-gradient(top, #670000, #9e1313);
      background: -moz-linear-gradient(top, #670000, #9e1313);
      background: -ms-linear-gradient(top, #670000, #9e1313);
      background: -o-linear-gradient(top, #670000, #9e1313); }
  .button.orange {
    background: #96520b;
    /* fallback */
    background: -webkit-linear-gradient(top, #96520b, #733c02);
    background: -moz-linear-gradient(top, #96520b, #733c02);
    background: -ms-linear-gradient(top, #96520b, #733c02);
    background: -o-linear-gradient(top, #96520b, #733c02); }
    .button.orange:hover, .button.orange:active {
      background: #412201;
      /* fallback */
      background: -webkit-linear-gradient(top, #412201, #663808);
      background: -moz-linear-gradient(top, #412201, #663808);
      background: -ms-linear-gradient(top, #412201, #663808);
      background: -o-linear-gradient(top, #412201, #663808); }
  .button.grey {
    background: #4e4d4a; }
    .button.grey:hover {
      background: #41403e; }
  .button.fixed-inline {
    display: inline-block;
    width: 149px; }
  .button + .button.fixed-inline {
    margin-left: 5px; }
  .button .icon {
    height: 23px;
    line-height: 23px;
    display: inline-block;
    position: relative;
    top: 5px; }

.button-arrow {
  display: inline-block;
  font: bold 14px/18px georgia;
  padding: 4px 7px 4px 7px;
  color: white;
  position: relative;
  margin: 0 20px 15px 7px;
  text-decoration: none; }
  .button-arrow:visited {
    color: white; }
  .button-arrow:focus {
    color: white; }
  .button-arrow:hover {
    color: white; }
  .button-arrow:active {
    color: white; }
  .button-arrow i {
    font-weight: normal; }
  .button-arrow:before {
    content: ' ';
    width: 10px;
    position: absolute;
    top: 0;
    left: -7px;
    height: 26px; }
  .button-arrow:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: -14px;
    height: 26px;
    width: 14px; }
  .button-arrow.collapsible:before, .button-arrow.collapsible:after {
    display: none; }
  .button-arrow.blue {
    background: #0096c1;
    position: relative; 
    right: 8px; 

}
    .button-arrow.blue:after {
      background: url('/media/sacredheart/images/button-blue-tip.png') no-repeat 0 50%; }
    .button-arrow.blue:before {
      background: url('/media/sacredheart/images/button-blue-tail.png') no-repeat 0 50%; }
  .button-arrow-green {
        background: #66692c;
        background-color: #66692c;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
        display: inline-block;
        font-family: georgia;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        font-size-adjust: none;
        font-stretch: normal;
        padding-top: 4px;
        padding-right: 7px;
        padding-bottom: 4px;
        padding-left: 7px;
        color: white;
        position: relative;
        margin-top: 0px;
        margin-right: 20px;
        margin-bottom: 15px;
        margin-left: 7px;
}
    .button-arrow-green:after {
        background: url('/media/sacredheart/images/button-arrow-tip.png') no-repeat 0 50%;
        content: ' ';
        position: absolute;
        top: 0;
        right: -14px;
        height: 26px;
        width: 14px;
      }
    .button-arrow-green:before {
        background: url('/media/sacredheart/images/button-arrow.png') no-repeat 0 50%;
        content: ' ';
        width: 10px;
        position: absolute;
        top: 0;
        left: -7px;
        height: 26px; 
      }
  .button-arrow.red {
        background: url('/media/sacredheart/images/arrow-red.png') repeat-x 0 -28px; 
    }
    .button-arrow.red:after {
        background: url('/media/sacredheart/images/arrow-red.png') no-repeat 0 -54px; 
      }
    .button-arrow.red:before {
        background: url('/media/sacredheart/images/arrow-red.png') no-repeat 0 0; 
      }


/*== Images
---------------------------*/
.figure {
  position: relative;
  margin: 0 auto 15px;
  max-width: 230px; }
  .figure .figasset img {
    display: block;
    border: none; }
  .figure .figcaption {
    background: black;
    background: rgba(0, 0, 0, 0.8);
    padding: 7px 4%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: white; }
    .figure .figcaption span,
    .figure .figcaption a {
      color: #81b2e5;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 10px;
      text-decoration: underline; }
      .figure .figcaption span:visited,
      .figure .figcaption a:visited {
        color: #81b2e5; }
      .figure .figcaption span:focus,
      .figure .figcaption a:focus {
        color: #81b2e5; }
      .figure .figcaption span:hover,
      .figure .figcaption a:hover {
        color: #81b2e5; }
      .figure .figcaption span:active,
      .figure .figcaption a:active {
        color: #81b2e5; }
  .figure.bordered {
    max-width: 224px;
    overflow: hidden;
    position: relative;
    border: 3px solid #c4c1b7; }

/* Left menu Indents */ 
ul.bordered li ul li ul li {padding-left: 20px;} ul.bordered li ul li {padding-left: 10px;}

/*== Callout Block
--------------------------*/
/** The Callout Block can be used either in any of the _layout classes
* Headers within the block can be a number of different colors, set by using appropriate class on .header
*   If used in secondary or third, the width is bound by .secondary for fluidity.
* If used in primary, the sidth is fixed, and callout is floated right.
*/
.callout-block {
  margin-bottom: 15px; }
  .callout-block p {
    font: 12px/15px arial;
    margin: 5px 0; }
    .callout-block p:first-child {
      margin-top: 0; }
    .callout-block p:last-child {
      margin-bottom: 0; }
  .callout-block ul:first-child {
    margin-top: 0; }
  .callout-block ul:last-child {
    margin-bottom: 0; }
  .callout-block .header {
    display: block;
    padding: 8px 10px;
    border-bottom: 2px solid white; }
    .callout-block .header.blue {
      background: #0096c1; }
    .callout-block .header.orange {
      background: #ff6c00; }
    .callout-block .header.green {
      background: #75ae2c; }
    .callout-block .header.red {
      background-image: #81190d;
      background-image: linear-gradient(bottom, #81190d 36%, #ac2e23 68%);
      background-image: -o-linear-gradient(bottom, #81190d 36%, #ac2e23 68%);
      background-image: -moz-linear-gradient(bottom, #81190d 36%, #ac2e23 68%);
      background-image: -webkit-linear-gradient(bottom, #81190d 36%, #ac2e23 68%);
      background-image: -ms-linear-gradient(bottom, #81190d 36%, #ac2e23 68%); }
  .callout-block .body {
    padding: 8px 10px;
    border-top: 1px solid white;
    background: #eae9e7; }
    .callout-block .body:first-child {
      border: none; }

/*== Headers 
--------------------------*/
.hr-a {
  font: 16px georgia;
  color: #d6d0c0; }
  .hr-a a {
    color: #d6d0c0;
    text-decoration: none; }
    .hr-a a:visited {
      color: #d6d0c0; }
    .hr-a a:focus {
      color: #d6d0c0; }
    .hr-a a:hover {
      color: #d6d0c0; }
    .hr-a a:active {
      color: #d6d0c0; }

.hr-b {
  font: italic 22px/30px georgia;
  color: #81b2e5;
  display: inline; }
  .hr-b.quiet {
    font: 18px/25px; }

.hr-c {
  font: bold 30px/36px georgia;
  color: white; }
  .hr-c i {
    font-weight: normal; }
  .hr-c.ruled {
    padding-bottom: 8px;
    border-bottom: 2px dotted white;
    margin-bottom: 12px; }
  .hr-c.quiet {
    font: 26px/32px; }

.hr-d {
  font: bold 24px/28px georgia;
  color: #66692c;
  margin-bottom: 7px;
  /* Remove margin if coupled with .bordered lists */ }
  .hr-d a {
    text-decoration: none; }
  .hr-d i {
    font-weight: normal;
    color: #9ca243; }
  .hr-d.ruled {
    padding-bottom: 6px;
    border-bottom: 2px solid #66692c;
    font: bold 24px/28px georgia;
    color: #66692c;
    margin-bottom: 7px; }
  .hr-d.quiet {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 4px; }
  .hr-d.trim {
    margin-bottom: 2px; }
  .hr-d + .bordered {
    margin-top: -7px; }

.hr-e {
  font: 22px/26px georgia;
  color: white;
  margin-bottom: 12px; }
  .hr-e.ruled {
    border-bottom: 2px dotted white;
    padding-bottom: 13px; }

.hr-f {
  font: 24px/28px georgia;
  margin-bottom: 10px; }
  .hr-f a {
    color: #003366;
    color: #003366;
    text-decoration: none; }
  .hr-f.ruled {
    border-bottom: 2px dotted #ccc;
    padding-bottom: 8px;
 font: 24px/28px georgia;
  margin-bottom: 10px; }
  .hr-f.small {
    font-size: 18px;
    line-height: 24px; }

.hr-f-small 

{
  font: 24px/28px georgia;
  margin-bottom: 10px; 
font-size: 18px;
    line-height: 24px; }

  .hr-f.smaller {
    font-size: 16px;
    line-height: 22px; }
  .hr-f.normal {
    font-family: arial; }
  .hr-f i, .hr-f.soft {
    color: #999; }
  .hr-f.trim {
    margin-bottom: 0; }

.hr-g {
  font: bold 18px/22px georgia;
  color: white; }
  .hr-g i {
    font-weight: normal; }

.hr-h {
  font: 16px/22px arial;
  color: #999; }

.hr-i {
  font: italic 14px/15px georgia;
  color: #666;
  margin-bottom: 8px; }
  .hr-i b {
    display: block;
    font: bold 30px/32px georgia;
    color: #121212; }
  .hr-i.ruled {
    padding-bottom: 9px;
    border-bottom: 2px solid #999999; }
  .hr-i.facebook, .hr-i.twitter, .hr-i.instagram {
    padding-left: 0px; }
  .hr-i.facebook {
    background: url('/media/sacredheart/images/icon-hr-facebook.png') no-repeat 0 0; }
  .hr-i.twitter {
    background: url('/media/sacredheart/images/icon-hr-twitter.png') no-repeat 0 0; }
  .hr-i.instagram {
    background: url('') no-repeat 0 0; }
.hr-j {
  font: bold 12px/20px georgia;
  color: white;
  display: block; }
  .hr-j i {
    font-weight: lighter;
    color: #81b2e5; }
  .hr-j a {
    color: #81b2e5;font-weight: lighter; }
    .hr-j a i {
      color: #81b2e5; }

.hr-k {
  font: bold 22px/22px georgia;
  color: white; }
  .hr-k i {
    font-weight: normal; }
  .hr-k.ruled {
    padding-bottom: 8px;
    border-bottom: 2px dotted white;
    margin-bottom: 12px; }
  .hr-k.alert-heading {
    padding: 0 0 0 40px;
    background: url('/media/sacredheart/images/alert-triangle.png') no-repeat 0 50% transparent; }
.hr-l {
  font: normal 16px/24px arial; }
  .hr-l.alert-intro {
    margin: 0 0 18px;
    color: #ffff99;
    text-transform: uppercase;
    font-weight: bold; }
  .hr-l .shout {
    text-transform: uppercase; }
  .hr-l a {
    text-decoration: none;
    color: #990000; }
    .hr-l a:visited {
      color: #990000; }
    .hr-l a:focus {
      color: #990000; }
    .hr-l a:hover {
      color: #990000; }
    .hr-l a:active {
      color: #990000; }

.hr-m {
  font: italic 24px/32px georgia;
  color: #81b2e5;
  display: inline; }

@media screen and (min-width: 480px) {
  .article .image-left .image-caption,
  .article .image-right .image-caption {
    font-size: 10px;
    line-height: 14px; }
  .article .image-left {
    background: white;
    float: left;
    padding: 0 15px 15px 0;
    margin: 0;
    clear: both; }
  .article .image-right {
    background: white;
    float: right;
    padding: 0 0 15px 15px;
    margin: 0;
    clear: both; }
  .article .callout-block.right {
    float: right;
    margin: 0 0 15px 15px;
    width: 230px;
    clear: both; }
  .article .callout-block.left {
    float: left;
    margin: 0 15px 15px 0;
    width: 230px;
    clear: both; } 

  .title {
    font-size: 13px;
    color: #003366; }

  .title-sub {
    font-size: 10px;
    line-height: 12px; }

.search-bar .search-field{width:221px;margin-right:10px}.search-bar .link-option{display:inline}}@media screen and (min-width: 540px){.media img{display:block}.figure.offset{margin-top:-32px;margin-right:6px}.hr-a{font-size:16px}.hr-j{font:bold 18px/26px georgia}.search-bar .link-option{font-size:10px;line-height:14px}


  .button-arrow.collapsible:before, .button-arrow.collapsible:after {
    display: block; } }
@media screen and (min-width: 768px) {
  ul.breadcrumb {
    display: block; }

  .image {
    display: block; }

  .hr-k {
    font: bold 30px/30px georgia; } }
@media screen and (min-width: 980px) {
  .hr-b {
    font-size: 30px;
    line-height: 40px; }
    .hr-b.quiet {
      font-size: 20px;
      line-height: 27px; }

  	.feature-carousel .summary .hr-c{
		font-size:30px; line-height:35px;
	}
  
  .hr-c {
    font-size: 38px;
    line-height: 47px; }
    .hr-c.quiet {
      font-size: 30px;
      line-height: 36px; }

  .hr-e {
    font-size: 30px;
    line-height: 32px; }

  .hr-j {
    font: bold 24px/32px georgia; }

  .figcaption {
    font-size: 16px;
    line-height: 18px; } }
/** Used for marking templates as "need review", delete before launch */
.review {
  color: red; }
  .review:before {
    content: '* ';
    color: red; }

/*== Forms 
--------------------------*/
input {
  font: 12px/17px arial;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

input,
textarea,
select[multiple] {
  border: 1px solid #dddddd;
  border-left: 1px solid #c3c3c3;
  border-top: 1px solid #7c7c7c; }

input[type="radio"] {
  vertical-align: baseline;
  -webkit-appearance: radio; }

input[type="checkbox"] {
  vertical-align: baseline;
  -webkit-appearance: checkbox; }

input:-moz-placeholder {
  font-famliy: georgia;
  color: #999999;
  font-style: italic; }

::-webkit-input-placeholder {
  font-famliy: georgia;
  color: #999999;
  font-style: italic; }

input[type="submit"] {
  font: bold 10px arial;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  background: #cb1919;
  /* fallback */
  background: -webkit-linear-gradient(top, #cb1919, #9a0000);
  background: -moz-linear-gradient(top, #cb1919, #9a0000);
  background: -ms-linear-gradient(top, #cb1919, #9a0000);
  background: -o-linear-gradient(top, #cb1919, #9a0000);
  border: none;
  color: white;
  text-transform: uppercase;
  padding: 0 7px;
  cursor: pointer;
  -webkit-appearance: none;
  width: auto;
  height: 23px; }
  input[type="submit"].grey {
    background: #666666;
    /* fallback */
    background: -webkit-linear-gradient(top, #666666, #343434);
    background: -moz-linear-gradient(top, #666666, #343434);
    background: -ms-linear-gradient(top, #666666, #343434);
    background: -o-linear-gradient(top, #666666, #343434); }
  input[type="submit"].loud {
    text-transform: none;
    font: normal 15px georgia;
    margin: 0 8px 0 0;
    padding: 7px 11px; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none; }

input[type="button"].datepicker {
  background: url('/media/sacredheart/images/button-datepicker.png') no-repeat 0 0;
  width: 32px;
  height: 25px;
  display: inline-block;
  border: none;
  cursor: pointer; }

input[required] {
  background: #f9e5e5; }

label.required:after {
  content: " (required)";
  font-style: italic;
  color: #aaa;
  font-weight: normal; }

.select {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #bfbebd;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  -o-border-radius: 11px;
  -ms-border-radius: 11px;
  -khtml-border-radius: 11px;
  border-radius: 11px;
  background-image: linear-gradient(bottom, #ededed 14%, #ffffff 79%);
  background-image: -o-linear-gradient(bottom, #ededed 14%, white 79%);
  background-image: -moz-linear-gradient(bottom, #ededed 14%, white 79%);
  background-image: -webkit-linear-gradient(bottom, #ededed 14%, white 79%);
  background-image: -ms-linear-gradient(bottom, #ededed 14%, white 79%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.14, #ededed), color-stop(0.79, white));
  overflow: hidden;
  height: 24px;
  width: 181px;
  padding-right: 6px;
  vertical-align: middle; }
  .select .select-inner {
    background: url('/media/sacredheart/images/go-down.png') no-repeat 100% 5px; }
  .select select {
    background: transparent;
    border: none;
    height: 23px;
    padding: 4px 0 4px 6px;
    width: 140%;
    /* Hide the default button */
    cursor: pointer;
    color: #6d6e71;
    font-weight: bold;
    -webkit-appearance: none; }

.search-field {
  position: relative; }
  .search-field input[type=text] {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    background: white;
    padding: 4px 15% 4px 3%;
    font-size: 14px;
    line-height: 14px;
    width: 82%;
    font-family: georgia;
    border: 1px solid #c0bebd;
    margin: 0;
    text-indent: 4px; }
  .search-field input[type=submit] {
    position: absolute;
    top: 6px;
    right: 4%;
    background: url('/media/sacredheart/images/go.png') no-repeat 0 0;
    display: block;
    text-decoration: none;
    border: none;
    font-size: 0;
    line-height: 0;
    width: 14px;
    height: 14px;
    cursor: pointer;
    text-indent: -9999px; }


/* Used on the Program List page */
.select-label {
  margin: 0 6px 0 0;
  display: inline-block;
  vertical-align: top; }

.spinner {
  position: relative;
  width: 66px;
  margin-bottom: 25px;
  height: 23px; }
  .spinner input {
    border-top: 1px solid #d1d1d1;
    width: 42px;
    height: 18px;
    font-weight: bold; }
  .spinner a {
    position: absolute;
    display: block;
    text-indent: -99999px;
    width: 20px; }
    .spinner a.up {
      background: url('/media/sacredheart/images/spinner-up.png') no-repeat 0 0;
      width: 20px;
      height: 12px;
      top: 0;
      right: 0; }
    .spinner a.down {
      background: url('/media/sacredheart/images/spinner-down.png') no-repeat 0 0;
      width: 20px;
      height: 11px;
      bottom: 0;
      right: 0; }

.form {
  padding: 13px 15px;
  margin-bottom: 25px;
  border: 1px solid #ebeae8; }
  .form label {
    display: block;
    font-weight: bold;
    line-height: 22px; }
  .form input {
    width: 95%;
    padding: 3px 4px 0;
    height: 16px; }
  .form textarea {
    font: 13px arial;
    overflow: scroll;
    padding: 4px 1%;
    width: 98%;
    height: 177px; }
  .form .select,
  .form select[multiple],
  .form input,
  .form textarea {
    margin: 0 0 25px 0; }
  .form .field-state {
    margin: 0 8px 25px 0;
    width: 100px; }
    .form .field-state li {
      margin: 0;
      background: none; }
  .form .field-date {
    width: 73px; }
  .form table {
    width: 100%;
    margin-bottom: 25px; }
    .form table td {
      padding: 0 45px 0px 0; }
    .form table label {
      font-weight: normal;
      display: inline; }
    .form table input {
      margin: 0;
      height: auto;
      width: auto; }
  .form .form-footer {
    padding: 11px 17px;
    background: black;
    margin: 0 -15px -17px;
    /* Extend styles from the submit above */ }
    .form .form-footer .links {
      margin-top: 5px;
      float: right; }
      .form .form-footer .links a {
        color: white;
        text-decoration: underline;
        margin-left: 14px; }
        .form .form-footer .links a:first-child {
          margin-left: 0; }
    .form .form-footer input[type="submit"] {
      height: auto;
      width: auto; }
  .form .spinner input {
    width: 42px;
    height: 18px; }
  .form .field-inline {
    display: inline-block;
    width: 100%; }
  .form .subsection-title {
    position: relative;
    margin: 26px -15px -13px -23px;
    border-top: 1px solid #ebeae8;
    /* Extend from _gerneric */ }
    .form .subsection-title .button-arrow {
      position: relative;
      top: -13px; }

@media screen and (min-width: 540px) {
  .form input,
  .form textarea {
    margin-right: 4px; }
  .form input[type="text"] {
    width: 176px; }
    .form input[type="text"].field-city {
      width: 150px; }
    .form input[type="text"].field-zip {
      width: 65px; }
  .form textarea {
    width: 377px; }
  .form table {
    width: auto; }
  .form .field-inline {
    width: auto; } }
@media screen and (min-width: 830px) {
  .callout-form {
    float: right;
    margin-top: 15px;
    width: 24.21052632%; }

  .form {
    padding-left: 1.57894737%;
    padding-right: 1.57894737%;
    width: 72.63157895%; } }
/* Layout */
/*== Page Layout 
--------------------------*/
.group {
  *zoom: 1; }
  .group:after {
    content: "";
    display: table;
    clear: both; }

/* Group with overflow: hidden */
.group-oh {
  overflow: hidden;
  *zoom: 1; }

.wrapper {
  max-width: 980px;
  margin: 0 auto; }

.container {
  position: relative;
  margin: 0 7px; }

.top-shadow {
  background: transparent url('/media/sacredheart/images/carousel-shadow.png') no-repeat 50% 0; }

.page {background: white url('/media/newlayouts/styleassets/images/page-bg.png') repeat-x 0 0; position:relative;}

.page:before{content:'';height:588px;background:url('/media/sacredheart/images/bg.png') no-repeat center 0;position:absolute;left:0;right:0;top:0}

/*.page {
  background: white url('/media/sacredheart/images/bg-mobile.png') no-repeat 50% 0; }*/
.page-section {
  padding: 38px 0 0 21px;
  margin: -38px 0 0 -21px;
  background: url('/media/sacredheart/images/section-shadow.png') no-repeat 0 0;
}
  .page-section > .sub {
    background: white;  position:relative; }


.logo img {
  display: block; }




/* Mobile App Link Additions */
.home .mobile-app-link-container {
    display: none;
    height: 28px;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 10px 0 10px;
}
.home .mobile-app-link-container .mobile-app-link {
      color: white;
      padding: 5px;
      font-size: 90%;
      float: left;
    }
      .home .mobile-app-link-container .mobile-app-link a {
        color: white !important;
      }
    .home .mobile-app-link-container .close-link {
      color: white;
      cursor: pointer;
      padding: 5px;
      font-size: 90%;
      float: right;
    }
/* Mobile App Link Changes */
@media screen and (max-width: 640px) {
  .home .mobile-app-link-container {
    display: block;
  }
}
/* End of Mobile App Link Addition */



/* 50 Year Logo Addition */
@media screen and (min-width: 980px) {
  .page-header {
[]/*  text-align: center;*/
  }
}

.logo { 
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  margin-bottom: 15px;
  width: 198px;
  height: 47px;
}
@media screen and (min-width: 540px) {
  .logo {
    margin-bottom: 0;
    width: 299px;
    height: 72px;
  }
}

.tagline {
  display: none;
}
@media screen and (min-width: 980px) {
  .tagline {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin: 0 0 0 37px;
  }
  .tagline a {
    display: block;
    background: url('/media/sacredheart/images/tagline.png') no-repeat 0 0;
    width: 413px;
    height: 21px;
    text-indent: -999999px;
  }
}
/* End of 50 Year Logo Addition */


/* Homepage Feature Addition */
.figure.home {
    margin-top: 15px;
    max-width: 351px;
}
.figure .figcaption span, .figure .figcaption a {
    color: #81b2e5;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    text-decoration: none;
}
/* End of Homepage Feature Addition */


/* Admissions Addition */
.feature .sub-content.buttons {
  padding: 15px 0;
}
.feature .sub-content {
  background: black;
  color: white;
  width: 100%;
}
.feature .sub-content.buttons .button {
  margin: 12px 4%;
}
.feature .sub-content a {
  color: white;
}
.button.red {
  background: #cb1919;
  background: -webkit-linear-gradient(top,#cb1919,#9a0000);
  background: -moz-linear-gradient(top,#cb1919,#9a0000);
  background: -ms-linear-gradient(top,#cb1919,#9a0000);
  background: -o-linear-gradient(top,#cb1919,#9a0000);
}
@media screen and (min-width: 768px) {
  .feature .sub-content.buttons {
    padding: 0;
    text-align: center;
    background: url('/media/sacredheart/images/trans-black-70.png');
    position: absolute;
    bottom: 0;
  }
  .feature .sub-content.buttons .button {
    margin: 15px 1%;
    width: 26%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
  }
}
@media screen and (min-width: 480px) {
  .feature .sub-content {
    padding: 12px 0;
  }
}
/* End of Admissions Addition */


/* Google Custom Search Addition */
#___gcse_0 {
    /*display: none;*/
    margin: 10px auto; 
    width:50%;
}
    @media screen and (min-width: 540px) {
        #___gcse_0 {
            display: block;
            float: left;
            width: 50%;
        }
    }
    @media screen and (max-width: 979px) and (min-width: 672px) {
        #___gcse_0 {
            position: absolute;
            top: 9px;
            right: 0;
            width: 25%;
        }
    }
    @media screen and (min-width: 980px) {
        #___gcse_0 {
            float: right;
            padding-top: 5px;
            margin: 0;
            width: 148px;
        }
    }
td.gsc-search-button {
    padding: 0 !important;
    background: transparent;
}
table.gsc-search-box {
    margin-top: 0;
}
td.gsc-input {
    padding: 0 !important;
}
input.gsc-input {
    padding: 0 !important;
    padding-right: 17% !important;
    padding-left: 5px !important;
    background-image: none !important;
    width: 83% !important;
    line-height: 30px;
    border: 1px solid #c0bebd !important;
    font-family: georgia;
    font-size: 14px !important;
    height: 30px;
    box-shadow:         rgba(0, 0, 0, 0.5) 1px 2px 2px;
    -o-box-shadow:      rgba(0, 0, 0, 0.5) 1px 2px 2px;
    -moz-box-shadow:    rgba(0, 0, 0, 0.5) 1px 2px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
    -moz-border-radius:     8px;
    -webkit-border-radius:  8px;
    -o-border-radius:       8px;
    -ms-border-radius:      8px;
    -khtml-border-radius:   8px;
    border-radius:          8px;
}
input.gsc-search-button {
    background: url('/media/sacredheart/images/go.png') no-repeat 0 0;
    background-color: white !important;
    border: none !important;
    font-size: 0 !important;
    height: 14px !important;
    min-width: 14px !important;
    cursor: pointer;
    padding: 0 !important;
    margin-left: -12px !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
td.gsc-clear-button {
  display: none !important;
}
/* End of Google Custom Search Addition */







.special {
  background: #e3ebee;
  padding: 7px 10px;
  margin-top: 8px; }

.video {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  margin: 15px 0 4px; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*== Intended for 2 columns at 980px */
.inner {
  margin: 0 7px;
  padding-top: 13px; }

.primary {
  position: relative; }
  .primary .header {
    background: url('/media/sacredheart/images/pattern-orange.png'); }
    .primary .header .inner {
      padding: 13px 0; }

.secondary {
  position: relative; }
  .secondary > .image {
    display: none; }

/* Halves and Thirds behalve differently depending on the container.
  Current containers are .primary and .secondary
*/
.halves,
.thirds {
  margin-bottom: 20px; }
  .halves .halve,
  .halves .third,
  .thirds .halve,
  .thirds .third {
    /* remove contained margins */ }
    .halves .halve .callout-block, .halves .halve.bulleted, .halves .halve.bordered,
    .halves .third .callout-block,
    .halves .third.bulleted,
    .halves .third.bordered,
    .thirds .halve .callout-block,
    .thirds .halve.bulleted,
    .thirds .halve.bordered,
    .thirds .third .callout-block,
    .thirds .third.bulleted,
    .thirds .third.bordered {
      margin-bottom: 0; }
    .halves .halve.down,
    .halves .third.down,
    .thirds .halve.down,
    .thirds .third.down {
      margin-top: 20px; }

/* Positioning classes for spacing out block-level vertically */
.prepend-top {
  margin-top: 20px; }

.append-bottom {
  margin-bottom: 20px; }

/*== Media Queries
--------------------------*/
@media screen and (min-width: 480px) {
  .container,
  .inner {
    margin: 0 1.53061224%; }

  .inner {
    padding-top: 13px; }
  .staff-directory__label {
    float: left;
    width: 100%;
  } }
@media screen and (min-width: 540px) {
  .thirds {
    /* Make 3 columns tighter by reducing margin */ }
    .thirds.tight .third {
      margin-left: 1.5%;
      width: 32.333333%; }
      .thirds.tight .third:first-child {
        margin-left: 0; }
    .thirds .third.down {
      margin-top: 0; }

  .halve {
    float: left;
    width: 48%;
    margin-left: 4%; }
    .halve:first-child {
      margin-left: 0; }

  .third {
    float: left;
    width: 31%;
    margin-left: 3%; }
    .third:first-child {
      margin-left: 0; } }
@media screen and (min-width: 768px) {
  .primary {
    width: 73.46938776%; }
    .primary .inner {
      margin-left: 2.77777778%;
      margin-right: 2.08333333%; }
    .primary.right {
      float: right; }
    .primary.left {
      float: left; }
  .primary .header {
    background: url('/media/sacredheart/images/pattern-orange.png'); }
  
  .secondary {
    width: 26.53061224%; }
    .secondary > .image {
      display: block; }
    .secondary .inner {
      margin-left: 5.76923077%;
      margin-right: 5.76923077%; }
      .secondary .inner.fill-right {
        margin: 0 0 0 5.76923077%; }
    .secondary.left {
      float: left; }
    .secondary.right {
      float: right; }
    .secondary.shadow-left, .secondary.shadow {
      position: relative; }
    .secondary.shadow:after {
      content: "";
      background: url('/media/sacredheart/images/secondary-shadow.png') no-repeat right 0;
      width: 19px;
      height: 245px;
      position: absolute;
      top: 0;
      right: -19px; }
    .secondary .halve {
      float: none;
      width: auto;
      margin-left: 0; } }


@media screen and (max-width: 979px) {
.page {
   background: white url('/media/sacredheart/images/bg-mobile.png') no-repeat 50% 0; } }
@media screen and (min-width: 980px) {
.page-section {
   padding-right: 21px;
   margin-right: -21px; } }
     
/*      
@media screen and (min-width: 980px) {
  .page {
    background: white url('/media/sacredheart/images/bg.png') no-repeat 50% 0; }
  .page-section {
    padding-right: 21px;
    margin-right: -21px; } }

*/


/* Home is a one off page that inherits most styles from more generic CSS */
.home .nav-inner {
  position: relative;
  font-family: georgia;
  background-color: #990000;
  background-image: linear-gradient(bottom, #650101 0%, #990000 30%);
  background-image: -o-linear-gradient(bottom, #650101 0, #990000 30%);
  background-image: -moz-linear-gradient(bottom, #650101 0, #990000 30%);
  background-image: -webkit-linear-gradient(bottom, #650101 0, #990000 30%);
  background-image: -ms-linear-gradient(bottom, #650101 0, #990000 30%);
  padding: 15px 3%;
  font-size: 14px;
  line-height: 14px; }
  .home .nav-inner li {
    margin: 0;
    margin-left: 7px;
    padding-left: 8px;
    border-left: 1px solid white;
    float: left; }
    .home .nav-inner li:first-child {
      padding-left: 0;
      margin-left: 0;
      border-left: none; }
  .home .nav-inner a {
    color: white;
    text-decoration: none; }
    .home .nav-inner a:visited {
      color: white; }
    .home .nav-inner a:focus {
      color: white; }
    .home .nav-inner a:hover {
      color: white; }
    .home .nav-inner a:active {
      color: white; }
.home .halve {
  margin-bottom: 20px; }
.home .secondary .inner {
  margin: 3%;
  padding: 0; }
.home .mini-img-gallery.x3 {
  margin-top: 0;
  margin-bottom: 0; }
  .home .mini-img-gallery.x3 .item {
    width: 46%;
    margin-bottom: 0; }
    .home .mini-img-gallery.x3 .item:nth-child(3), .home .mini-img-gallery.x3 .item:nth-child(4), .home .mini-img-gallery.x3 .item:nth-child(5), .home .mini-img-gallery.x3 .item:nth-child(6) {
      display: none; }
  .home .mini-img-gallery.x3 img {
    width: 100%; }
.home .secondary {
  background: white; }
@media screen and (min-width: 400px) {
  .home .home .nav-inner li {
    margin-left: 2%; }
  .home .mini-img-gallery.x3 .item {
    width: 30%; }
    .home .mini-img-gallery.x3 .item:nth-child(3) {
      display: inline-block; } }
@media screen and (min-width: 540px) {
  .home .mini-img-gallery.x3 .item {
    width: 46%;
    margin-bottom: 3%; }
    .home .mini-img-gallery.x3 .item:nth-child(4), .home .mini-img-gallery.x3 .item:nth-child(5), .home .mini-img-gallery.x3 .item:nth-child(6) {
      display: inline-block; } }
@media screen and (min-width: 540px) {
  .home .halves .halve {
    width: 100%;
    margin-left: 0; }
  .home .secondary {
    width: 40.52631579%; }
    .home .secondary.left {
      float: left; }
    .home .secondary.shadow:after {
      content: "";
      background: url('/media/sacredheart/images/secondary-shadow.png') no-repeat right 0;
      width: 19px;
      height: 245px;
      position: absolute;
      top: 0;
      right: -19px; }
  .home .primary {
    width: 58.42105263%; }
    .home .primary.right {
      float: right; } }
@media screen and (min-width: 768px) {
  .home .secondary .inner {
    padding: 0; } }
@media screen and (min-width: 830px) {
  .home {
    /* Inherit from _mini-img-gallery */ }
    .home .halves .halve {
      width: 48%; }
      .home .halves .halve:first-child {
        margin-right: 4%; }
    .home .mini-img-gallery.x3 .item {
      width: 30%; }
    .home .mini-img-gallery.x3 .item:nth-child(5),
    .home .mini-img-gallery.x3 .item:nth-child(6) {
      display: inline-block; }
    .home .nav-inner {
      -moz-border-radius-topleft: 8px;
      -webkit-border-top-left-radius: 8px;
      -o-border-top-left-radius: 8px;
      -ms-border-top-left-radius: 8px;
      -khtml-border-top-left-radius: 8px;
      border-top-left-radius: 8px;
      margin-top: -44px; } }
@media screen and (min-width: 980px) {
  .home .nav-inner {
    font-size: 18px;
    margin-left: 11px; }
  .home .secondary {
    width: 385px; }
  .home .primary {
    width: 585px; }
    .home .primary .media {
      padding-right: 10px; } }

/* Wrapper styles */
/*== Utility Layout
--------------------------*/
.utility{background:#900 url("/media/sacredheart/images/utility-bg.png") no-repeat 50% 100%;padding:7px 0 7px 4px}.utility-nav{display:none}.utility-nav ul{float:left;width:45%}.utility-nav ul:first-child{width:55%}.utility-nav li{margin:10px 0}.utility-nav a{font-size:12px;color:white;text-shadow:rgba(0,0,0,0.5) 1px 1px 1px;text-transform:uppercase;text-decoration:none}.utility-nav.open{display:block}@media screen and (min-width: 540px){.utility-nav{float:left}.utility-nav ul{width:auto}.utility-nav ul:first-child{width:auto}.utility-nav ul:first-child li:first-child{margin-left:0}.utility-nav li{float:left;margin:7px 0 7px 13px}}@media screen and (min-width: 768px){.utility-nav{display:block;margin:0;position:static;float:none}.utility-nav ul{position:static}}@media screen and (min-width: 768px) and (max-width: 980px){.utility-nav ul{width:24%}.utility-nav ul:first-child{width:24%}.utility-nav ul:first-child li{margin-left:0}.utility-nav li{float:none}}.utility-buttons{margin:0 -8px;width:auto}.utility-buttons li{float:left;margin:1px 8px 3px 0}.utility-buttons .social{display:block}@media screen and (min-width: 540px){.utility-buttons{width:auto;overflow:visible;float:left}}@media screen and (min-width: 768px){.utility-buttons{position:static;float:right}.utility-buttons li{position:static;margin:1px 0 3px 7px}.utility-buttons .social{display:block}.utility-buttons .who{display:none}}

/*== Header Layout
--------------------------*/
.page-header {
  position: relative;
  padding-top: 18px;
  padding-bottom: 3px; }
  .page-header .menu {
    margin: 10px auto;
    display: block;
    background-position: 85% 50%;
    width: 48px;
    padding-left: 12px; }
  @media screen and (min-width: 540px) {
    .page-header .menu {
      display: none; } }

.header-nav {
  display: none;
  margin-top: 6px;
  *zoom: 1;
  /* 3 column */
  /* Horizontal */ }
  .header-nav:after {
    content: "";
    display: table;
    clear: both; }
  .header-nav ul {
    float: left;
    width: 49.71181556%; }
  .header-nav li {
    border-left: 1px solid #85b8dc;
    padding: 8px 0;
    width: 80%;
    padding-left: 8.69565217%; }
  .header-nav a {
    color: white;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    color: white;
    text-decoration: none; }
    .header-nav a:visited {
      color: white; }
    .header-nav a:hover {
      color: white; }
    .header-nav a:active {
      color: white; }
  .header-nav .item-1,
  .header-nav .item-2,
  .header-nav .item-3 {
    padding-left: 0;
    border: none; }
  .header-nav.open {
    display: block; }
  @media screen and (min-width: 540px) {
    .header-nav {
      /* Remove pie-clearfix */
      display: block; }
      .header-nav:after {
        clear: none;
        display: block; }
      .header-nav ul {
        width: 100%; }
      .header-nav li {
        float: left;
        padding-left: 0; }
      .header-nav .item-1,
      .header-nav .item-4 {
        padding-left: 0;
        border: 0;
        width: 25.54455446%; }
      .header-nav .item-2,
      .header-nav .item-5 {
        padding-left: 3.06748466%;
        width: 45.34653465%;
        border-left: 1px solid #85b8dc; }
      .header-nav .item-3,
      .header-nav .item-6 {
        padding-left: 3.06748466%;
        width: 22.57425743%;
        border-left: 1px solid #85b8dc; }
      .header-nav .item-7 {
        display: none; } }
  @media screen and (min-width: 768px) {
    .header-nav {
      float: none;
      width: 100%; }
      .header-nav ul {
        width: auto;
        float: none; }
      .header-nav .item-1,
      .header-nav .item-2,
      .header-nav .item-3,
      .header-nav .item-4,
      .header-nav .item-5,
      .header-nav .item-6 {
        width: auto;
        padding-left: 0;
        border: none; }
      .header-nav li {
        width: auto;
        float: left;
        margin: 0 2.84211% 5px 0; }
        .header-nav li.item-6 {
          margin-right: 0; } }
  @media screen and (min-width: 980px) {
    .header-nav {
      width: 84%;
      float: left; }
      .header-nav li {
        margin-right: 25px; }
      .header-nav a.mega-control {
        background: url('/media/sacredheart/images/arrow-white-down.png') no-repeat 100% 8px;
        padding-right: 17px;
        margin-right: -10px;
        position: relative;
        float: left;
        white-space: nowrap; }
        .header-nav a.mega-control.active {
          background: #003855 url('/media/sacredheart/images/arrow-white-up.png') no-repeat 100% 12px;
          padding: 5px 18px 9px 15px;
          margin: -5px -11px -9px -15px;
          -moz-border-radius-topleft: 8px;
          -webkit-border-top-left-radius: 8px;
          -o-border-top-left-radius: 8px;
          -ms-border-top-left-radius: 8px;
          -khtml-border-top-left-radius: 8px;
          border-top-left-radius: 8px;
          -moz-border-radius-topright: 8px;
          -webkit-border-top-right-radius: 8px;
          -o-border-top-right-radius: 8px;
          -ms-border-top-right-radius: 8px;
          -khtml-border-top-right-radius: 8px;
          border-top-right-radius: 8px; } }

.page-header {
  /* Extend .search-field from _generic.scss */ }
  .page-header .search-field {
    margin: 10px auto;
    /*width: 80%;
    display: none;*/  width: 50%; }
    .page-header .search-field input[type="text"] {
      border: none; }
    .page-header .search-field input[type=text] {
      -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
      -o-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
      box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px; }
    @media screen and (min-width: 540px) {
      .page-header .search-field {
        float: left;
        width: 50%;
        display: block; } }
    @media screen and (min-width: 672px) and (max-width: 979px) {
      .page-header .search-field {
        position: absolute;
        top: 9px;
        right: 0;
        width: 25%; } }
    @media screen and (min-width: 980px) {
      .page-header .search-field {
        width: 148px;
        float: right;
        margin: 8px 0 0 0; } }

/*== Footer 
--------------------------*/
.page-footer {
  padding: 90px 0 60px 0;
  background: url('/media/sacredheart/images/footer-horizon.png') repeat-x -30% 0 #716F6A;
  font-size: 11px;
  color: white; }
  .page-footer a {
    color: white;
    text-decoration: none; }
    .page-footer a:visited {
      color: white; }
    .page-footer a:focus {
      color: white; }
    .page-footer a:hover {
      color: white; }
    .page-footer a:active {
      color: white; }
  .page-footer li {
    font-weight: bold;
    margin: 0 0 5px; }
/*  .page-footer .share {
    float: right;
    margin-bottom: 5px; }*/
  .page-footer .tour {
    display: none; }
    .page-footer .share{text-align:center;line-height:40px}
  .page-footer .map {
    display: none; }
  .page-footer .contact {
    font-family: arial;
    font-size: 13px;
    line-height: 14px;
    margin: 0 0 13px; }
  .page-footer .tel {
    margin: 13px 0; }
  .page-footer .tabs {
    margin: 0 -7px 13px;
    font-size: 12px; }
  .page-footer .tab {
    display: block;
    background: #55534f;
    background: rgba(0, 0, 0, 0.25);
    text-decoration: none;
    margin-bottom: 3px; }
    .page-footer .tab:hover {
      background: rgba(0, 0, 0, 0.45); }
  .page-footer .toggle-content {
    padding: 0 10px 1px; }
  .page-footer .toggle-header {
    padding: 10px 10px; }
  .page-footer .address {
    display: block;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.25) url('/media/sacredheart/images/icon-ne.png') no-repeat 96% 55%;
    margin-bottom: 10px; }
    .page-footer .address:hover, .page-footer .address:active {
      background-color: rgba(0, 0, 0, 0.45); }
.page-footer .copy {
    margin: 6px auto; /*0 0 -90px;*/
    width: 161px;
    color: #d6d0c0;
    font-size: 11px; }
  .page-footer .horizontal {
    margin: 6px auto;
    width: 280px;
    text-align: center; }
    .page-footer .horizontal li {
      margin: 0 0 0 15px; }
      .page-footer .horizontal li:first-child {
        margin-left: 0; }
      .page-footer .horizontal li.share {
        width: 100%;
        /* ensure it breaks to next line */
        margin: 8px auto 0;
        display: inline-block;
        float: none;
        text-align: center; }
        .page-footer .horizontal li.share a {
          float: none; }
  .page-footer.reduced {
    background-image: none;
    padding-top: 20px; }
  @media screen and (min-width: 540px) {
    .page-footer .tabs {
      float: left;
      background: url('/media/sacredheart/images/border-vert-gold.png') repeat-y 0 0;
      padding-left: 3.36633663%;
      width: 56.83168317%;
      margin-left: 0;
      margin-right: 0; }
    .page-footer .contact {
      width: 37.22772277%;
      padding-right: 2.57425743%;
      float: left; }
    .page-footer .address {
      background: none;
      cursor: default;
      pointer-events: none;
      padding: 0; }
      .page-footer .address:hover {
        background: none; } }
  @media screen and (min-width: 768px) {
     .page-footer .tour {
  display: block;
  float: left;
  margin-left: 65px; }
    .page-footer .map {
      display: block;
      float: left;
      margin-top: 8px;
      width: 38.88888889%;
      margin-right: 2.03252033%; }
      .page-footer .map img {
        width: 100%; }
    .page-footer .contact {
      padding-right: 1.76151762%;
      width: 23.44173442%; }
    .page-footer .social-button {
      margin-left: -10.40462428%; }
    .page-footer .tabs {
      padding-left: 2.30352304%;
      width: 31.57181572%; }
    .page-footer .copy {
      float: left; }
    .page-footer .horizontal {
      float: left;
      margin: 6px auto;
      width: 295px; 
      text-align: center; }
      .page-footer .horizontal li {
        margin: 0 0 0 15px; }
        .page-footer .horizontal li:first-child {
          margin-left: 15px; }
        .page-footer .horizontal li.share {
          width: 120px;
          /* ensure it breaks to next line */
          margin: 0 0 0 15px;
          display: inline-block;
          float: left;
          text-align: center; }
  
  
          .page-footer .horizontal li.share a {
            float: none; }
  
 .page-footer .footer-sub {
      width: 456px;
      margin: 0 auto;
      height: 30px; } }
  
  
  @media screen and (min-width: 980px) {
    .page-footer li {
      margin: 0; }
    .page-footer .map {
      width: 288px;
      margin-right: 15px; }
    .page-footer .contact {
      width: auto;
      width: 173px; }
    .page-footer .social-button {
      margin-left: -18px; }
    .page-footer .tabs {
      width: 436px;
      padding-left: 21px; }
    .page-footer .tab {
      background: none;
      padding: 0;
      float: left;
      margin-left: 19px; }
      .page-footer .tab:hover {
        background: none; }
      .page-footer .tab:first-child {
        margin-left: 0; }
    .page-footer .tab-1 {
      width: 132px; }
    .page-footer .tab-2 {
      width: 147px; }
    .page-footer .tab-3 {
      width: 119px; }
    .page-footer .toggle-header {
      padding: 0 0 3px 0; }
      .page-footer .toggle-header .show {
        display: none; }
    .page-footer .toggle-content {
      padding: 0;
      font-size: 11px;
      display: block; } }

/* Components */
.mini-cal {
  margin: 6px 0 15px;
  background: #9ea249;
  padding: 0 3% 3%;
  width: 94%;
  display: block; }
  .mini-cal table {
    width: 100%; }
    .mini-cal table caption {
      color: white;
      font-size: 13px;
      line-height: 18px;
      text-align: center;
      padding: 4px 0 1px; }
    .mini-cal table tbody {
      margin-left: 5px;
      width: 95%; }
    .mini-cal table td {
      background: white;
      border: 2px solid #9ea249;
      text-align: center;
      padding: 3px;
      font-size: 12px; }
      .mini-cal table td.disabled {
        color: #999; }
      .mini-cal table td.active {
        background: #676930;
        color: white;
        font-weight: bold; }

.carousel {
  position: relative;
  background: #e6e6e6 url('/media/sacredheart/images/carousel-shadow.png') no-repeat 50% 100%;
  padding-bottom: 29px;
  margin-bottom: -29px; }
  .carousel .prev,
  .carousel .next {
    display: block;
    text-indent: -9999px;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 60px; }
  .carousel .window {
    position: relative;
    padding: 10px 0;
    margin: 0 10px;
    max-width: 888px;
    overflow: hidden; }
  .carousel .items {
    position: relative;
    left: 0;
    width: 20000em; }
  .carousel .item {
    float: left;
    width: 171px;
    height: 128px;
    margin: 0 0 0 8px; }
    .carousel .item:first-child {
      margin: 0; }
  @media screen and (min-width: 480px) {
    .carousel .window {
      margin: 0 47px; }
    .carousel .prev {
      left: 10px;
      background: url('/media/sacredheart/images/carousel-prev.png') no-repeat 0 0; }
    .carousel .next {
      right: 8px;
      background: url('/media/sacredheart/images/carousel-next.png') no-repeat 0 0; } }
/** 
  Structure matters for JS and semantics, 
  so I'm also styling based on the strucutre using elements as hooks, 
  don't judge me. - Jason
*/
.a-z.top-bottom-borders {
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 2px dotted #cfcfcf;
  border-bottom: 2px dotted #cfcfcf; }
.a-z a {
  color: #66692c;
  text-decoration: none; }
  .a-z a:visited {
    color: #66692c; }
  .a-z a:focus {
    color: #66692c; }
  .a-z a:hover {
    color: #66692c; }
  .a-z a:active {
    color: #66692c; }
.a-z ul {
  padding-left: 17px; }
  .a-z ul a {
    display: block;
    padding: 6px 0 6px 9px;
    background: url('/media/sacredheart/images/arrow-bullet-blue.png') no-repeat 0 11px;
    border-bottom: 1px solid #ccc; }
  .a-z ul li:first-child {
    border-top: 1px solid #ccc; }
.a-z > dl {
  padding: 10px 0;
  border-top: 2px dotted #cfcfcf; }
  .a-z > dl:first-child {
    border-top: none; }
  .a-z > dl > dt {
    font: bold 24px/28px georgia;
    color: #66692c;
    padding: 0 12px 0 0;
    float: left; }
  .a-z > dl > dd {
    float: left; }
    .a-z > dl > dd dt > a {
      display: block;
      font: 16px/22px arial;
      padding: 3px 0 3px 19px;
      background: url('/media/sacredheart/images/bullet-green.png') no-repeat 0 7px; }
      .a-z > dl > dd dt > a.expandable {
        background: url('/media/sacredheart/images/expandable-closed.png') no-repeat 0 7px; }
        .a-z > dl > dd dt > a.expandable.active {
          background: url('/media/sacredheart/images/expandable-open.png') no-repeat 0 7px;
          color: #003366; }
          .a-z > dl > dd dt > a.expandable.active:visited {
            color: #003366; }
          .a-z > dl > dd dt > a.expandable.active:focus {
            color: #003366; }
          .a-z > dl > dd dt > a.expandable.active:hover {
            color: #003366; }
          .a-z > dl > dd dt > a.expandable.active:active {
            color: #003366; }
    .a-z > dl > dd dd {
      display: none; }
      .a-z > dl > dd dd a {
        color: #003366; }
        .a-z > dl > dd dd a:visited {
          color: #003366; }
        .a-z > dl > dd dd a:focus {
          color: #003366; }
        .a-z > dl > dd dd a:hover {
          color: #003366; }
        .a-z > dl > dd dd a:active {
          color: #003366; }

.section-title {
  background: black;
  padding: 12px 9px;
  position: relative;
  border-top: 1px solid #bdbdbd;
  /* This is TRICKY, using the pseudo element edges technique by Nicolas Gallagher: http://css-tricks.com/examples/GradientBorder/ */ }
  .section-title:before, .section-title:after {
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bdbdbd), to(black));
    background-image: -webkit-linear-gradient(#bdbdbd, black);
    background-image: -moz-linear-gradient(#bdbdbd, black);
    background-image: -o-linear-gradient(#bdbdbd, black);
    /* background-image: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); */
    top: 0px;
    bottom: 0px;
    width: 1px; }
  .section-title:before {
    left: 0px; }
  .section-title:after {
    right: 0px; }
  .section-title .hr-c.ruled, .section-title .hr-k.ruled {
    padding: 0 23px 0 0;
    margin: 0 20px 0 0;
    border-bottom: none; }
  .section-title .callout {
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 16px;
    line-height: 20px; }
    .section-title .callout a {
      color: white;
      font-weight: bold;
      text-decoration: underline; }
      .section-title .callout a:visited {
        color: white; }
      .section-title .callout a:focus {
        color: white; }
      .section-title .callout a:hover {
        color: white; }
      .section-title .callout a:active {
        color: white; }
  @media screen and (min-width: 480px) {
    .section-title {
      padding: 12px 1.89473684%; } }
  @media screen and (min-width: 768px) {
    .section-title {
      /* Extend headers in _generic.scss */ }
      .section-title .hr-c, .section-title .hr-k {
        display: inline-block; }
      .section-title .hr-c.ruled, .section-title .hr-k.ruled {
        display: inline-block;
        border-right: 2px dotted white; }
      .section-title .hr-b,
      .section-title .callout {
        display: inline-block; }
      .section-title .callout {
        /* Set width for perspective students to wrap text */
        width: 50%;
        vertical-align: top;
        display: inline-block;
        border-left: 2px dotted white;
        padding-left: 23px;
        margin-left: 20px; } }

/* Add 30 to account for lost margins */
.feature {
  position: relative; }
  .feature.bordered {
    border-top: 1px solid #bdbdbd;
    background: url('/media/sacredheart/images/feature-shadow.png') repeat-x 0 100%; }
    .feature.bordered:before, .feature.bordered:after {
      content: "";
      position: absolute;
      background-image: -webkit-linear-gradient(#bdbdbd, rgba(189, 189, 189, 0));
      background-image: -moz-linear-gradient(#bdbdbd, rgba(189, 189, 189, 0));
      background-image: -o-linear-gradient(#bdbdbd, rgba(189, 189, 189, 0));
      top: 0px;
      bottom: 0px;
      width: 1px;
      z-index: 100; }
    .feature.bordered:before {
      left: 0; }
    .feature.bordered:after {
      right: 0; }
  .feature.orange-pattern {
    background: url('/media/sacredheart/images/pattern-orange.png'); }
  .feature.red {
    background: #7d0101; }
  .feature .inner {
    padding-top: 0; }
  .feature .callout {
    position: relative;
    padding: 15px 9px;
    font-family: 'Lato', sans-serif;
    color: white;
    font-size: 16px;
    line-height: 20px; }
    .feature .callout a {
      color: white;
      font-weight: bold; }
    .feature .callout .button {
      text-decoration: none;
      margin-bottom: 10px; }
  .feature .main-content {
    float: right;
    width: 100%;
    position: relative; }
  .feature .sub-content {
    background: black;
    color: white;
    width: 100%; }
    .feature .sub-content a {
      color: white; }
    .feature .sub-content:after {
      content: "";
      clear: both;
      height: 0;
      width: 100%;
      display: block; }
    .feature .sub-content .detail, .feature .sub-content .directions {
      float: none;
      padding: 15px 0;
      margin: 0 9px; }
      .feature .sub-content .detail .hr-j, .feature .sub-content .detail .address, .feature .sub-content .directions .hr-j, .feature .sub-content .directions .address {
        float: left;
        width: 100%; }
    .feature .sub-content .detail {
      border-bottom: 2px dotted white; }
    .feature .sub-content .detail .hr-j, .feature .sub-content .detail .address {
      display: block; }
    .feature .sub-content .directions .button-arrow {
      margin-top: 9px; }
  .feature .two-col {
    float: none;
    padding: 15px 9px;
    display: block; }
    .feature .two-col .description {
      margin-top: 3px; }
    .feature .two-col .button-arrow {
      margin: 18px 0 0; }
    .feature .two-col .sub {
      text-align: center; }
    .feature .two-col .hr-j {
      font: bold 16px/24px georgia; }
  .feature .asset {
    display: none; }
    .feature .asset img {
      border: none; }
  .feature img {
    display: block; 
}
  .feature .video {
    padding-bottom: 58%; }
  .feature .title-sub {
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    margin-bottom: 10px; }
  .feature.alert-2 {
    position: relative;
    z-index: 1000;
    padding: 3.06122449%; }

/* Appears in the Home page featured area */
.feature-carousel{overflow:hidden;background:black;position:relative;width:100%;display:none}.feature-carousel:after{content:'';padding-top:45.91836%;display:block}.feature-carousel .items{overflow:hidden;position:relative;width:20000em;display:none}.feature-carousel.loaded:after{display:none}.feature-carousel.loaded .items{display:block}.feature-carousel .item{float:left;display:block;position:relative}.feature-carousel .next,.feature-carousel .prev{display:none;position:absolute;top:65px;text-indent:-9999px;display:block;cursor:pointer}.feature-carousel .next{background:url("/media/sacredheart/images/carousel-next.png") no-repeat 0 0;width:53px;height:53px;right:-4px}.feature-carousel .prev{background:url("/media/sacredheart/images/carousel-prev.png") no-repeat 0 0;width:53px;height:53px;left:-4px}.feature-carousel .title-offset{position:relative;background:black}.feature-carousel a.summary{padding:10px 10px 15px;color:white;font:16px/20px 'Lato', sans-serif;display:block;text-decoration:none}.feature-carousel .item-asset{position:relative}.feature-carousel .item-asset .mask{background:url("/media/sacredheart/images/feature-shadow.png") repeat-x 0 100%;position:absolute;width:100%;height:40px;bottom:0}@media screen and (min-width: 480px){.feature .callout.tight{padding-top:7px}.feature .two-col{float:left;width:46.11111111%;padding:0 1.80555556%}.feature .two-col:first-child{padding-right:1.80555556%;border-right:2px dotted white}.feature .two-col .hr-j{width:320.96385542px}.feature .sub-content{padding:12px 0}.feature .sub-content.trim{padding:0}.feature .sub-content .detail{float:left;width:96.32653061%}.feature .sub-content .detail .hr-j{width:60%;line-height:24px}.feature .sub-content .detail .hr-j i{font-size:18px}.feature .sub-content .detail .address{width:40%}.feature .sub-content .directions{float:left}.feature .sub-content .directions .button-arrow{margin:10px 25px 0 7px}.feature-carousel .next,.feature-carousel .prev{top:25%}}@media screen and (min-width: 540px){.feature-carousel{display:block}}@media screen and (min-width: 768px){.feature .callout{float:left;width:23.46938776%;padding-left:1.53061224%;padding-right:1.53061224%}.feature .main-content{width:73.46938776%}.feature .sub-content{background:url("/images/trans-black-70.png");position:absolute;bottom:0}.feature .sub-content .detail{float:left;border-right:2px dotted white;border-bottom:none;margin:0;padding:0.71428571% 2.85714286% 0.71428571% 2.04081633%;width:29.08163265%}.feature .sub-content .detail .hr-j{width:60%;line-height:24px}.feature .sub-content .detail .hr-j i{font-size:18px}.feature .sub-content.buttons{padding:0;text-align:center}.feature .sub-content.buttons .button{margin:15px 1%;width:26%;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline}.feature .sub-content .directions{float:left;margin:0;padding:0.71428571% 2.04081633% 0 2.85714286%;width:60%}.feature .asset{display:inline;float:right;width:100%}.feature .asset img{float:right}.feature-carousel .next,.feature-carousel .prev{top:30%}}@media screen and (min-width: 768px) and (max-width: 980px){.callout .button{font-size:15px}.callout .button span{display:none}.feature .sub-content.buttons .button{font-size:18px}}@media screen and (min-width: 830px){.feature-carousel .title-offset{background:rgba(0,0,0,0.75);position:absolute;bottom:0;padding:0 1.53061224% 45px 1.53061224%;width:37.4%}.feature-carousel .summary{padding-left:0}.feature-carousel .next,.feature-carousel .prev{top:45%}}@media screen and (min-width: 980px){.feature{height:auto}.feature .callout .figcaption{font-size:16px;line-height:18px}.feature .two-col .hr-j{font:bold 24px/30px georgia}.feature-carousel .title-offset{width:345px;padding-left:25px}


.section-title + .feature {
    height: 379px; } }
/* Add 30 to account for lost margins */
.tabs-headings {
  position: relative;
  width: 100%;
  bottom: 0; }
  .tabs-headings li {
    background: rgba(255, 255, 255, 0.3);
    float: left;
    width: 33.3333333%;
    padding: 0;
    display: block; }
    .tabs-headings li.active {
      background: none; }
      .tabs-headings li.active a {
        background-image: url('/media/sacredheart/images/dotted-border.png');
        background-repeat: repeat-x;
        background-position: 0 100%; }
    .tabs-headings li a {
      display: block;
      padding: 7px 0;
      margin: 0 7px;
      text-decoration: none; }

.tabs-content {
  display: block;
  font-family: 'Lato', sans-serif; }
  .tabs-content li {
    float: left;
    display: none;
    padding: 7px; }
    .tabs-content li:first-child {
      display: block; }
  .tabs-content a {
    color: white;
    text-decoration: underline; }

@media screen and (min-width: 480px) {
  .tabs-headings li a {
    padding: 7px 0;
    margin: 0 13px; }

  .tabs-content li {
    padding: 13px; } }
@media screen and (min-width: 980px) {
  .tabs-content li {
    padding: 13px; }
    .tabs-content li:first-child {
      display: block; } }
/* Inherit from .search-bar in _generic.scss */
.search-bar.faculty-search .section {
  line-height: 12px;
  /* Inherit from _generc.scss */ }
  .search-bar.faculty-search .section .select {
    margin-right: 2%;
    width: 64%; }
  .search-bar.faculty-search .section.by-name input[type="text"] {
    width: 65%;
    margin-right: 2%; }
  .search-bar.faculty-search .section.by-dept {
    position: relative;
    z-index: 100; }
  .search-bar.faculty-search .section.by-a-z {
    z-index: 0;
    position: relative; }
.search-bar.faculty-search .link-option {
  white-space: normal;
  margin: 0; }
@media screen and (min-width: 768px) {
  .search-bar.faculty-search {
    padding: 12px 0; }
    .search-bar.faculty-search .section {
      float: left;
      border: none;
      border-left: 2px dotted #9e9e9e;
      padding: 0 2%;
      margin-bottom: 0; }
      .search-bar.faculty-search .section:first-child {
        border-left: none; }
      .search-bar.faculty-search .section.by-name {
        width: 25.6%; }
      .search-bar.faculty-search .section.by-dept {
        width: 30%;
        /* Inherit from _generic.scss */ }
        .search-bar.faculty-search .section.by-dept .select {
          width: 65%; }
      .search-bar.faculty-search .section.by-a-z {
        width: 15.6%;
        /* Inherit from _generic.scss */ }
        .search-bar.faculty-search .section.by-a-z .select {
          width: 50px; }
      .search-bar.faculty-search .section.misc {
        width: 11%; } }


table.results {
  width: 100% !important;
  min-width: 100%;
  max-width: 100%;
  margin: 15px 0;
  display: block;
  /* Remove margin from adjacent tables */ }
  table.results tr, table.results td, table.results th, table.results tbody, table.results caption {
    display: block; }
  table.results + table.results {
    margin-top: -15px; }
  table.results caption {
    border-left: 1px solid #e60000;
    border-right: 1px solid #e60000;
    font-weight: bold;
    color: white;
    background: #b91010;
    padding: 5px 13px; }
  table.results thead {
    position: absolute;
    left: -9999px;
    border-left: 1px solid #c7c6c5;
    border-right: 1px solid #c7c6c5; }
    table.results thead tr {
      background: #e3ebee; }
  table.results tbody {
    border-left: 1px solid #c7c6c5;
    border-right: 1px solid #c7c6c5; }
  table.results tr {
    width: 100%;
    padding: 10px 0; }
  table.results th {
    font-weight: bold; }
  table.results th,
  table.results td {
    padding: 5px 13px;
    width: 200px; }
    table.results th + td, table.results th + th,
    table.results td + td,
    table.results td + th {
      /*width: auto;*/ width: 200px; }
  table.results a {
    text-decoration: underline;
    font-weight: bold; }
  table.results .even {
    background: #eee; }
  @media screen and (min-width: 540px) {
    table.results {
      display: table; }
      table.results caption {
        display: table-caption; }
      table.results tr {
        display: table-row; }
      table.results th,
      table.results td {
        display: table-cell;
        padding: 5px 13px; }
      table.results td {
        border-top: 1px solid #c8c6c5;
        border-bottom: 1px solid #c8c6c5; }
      table.results tbody {
        display: table-row-group; }
      table.results thead {
        position: static; }
      table.results .even {
        background: none; } }

/*  Gallery Styles */
.media-gallery {
  margin-left: -2%;
  /* Extend .title and .title-sub from _generic.scss */ }
  .media-gallery .item {
    margin: 0 0 4% 2%;
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    text-decoration: none; }
    .media-gallery .item img {
      display: block;
      margin-bottom: 4px; }
    .media-gallery .item:hover img {
      border-color: #990000; }
  .media-gallery .title,
  .media-gallery .title-sub {
    position: relative;
    left: 2px;
    line-height: 14px; }
  @media screen and (min-width: 400px) {
    .media-gallery .item {
      width: 30.5%; } }
  @media screen and (min-width: 671px) {
    .media-gallery .item {
      width: 22.5%; } }
  @media screen and (min-width: 768px) {
    .media-gallery .item {
      width: 30.5%; } }
  @media screen and (min-width: 830px) {
    .media-gallery .item {
      width: 22.5%; } }

/* Add 30 to account for lost margins */
/* == Alert level 1 == */
/* All site templates remain the same except for the addition of an alert box at the top of the page */
/* These are the styles for the global alert message in the site header */
.global-alert {
  position: static;
  max-width: 980px;
  margin: 0 auto;
  padding: 2px 10px 4px 10px;
  background: #ffcc33;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 11px;
  line-height: 20px; }
  .global-alert a {
    text-decoration: underline; }
  .global-alert .alert-triangle {
    width: 20px;
    position: relative;
    top: 4px; }

/* == Alert levels 2 and 3 == */
.alert-content {
  background: #cb1919;
  /* fallback */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cb1919), to(#9a0000));
  background: -webkit-linear-gradient(top, #cb1919, #9a0000);
  background: -moz-linear-gradient(top, #cb1919, #9a0000);
  background: -ms-linear-gradient(top, #cb1919, #9a0000);
  background: -o-linear-gradient(top, #cb1919, #9a0000);
  padding: 3.06122449%;
  color: white; }
  .alert-content ~ .group .nav-inner {
    display: none; }
  .alert-content ~ .feature {
    display: none; }
  .alert-content ul, .alert-content p {
    margin: 0 0 18px; }
  .alert-content li {
    list-style: disc;
    margin-left: 3.06122449%; }
  .alert-content.inner {
    margin: 0;
    padding: 13px 3.06122449%; }
  .alert-content .hr-l {
    margin-bottom: 0;
    text-transform: uppercase; }

/* == Alert level 3 == */
/* Reduced version of generic template */
.alert-3 .alert-content {
  background: #cb1919; }
@media screen and (min-width: 980px) {
  .alert-3 .search-field {
    position: absolute;
    top: 9px;
    right: 0;
    width: 25%;
    float: left;
    margin: 10px auto; }
    .alert-3 .search-field input[type=text] {
      width: 220px; }
  .alert-3 .page-header {
    max-height: 74px;
    /* to match logo size */ } }
.alert-3 .page-footer {
  background-image: none; }

/* == Alert level 4 == */
/* Minimal version of template */
.alert-4.page {
  background: white; }
.alert-4 .page-header {
  background: white;
  max-height: 69px; }
.alert-4 .alert-content {
  margin: 13px 1.56122449% 0;
  background: #cb1919; }
.alert-4 .page-section .sub {
  border: 1px solid #cccccc; }
.alert-4 .primary.right {
  border-left: 1px solid #cccccc; }
  @media screen and (min-width: 980px) {
    .alert-4 .primary.right {
      width: 73.16326531%; } }
  .alert-4 .primary.right a {
    font-weight: bold;
    text-decoration: underline; }
.alert-4 .secondary.left {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .alert-4 .secondary.left {
      width: 26.32653061%; } }

/* These are the styles for the global alert message in the site header */
.global-alert {
  position: static;
  max-width: 980px;
  margin: 0 auto;
  padding: 2px 10px 4px 10px;
  background: #ffcc33;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 11px;
  line-height: 20px; }
  .global-alert a {
    text-decoration: underline; }
  .global-alert .alert-triangle {
    width: 20px;
    position: relative;
    top: 4px; }

.mini-img-gallery {
  margin: 15px -2% 0;
  /* Inherit from .title, make smaller */ }
  .mini-img-gallery .item {
    width: 46%;
    margin-left: 2%;
    margin-bottom: 3%;
    display: inline-block;
    vertical-align: top;
    text-decoration: none; }
    .mini-img-gallery .item img {
      border: 2px solid #C4C1B7;
      display: inline; }
    .mini-img-gallery .item:hover img {
      border-color: #990000; }
    .mini-img-gallery .item.darker img {
      border-color: #4e4d4a; }
      .mini-img-gallery .item.darker img:hover {
        border-color: #41403e; }
  .mini-img-gallery .title {
    font-size: 11px;
    line-height: 14px; }
  @media screen and (min-width: 420px) {
    .mini-img-gallery.x3 .item {
      width: 30%; } }
  @media screen and (min-width: 540px) {
    .mini-img-gallery.x3 .item {
      width: 46%; } }
  @media screen and (min-width: 671px) {
    .mini-img-gallery.x3 .item {
      width: 30%; } }
  @media screen and (min-width: 768px) {
    .mini-img-gallery.x3 .item {
      width: 46%; } }
  @media screen and (min-width: 980px) {
    .mini-img-gallery.x3 .item {
      width: 30%; } }
  .mini-img-gallery.x4 .item {
    display: none; }
  .mini-img-gallery.x4 .i1, .mini-img-gallery.x4 .i2 {
    display: inline-block; }
  @media screen and (min-width: 420px) {
    .mini-img-gallery.x4 .item {
      width: 30%; }
    .mini-img-gallery.x4 .i3 {
      display: inline-block; } }
  @media screen and (min-width: 540px) {
    .mini-img-gallery.x4 .item {
      width: 46%; }
    .mini-img-gallery.x4 .i4 {
      display: inline-block; } }
  @media screen and (min-width: 768px) {
    .mini-img-gallery.x4 .item {
      width: 30%; }
    .mini-img-gallery.x4 .i3, .mini-img-gallery.x4 .i4, .mini-img-gallery.x4 .i5, .mini-img-gallery.x4 .i6 {
      display: inline-block; } }
  @media screen and (min-width: 980px) {
    .mini-img-gallery.x4 .item {
      display: inline-block;
      width: 22%; } }

.mini-video-gallery {
  margin: 15px -2%;
  /* Inherit from .title, make smaller */ }
  .mini-video-gallery .item {
    width: 46%;
    margin-left: 2%;
    margin-bottom: 4%;
    display: inline-block;
    vertical-align: top;
    text-decoration: none; }
    .mini-video-gallery .item:hover img {
      border-color: #990000; }
  .mini-video-gallery .title {
    font-size: 11px;
    line-height: 14px; }
  @media screen and (min-width: 420px) {
    .mini-video-gallery .item {
      width: 30%; } }
  @media screen and (min-width: 540px) {
    .mini-video-gallery .item {
      width: 46%; } }
  @media screen and (min-width: 671px) {
    .mini-video-gallery .item {
      width: 30%; } }
  @media screen and (min-width: 768px) {
    .mini-video-gallery .item {
      width: 46%; } }
  @media screen and (min-width: 980px) {
    .mini-video-gallery .item {
      width: 30%; } }

.search-result {
  padding-bottom: 19px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px; }
  .search-result .meta {
    color: #990000; }

.inner .related-results {
  width: 100%; }
  .inner .related-results li {
    float: left;
    font-size: small;
    background: none;
    width: 100%;
    margin-right: 1%;
    padding-left: 0; }
    .inner .related-results li a {
      text-decoration: underline;
      font-size: 11px; }

@media screen and (min-width: 420px) {
  .inner .related-results {
    width: 100%; }
    .inner .related-results li {
      width: 49%; }
    }
@media screen and (min-width: 671px) {
  .inner .related-results {
    width: 100%; }
    .inner .related-results li {
      width: 32%; } }
@media screen and (min-width: 768px) {
  .inner .related-results li {
    width: 21%; } }
/* Toggle Content w/ Show + (enabled through Javascript) */
.show {
  background: url('/media/sacredheart/images/toggle-plus.png') no-repeat 100% 47%;
  padding-right: 18px;
  color: white;
  float: right;
  font: 11px/18px arial;
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: bold; }

.toggle-480,
.toggle-540,
.toggle-768,
.toggle-980 {
  cursor: pointer; }
  .toggle-480.active .show,
  .toggle-540.active .show,
  .toggle-768.active .show,
  .toggle-980.active .show {
    background-image: url('/media/sacredheart/images/toggle-minus.png'); }
.toggle-content {
  display: none; }
  .toggle-content.open {
    display: block; }

@media screen and (min-width: 480px) {
  .toggle-480 {
    cursor: default; }
    .toggle-480 .show {
      display: none; }
    .toggle-480 + .toggle-content {
      display: block; } }
@media screen and (min-width: 540px) {
  .toggle-540 {
    cursor: default; }
    .toggle-540 .show {
      display: none; }
    .toggle-540 + .toggle-content {
      display: block; } }
@media screen and (min-width: 768px) {
  .toggle-768 {
    cursor: default; }
    .toggle-768 .show {
      display: none; }
    .toggle-768 + .toggle-content {
      display: block; } }
@media screen and (min-width: 980px) {
  .toggle-980 {
    cursor: default; }
    .toggle-980 .show {
      display: none; }
    .toggle-980 + .toggle-content {
      display: block; } }
/* Facebook feed box */
.fb_iframe_widget {
  margin-bottom: 15px;
  width: 100%;
  overflow: hidden;
  position: relative; }
  .fb_iframe_widget > span {
    width: 100% !important;
    position: relative;
    left: -12px; }
  .fb_iframe_widget iframe {
    width: 100% !important;
    position: relative !important;
    left: -1px;
    overflow: hidden;
    top: -1px; }

.fb_iframe_widget {
  margin-bottom: 7px; }

/* Twitter feed */
.twitter-feed-box .feed-item {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 13px;
  padding-bottom: 12px;
  color: #333333;
  font: normal 11px/17px "Lucidia Grande", sans-serif; }
.twitter-feed-box .title {
  text-decoration: none; }
.twitter-feed-box .title-sub a {
  color: #999999; }

#ui-datepicker-div {
  background: white;
  padding: 5px;
  border: 1px solid #EBEAE8; }
  #ui-datepicker-div th {
    font-weight: bold; }
  #ui-datepicker-div td, #ui-datepicker-div th {
    padding: 3px;
    text-align: center; }
  #ui-datepicker-div .ui-datepicker-prev,
  #ui-datepicker-div .ui-datepicker-next {
    cursor: pointer; }
  #ui-datepicker-div .ui-datepicker-prev {
    float: left; }
  #ui-datepicker-div .ui-datepicker-next {
    float: right; }
  #ui-datepicker-div .ui-datepicker-title {
    text-align: center; }
  #ui-datepicker-div td:hover {
    background-color: #EBEAE8; }

/* Fancy Box specific styles - extending fancybox specific classes */
.fancybox-skin .fancybox-title {
  text-align: left;
  /* Extend .title and .title-sub from _generic.scss */ }
  .fancybox-skin .fancybox-title .title {
    font-size: 16px; }
  .fancybox-skin .fancybox-title .title-sub {
    margin-bottom: 2px; }
.fancybox-skin .fancybox-close {
  background: url('/media/sacredheart/images/fancy-close.png') no-repeat 0 0;
  width: 34px;
  height: 34px; }
.fancybox-skin .fancybox-prev span {
  background: url('/media/sacredheart/images/fancy-prev.png') no-repeat 0 0; }
.fancybox-skin .fancybox-next span {
  background: url('/media/sacredheart/images/fancy-next.png') no-repeat 0 0; }
.fancybox-skin .custom-fancy-toggle {
  text-align: center;
  color: #999;
  font: 16px arial; }
.fancybox-skin .custom-fancy-prev {
  display: inline-block;
  margin: 0 9px;
  background: url('/media/sacredheart/images/arrow-left-blue.png') no-repeat 0 50%;
  text-indent: -9999px;
  height: 11px;
  width: 9px; }
.fancybox-skin .custom-fancy-next {
  margin: 0 9px;
  display: inline-block;
  background: url('/media/sacredheart/images/arrow-right-blue.png') no-repeat 0 50%;
  text-indent: -9999px;
  height: 11px;
  width: 9px; }

/* line 1, _mega-menu.scss */
.mega-menu {
  display: none; }

@media screen and (min-width: 980px) {
  /* line 6, _mega-menu.scss */
  .mega-menu {
    display: none;
    border-top: 6px solid #003855;
    background: #0d2538;
    background: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    padding: 14px 16px;
    position: relative;
    margin-top: -9px;
    width: 948px; }
    /* line 17, _mega-menu.scss */
    .mega-menu.active {
      display: block; }
    /* line 21, _mega-menu.scss */
    .mega-menu a {
      color: white;
      text-decoration: none; }
      /* line 24, _mega-menu.scss */
      .mega-menu a:hover {
        text-decoration: underline; }
    /* line 29, _mega-menu.scss */
    .mega-menu ul {
      display: inline-block;
      vertical-align: top; }
      /* line 33, _mega-menu.scss */
      .mega-menu ul + ul {
        margin-left: 12px; }
    /* line 38, _mega-menu.scss */
    .mega-menu li {
      margin: 5px 0; }
    /* line 42, _mega-menu.scss */
    .mega-menu .header {
      padding: 0 5px 2px 0;
      margin: 0 0 10px 0;
      border-bottom: 1px solid #375061;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
    /* line 49, _mega-menu.scss */
    .mega-menu .mega-close {
      float: right;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: bold; }
    /* line 56, _mega-menu.scss */
    .mega-menu .title {
      font-size: 16px;
      float: left;
      font-weight: normal; }
    /* line 62, _mega-menu.scss */
    .mega-menu .subtitle {
      color: #81b2e5; }
      /* line 64, _mega-menu.scss */
      .mega-menu .subtitle a {
        color: #81b2e5;
        font-size: 13px; }
    /* line 70, _mega-menu.scss */
    .mega-menu .section {
      display: inline-block;
      vertical-align: top;
      margin-left: 38px; }
      /* line 75, _mega-menu.scss */
      .mega-menu .section.first {
        margin-left: 0; } }
/*
  Not Using this guy anymore -
  @import "multiple-select.scss";
*/


/** Styles for the virtual tour. */
/* == directory toggle control == */
.map-buttons {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto; }
  .map-buttons {
    *display: inline; }

.map-toggle {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  width: 133px;
  height: 31px;
  background: transparent url(/media/sacredheart/images/tour-maptoggle.png) scroll no-repeat left top;
  text-indent: -999999em; }
  .map-toggle {
    *display: inline; }
  .map-toggle.directory-active {
    background-position: -135px 0; }
  .map-toggle.map-active .directory-label, .map-toggle.directory-active .directory-label {
    text-decoration: underline; }

.pdf-map {
  display: inline-block;
  line-height: 31px;
  margin-left: .5em;
  color: white; }
  .pdf-map:visited {
    color: white; }
  .pdf-map:hover {
    color: white; }
  .pdf-map:active {
    color: white; }

.map-frame {
  background: white url(/media/sacredheart/images/tour-bottomshadow.png) scroll no-repeat 50% bottom;
  padding-bottom: 15px; }

.map-display {
  position: relative;
  background: white url(/media/sacredheart/images/tour-bottomshadow.png) scroll no-repeat 50% top;
  height: 591px;
  background-color: #333; }


  .map-display img {
    border-width: 0; }

.map-directory {
  overflow: hidden;
  *zoom: 1;
  background-color: #fff;
  min-height: 591px; }
  .map-directory .directorylist {
    width: 316px;
    margin: 0 0 0 10px;
    float: left; }
    .map-directory .directorylist li a.arrow-onleft {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      background: transparent url(/media/sacredheart/images/arrow-bullet-blue.png) scroll no-repeat left 50%;
      padding-left: 8px; }

.map-popover {
  display: none; }

.map-display .olPopupContent {
  overflow: hidden;
  *zoom: 1;
  font-size: 11px;
  line-height: 1.2; }
  .map-display .olPopupContent .title {
    font-size: 13px;
    font-weight: normal; }
  .map-display .olPopupContent .map-thumbnail {
    float: right;
    margin: 0 0 .5em .5em; }
    .map-display .olPopupContent .map-thumbnail img {
      display: block;
      border: 1px #c7c4bb solid; }

/* page jump controls */
.map-display .map-jumplink {
  height: 21px;
  width: 21px;
  display: block;
  border: 4px #333 solid;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  background: white url(/media/sacredheart/images/arrow-up-blue.png) scroll no-repeat center center;
  text-indent: -999999em;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  -o-border-radius: 22px;
  -ms-border-radius: 22px;
  -khtml-border-radius: 22px;
  border-radius: 22px; }
  .map-display .map-jumplink.map-toplink {
    top: 13px;
    right: 13px; }
  .map-display .map-jumplink.map-bottomlink {
    bottom: 13px;
    right: 13px;
    background-image: url(/media/sacredheart/images/arrow-down-blue.png); }

/* navbar controls */
nav.ncm-zoombar {
  display: block;
  position: absolute;
  top: 13px;
  left: 11px;
  z-index: 99999;
  width: 29px; }
  nav.ncm-zoombar ul, nav.ncm-zoombar ul li {
    /* Retina images are not available here, so lets make sure the retina sheet doesn't stomp the sprite. */
    -webkit-background-size: auto auto;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
    list-style: none;
    background-image: none;
    text-align: center;
    margin: 0;
    padding: 0; }
  nav.ncm-zoombar ul li {
    display: block;
    width: 29px;
    height: 16px;
    background: transparent url(/media/sacredheart/images/map-zoomsprite.png) scroll no-repeat 0 0; }
    nav.ncm-zoombar ul li a {
      background: transparent url(/media/sacredheart/images/map-zoomsprite.png) scroll no-repeat 0 0;
      display: block;
      height: 8px;
      text-indent: -9999em; }
    nav.ncm-zoombar ul li.out {
      background-position: 0 -42px;
      height: 14px;
      padding: 6px 0; }
      nav.ncm-zoombar ul li.out a {
        height: 14px;
        background-position: 0 -14px; }
        nav.ncm-zoombar ul li.out a.inactive {
          background-position: -28px -14px; }
    nav.ncm-zoombar ul li.in {
      background-position: 0 bottom;
      height: 14px;
      padding: 6px 0 10px 0; }
      nav.ncm-zoombar ul li.in a {
        height: 14px; }
        nav.ncm-zoombar ul li.in a.inactive {
          background-position: -28px 0; }
    nav.ncm-zoombar ul li.stage {
      background-position: 0 -70px;
      height: 8px; }
      nav.ncm-zoombar ul li.stage a {
        height: 8px;
        background-position: 0 -31px;
        cursor: default;
        /* these are links, but we currently don't want them looking like links. */ }
        nav.ncm-zoombar ul li.stage a.inactive {
          background-position: -28px -31px; }

/* Adjustments for smaller screens. */
@media screen and (max-width: 800px) {
  .map-buttons {
    text-align: center;
    display: block;
    margin: 10px auto 0 auto; }

  article.map-frame {
    padding: 0 1em 1em 1em;
    margin-bottom: 1em;
    background-color: #000;
    background-image: none; }

  .map-display {
    height: 325px; }

  .map-directory .directorylist {
    width: auto;
    margin: 0 10px;
    float: none; }
    .map-directory .directorylist:last-child li:last-child {
      border-width: 0px; } }
@media screen and (max-width: 500px) {
  .map-display {
    height: 300px; }
    .map-display .olPopupContent .title {
      font-size: 13px;
      font-weight: normal; }
    .map-display .olPopupContent .map-detail .content p {
      display: none; }
    .map-display .olPopupContent .map-thumbnail {
      display: none; } }
    
    
    /*
  Not Using this guy anymore -
  @import "multiple-select.scss";
*/

table {
  width: auto !important ; /* overrides the width being added inline by Sitemanger TinyMCE Editor */
  margin: 15px 0;
  /* display: block; Don't display as block in any view - Michael T4 22 Feb 2013 */
  /* Remove margin from adjacent tables */ }
  table tr, table td, table th, table tbody, table caption {
    /* display: block; Don't display as block in any view - Michael T4 22 Feb 2013 */ }
  table+ table{
    margin-top: -15px; }
  tablecaption {
    border-left: 0!important; /*1px solid #e60000;*/
    border-right: 0!important; /*1px solid #e60000;*/
    font-weight: bold;
    color: white;
    background: #b91010;
    padding: 5px 13px; }
  tablethead {
    position: absolute;
    left: -9999px;
    border-left: 1px solid #c7c6c5;
    border-right: 1px solid #c7c6c5; }
    table thead tr {
      /*background: #e3ebee;*/ }
  table tbody {
    /*border-left: 0!important; /*1px solid #c7c6c5;*/
    /*border-right: 0!important; /* 1px solid #c7c6c5;*/ }
  table tr {
    width: 100%;
    padding: 10px 0; }
  table th {
    font-weight: bold; }
  table th,
  table td {
    padding: 5px 13px;
    /*width: 200px;*/   
    /*border-left: 0!important; /*1px solid #c7c6c5;*/
    /*border-right: 0!important; /* 1px solid #c7c6c5; */}
    table th + td, table th + th,
    table td + td,
    table td + th {
      width: auto; }
  table a {
    text-decoration: underline;
    font-weight: bold; }
  table .even {
    background: #eee; }

	@media screen and (max-width: 539px) { 
  		.hr-f-ruled { border-bottom: 2px dotted #ccc; font-family: Georgia; font-size: 16px; font-weight: bold; padding-bottom: 6px; margin-bottom: 8px; } 
	}

  @media screen and (min-width: 540px) {
    table {
      display: table; }
      table caption {
        display: table-caption; }
      table tr {
        display: table-row; }
      table th,
      table td {
        display: table-cell;
        padding: 5px 13px; }
      table td {
        /*border-top: 0!important; /*1px solid #c8c6c5;*/
        /*border-bottom: 0!important; /* 1px solid #c8c6c5;*/ }
      table tbody {
        display: table-row-group; }
      table thead {
        position: static; }
      table .even {
        background: none; }
  
  
  
  

 .hr-d-ruled {
    padding-bottom: 6px;
    border-bottom: 2px solid #66692c;
font: bold 24px/28px georgia;
  color: #66692c;
  margin-bottom: 7px;
}


.hr-f-ruled {
    border-bottom: 2px dotted #ccc;
    padding-bottom: 8px;
 font: 24px/28px georgia;
  margin-bottom: 10px; }
  
  
  .hr-f-small 

{
  font: 24px/28px georgia;
  margin-bottom: 10px; 
font-size: 18px;
    line-height: 24px; }
    
  
  .redcolor
  {
    
   color: #990000; 
  }
  
  div.share {
     display: block;
     margin-bottom: 12px;
     text-align: right;
     /*float: right; 
     margin: 0 32px 20px 0;
     position: relative;
     z-index: 10;*/  
  }
  .horizontal_ftr li.share {
  width: 120px;
  margin: 0 0 0 15px;
  display: inline-block;
  float: right;
  text-align: center;
  }
  
  
  
  .button-arrow-green a
{
color: #fff;
text-decoration: none;

}
      
  div.tabs-content img{
    max-width: 100%!important;
      height: auto!important; 
    } 
  
  
  .media-gallery a {
    margin: 0 0 4% 2%;
padding: 0;
    display: inline-block;
    vertical-align: top;
    width: 22.5%;
    text-decoration: none; }

    .media-gallery a img {
      display: block;
      margin-bottom: 4px;
padding: 0;

 }
  
  
  /* T4 Changes - Hugh Law */
  
  .hidden {display:none}
  .clear {clear:both}
  
.a-z ul li { background:none;}
.olPopupCloseBox {background: url(/media/sacredheart/images/close.gif) no-repeat;cursor: pointer;}
.feature .sub-content {background: url(/media/sacredheart/images/trans-black-70.png) repeat transparent}
.tabs-headings li {background: url(/media/sacredheart/images/trans-white-30.png) repeat transparent}
.secondaryNavHeading a {text-decoration: none; color: inherit;}
.currentsection {font-weight: bold; color: #003366;}
  #leftNav ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 25px;
  }
  
  #leftNav ul li {
    border:none;
    padding-left:0;
  }
  
  td img {max-width: none; max-height: none;}
  
  
    .flickrPhotos img {min-width:100%; height:auto;}
    .setContainer.x4 span {display:inline-block; width:22%;margin-left:2%; margin-right:2px;}
    .setContainer.x3 span {display:inline-block; width:30%;margin-left:2%; margin-right:2px;}
    .setContainer span a {width:100% !important;}
  
  
  .add-bullet {
    list-style: disc!important;
  }
  
  
  

   .callout-title

{

width: 50%;
height: 40px;
vertical-align: top;
display: inline-block;
border-left: 2px dotted #fff;
padding-left: 23px;
margin-left: 20px;
color: #fff;
font-family: 'Lato',sans-serif;
font-size: 16px;
line-height: 20px;
  
}
  
.a-z .offices ul li

{

margin-left: -17px !important;

}



.a-z .offices ul li

{

font-size: 16px;

line-height: 22px;

padding-top: 3px;

padding-bottom: 0px;

padding-left: 0px;

border-top: none !important;

}


.a-z .offices ul li a

{

display: block;

font-family: arial;

font-size: 16px;

line-height: 22px;

padding-top: 1px;

padding-bottom: 0px;

padding-left: 19px;

border: none;

background-color: transparent;

background-image: url('/media/sacredheart/images/bullet-green.png');

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt 7px;

}
  
  
.inner .toggle p {
 padding-bottom: 10px; }

.inner .toggle ul {
 padding-left: 30px;
list-style-type: disc; 
 }

  
  #flickrmore
{
margin-top: -40px !important;
}
  
  
.hr-i.facebook a, .hr-i.twitter a, .hr-i.instagram a
{
padding-left: 55px ;
display: block ;    
text-decoration: none;
}


.by-dept { width: 353px !important; }
.by-a-z { width: 160px !important; }

  h3.hr-d.ruled a {text-decoration:none;}

.department-search__details {
  width: 100%;
  float: left;
  margin: 0 0 25px 0;
}
  .department-search__name {
    float: left;
    font-size: 1.6em;
    font-weight: bold;
  }
  .department-search__contact {
    float: left;
    padding: 0 0 0 10px;
    font-size: 1.2em;
  }

.staff-directory__label {
  float: left;
  width: 100%;
}
.by-name {
  width: 195px;
}

.directory-person-name {
    font-weight: bold;
    color: #003366;
}

.alpha-list-horizontal__container {
  margin-bottom: 10px;
}
.alpha-list-horizontal__letter {
  display: inline-block;
  border: 1px solid #ccc;
  color: #aaa;
  width: 20px;
  text-align: center;
  font-weight: bold;
  padding-top: 1px;
  text-decoration: none;
}
.alpha-list-horizontal__letter:hover {
  border: 1px solid #c71616;
  background: #c71616;
  color: white;
}
  
  /* End of T4 Changes */
  
  /* changes for social media on http://www.sacredheart.edu/aboutshu/follow/ */
  
  .halve.social-media-container:nth-child(3){margin-left:0;width:100%;}
  
    /* dropit css */
    .dropit {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  .dropit .dropit-trigger { position: relative; }
  .dropit .dropit-submenu {
      position: absolute;
      top: 100%;
      left: 0; /* dropdown left or right */
      z-index: 1000;
      display: none;
      min-width: 150px;
      list-style: none;
      padding: 3%;
      margin: 0;
      background-color:#eae9e7;
  }
  .dropit .dropit-open .dropit-submenu { display: block; }
  
  /* changes for video content type */
  
  .halves.group.black { 
    background: black; 
    color: white; 
    padding: 1.5em; 
    margin-left: -2.7777777778%; 
    margin-right: -2.2%; margin-top: -13px; 
  } 
  
  .halves.group.black h3 { 
    border-bottom-color: white; 
  } 
  
  .halves.group.black h6, .halves.group.black h3, .halves.group.black a, .halves.group.black p, .halves.group.black .title { color: white; }

  .halves.group.black .halve .video { margin-top:29px; }
  
  /* changes for 4 button slider */