@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Cardo:200,300,400,600,700,800,900);

/* Grids */

/* Switched to Default Bootstrap grids 31 AUG 2015
    The following Grid Variables might not be needed */

.grid-1 .grid-item { width: 100%; float: left; box-sizing: border-box; }
.grid-1 .grid-item:nth-child(n) { margin-right: 3%; margin-bottom: 3%; }
.grid-1 .grid-item:nth-child(1n) { margin-right: 0; margin-bottom: 0; }

.grid-2 .grid-item { width: 48.5%; float: left; box-sizing: border-box; }
.grid-2 .grid-item:nth-child(n) { margin-right: 3%; margin-bottom: 3%; }
.grid-2 .grid-item:nth-child(2n) { margin-right: 0; /*margin-bottom: 0;*/ }

.grid-3 .grid-item { width: 31.33333%; float: left; box-sizing: border-box; }
.grid-3 .grid-item:nth-child(n) { margin-right: 3%; margin-bottom: 3%; }
.grid-3 .grid-item:nth-child(3n) { margin-right: 0; margin-bottom: 0; }

.grid-8 .grid-item { width: 9.875%; float: left; box-sizing: border-box; }
.grid-8 .grid-item:nth-child(n) { margin-right: 3%; margin-bottom: 3%; }
.grid-8 .grid-item:nth-child(8n) { margin-right: 0; margin-bottom: 0; }

.staff .grid-item:nth-child(5n) { clear: both; }
.staff .grid-item:nth-child(4n) { clear: none; }

@media all and (min-width: 400px) {
  .staff .grid-item:nth-child(2n+1) { clear: both !important; }
  .staff .grid-item:nth-child(3n+1) { clear: none !important; }
  .staff .grid-item:nth-child(4n) { clear: none !important; }
  .staff .grid-item:nth-child(4n+1) { clear: none !important; }
  .staff .grid-item:nth-child(5n) { clear: none !important; }
}

@media all and (min-width: 768px) {
  .staff .grid-item:nth-child(2n+1) { clear: none !important; }
  .staff .grid-item:nth-child(3n+1) { clear: both !important; }
  .staff .grid-item:nth-child(4n+1) { clear: none !important; }
  .staff .grid-item:nth-child(5n) { clear: none !important; }
}

@media all and (min-width: 992px) {
  .staff .grid-item:nth-child(2n+1) { clear: none !important; }
  .staff .grid-item:nth-child(3n+1) { clear: none !important; }
  .staff .grid-item:nth-child(4n+1) { clear: both !important; }
  .staff .grid-item:nth-child(4n) { clear: none !important; }
}


/* Columns */
.container { position: relative; width: 100%; height: 100%; max-width: 960px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.column, .columns { width: 100%; float: left; box-sizing: border-box; }

@media (min-width: 400px) { .container { width: 90%; padding: 0; } }

@media (min-width: 550px) {
  .container { width: 85%; padding: 0; }
  .column,
  .columns { margin-left: 4%; margin-bottom: 2%;}
  .column:first-child,
  .columns:first-child { margin-left: 0; }

  .one.column,
  .one.columns    { width: 4.66667%; }
  .two.columns    { width: 13.33333%; }
  .three.columns  { width: 22%; }
  .four.columns   { width: 30.66667%; }
  .five.columns   { width: 39.33333%; }
  .six.columns    { width: 48%; }
  .seven.columns  { width: 56.66667%; }
  .eight.columns  { width: 65.33333%; }
  .nine.columns   { width: 74%; }
  .ten.columns    { width: 82.66667%; }
  .eleven.columns { width: 91.33333%; }
  .twelve.columns { width: 100%; margin-left: 0; }

  .one-third.column   { width: 30.66667%; }
  .two-thirds.column  { width: 65.33333%; }
  .one-half.column    { width: 48%; }

  .offset-by-one-column,
  .offset-by-one-columns          { margin-left: 8.66667%; }
  .offset-by-two-column,
  .offset-by-two-columns          { margin-left: 17.33333%; }
  .offset-by-three-column,
  .offset-by-three-columns        { margin-left: 26%; }
  .offset-by-four-column,
  .offset-by-four-columns         { margin-left: 34.66667%; }
  .offset-by-five-column,
  .offset-by-five-columns         { margin-left: 43.33333%; }
  .offset-by-six-column,
  .offset-by-six-columns          { margin-left: 52; }
  .offset-by-seven-column,
  .offset-by-seven-columns        { margin-left: 60.66667%; }
  .offset-by-eight-column,
  .offset-by-eight-columns        { margin-left: 69.33333%; }
  .offset-by-nine-column,
  .offset-by-nine-columns         { margin-left: 78; }
  .offset-by-ten-column,
  .offset-by-ten-columns          { margin-left: 86.66667%; }
  .offset-by-eleven-column,
  .offset-by-eleven-columns       { margin-left: 95.33333%; }
  .offset-by-one-third-column,
  .offset-by-one-third-columns    { margin-left: 34.66667%; }
  .offset-by-two-thirds-column,
  .offset-by-two-thirds-columns   { margin-left: 69.33333%; }
  .offset-by-one-half-colum,
  .offset-by-one-half-columns     { margin-left: 52; }
}

/* Base Styles */
* { margin: 0; padding: 0; }
html,
body { width: 100%; height: 100%; }
html { position: relative; font-size: 62.5%; }
body { font-size: 16px; font-size: 1.6rem; font-family: "Open Sans"; background-color: #ffffff; color: #000000; overflow-x: hidden; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: greyscale; /*transform: translate(0, 0);*/ }
img { display: block; width: 100%; height: 100%; -ms-interpolation-mode: bicubic; }

.row { margin: 2% 0 0 0; }
.container:after,
.row:after,
.u-cf { content: ""; display: table; clear: both; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 3%; font-weight: 400; }

h1 { font-size: 35px; font-size: 3.5rem; color: #ffffff; }
h2 { font-size: 30px; font-size: 3rem; font-family: "Cardo"; font-weight: 400; color: #9e0a0f; }
h3 { font-size: 18px; font-size: 1.8rem; font-family: "Open Sans"; font-weight: 400; color: #000000; }
h4 { font-size: 20px; font-size: 2rem; color: #000000; }
h5 { font-size: 15px; font-size: 1.5rem; color: #000000; margin-bottom: .5rem;}
h6 { font-size: 10px; font-size: 1rem; color: #000000; }

p { font-size: 16px; font-size: 1.6rem; font-weight: lighter; color: #000000; margin-top: 0; }

a { color: #ffffff; margin-top: 0; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: underline; }

blockquote { font-family: inherit; font-size: 2.3rem; line-height: 1.45; font-weight: 200; margin: 0 0 0; padding: 1% 0; color: #9e0a0f; }
blockquote :before { content: '\0022'; display: inline-block; }
blockquote :after { content: '\0022' !important; display: inline-block !important; }

code { padding: 0.2rem 0.5rem; margin: 0 0.2rem; font-size: 80%; white-space: nowrap; background: #bdc3c7; border: 1px solid #bdc3c7; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
pre > code { display: block; padding: 1rem 1.5rem; white-space: normal; }

hr { margin-top: 2rem; margin-bottom: 2rem; border-width: 0; border-top: 1px solid #bdc3c7; }

.fa { transform: none !important; vertical-align: top; margin-bottom: 0; }

/* Breadcrumbs */
.breadcrumbs ul { list-style: none; display: inline-block; margin-bottom: 0; text-indent: 0 !important; /* Remove Important when sortd out all content css */ }
.breadcrumbs ul li,
.breadcrumbs ul li a { display: inline-block; font-size: 14px;  font-size: 1.4rem; font-weight: lighter; color: #999999 !important; }
.breadcrumbs ul li:first-child:before { display: none; }
.breadcrumbs ul li:before { content: '/'; display: inline-block; margin: 0 5px; }
.breadcrumbs ul { margin-left: 0 !important; }

/* Form Styles */
button,
.button { margin-bottom: 1rem; }
input,textarea,select,fieldset { margin-bottom: 1.5rem; }
pre,blockquote,dl,figure,table,p,ul,ol,form { margin-bottom: 2.5rem; }

header { position: relative; width: 100%; height: 7%; margin-bottom: 0; }
header.row { margin: 3% 0%; margin-bottom: 0; }
header #logo { height: 100%; background: url("/images/logo/logo.jpg") no-repeat bottom left; background-size: contain; }
header #sub-logo { height: 100%; display: inline-block; background: url("/images/logo/sub-logo.jpg") no-repeat bottom right; background-size: 60%; }

.grid-item a:hover { text-decoration: none; }

/* Mobile Navigation */
.m-nav { display: none; width: 100%; padding: 4% 0; position: relative; text-align: center; background: #9e0b0f; /* Old browsers */ background: -moz-linear-gradient(top, #9e0b0f 0%, #8b0304 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0b0f), color-stop(100%, #8b0304)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9e0b0f 0%, #8b0304 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9e0b0f 0%, #8b0304 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9e0b0f 0%, #8b0304 100%); /* IE10+ */ background: linear-gradient(to bottom, #9e0b0f 0%, #8b0304 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0b0f', endColorstr='#8b0304',GradientType=0 ); /* IE6-9 */ }
.m-nav .m-nav-inner { display: inline; list-style: none; width: 100%; margin-bottom: 0; /*line-height: 5rem;*/ position: relative; color: #ffffff; }
.m-nav .m-nav-inner li { display: inline-block; position: relative; margin-right: 6.33333%; margin-bottom: 0; }
@media (min-width: 550px) {
  .m-nav .m-nav-inner li { margin-right: 4.33333%; }
}
@media (min-width: 750px) {
  .m-nav .m-nav-inner li { margin-right: 2.5%; }
}
.m-nav .m-nav-inner li a { color: #ffffff; margin-bottom: 0; font-weight: 400; cursor: pointer; }
.m-nav .m-nav-inner li a:hover { font-weight: 500; text-decoration: none; }
.m-nav .m-nav-inner li a:last-child { margin-right: 0; }
.m-nav .m-nav-inner li a:after { display: block; content: attr(title); font-weight: 600; height: 0px; color: transparent; overflow: hidden; visibility: hidden; margin-bottom: -1px; }
.m-nav .m-nav-inner li:last-child { margin-right: 0; }
.m-nav .m-nav-inner li:last-child:after { display: none; }
.m-nav .m-nav-inner .fa { font-size: 1.8rem; cursor: pointer;}
.m-nav .m-nav-inner li a:focus,
.m-nav .m-nav-inner li a:active { text-decoration: none !important; }
.m-nav .m-nav-inner { height: 100%; }
.m-nav .m-nav-inner li { display: inline-block; vertical-align: middle;}
.m-nav .m-nav-inner .fa:before { display: inline-block; vertical-align: middle;}
.m-nav .m-nav-inner #b-btn.fa:after {content: '  Menu'; font-family: "Open Sans", sans-serif; display: inline-block; font-size: 12.8px; font-size: 1.28rem; margin-left: 7px; vertical-align: middle;}
.m-nav .m-nav-inner #home.fa:after {content: 'Home'; font-family: "Open Sans", sans-serif;  display: inline-block; font-size: 12.8px; font-size: 1.28rem; margin-left: 7px; vertical-align: middle;}
.m-nav .m-nav-inner #contact.fa:after {content: 'Contact'; font-family: "Open Sans", sans-serif;  display: inline-block; font-size: 12.8px; font-size: 1.28rem; margin-left: 7px; vertical-align: middle;}

/* Burger Navigation */
.b-nav-container { display: none; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 100; top: 0; left: 0; right: 0; bottom: 0; color: #ffffff; overflow: hidden; height: 100%; }
@media (min-width: 550px) {
  .b-nav-container { display: none; }
}
.b-nav-container .b-nav-inner { position: fixed; top: 0; right: 0; width: 70%; height: 100%; padding: 2% 1%; z-index: 101; background-color: rgba(0, 0, 0, 0.8); overflow: auto; list-style: none; }
.b-nav-container .b-nav-inner li { font-weight: lighter; padding: 20px 15px; padding-bottom: 0; font-size: 14px; font-size: 1.4rem; margin-bottom: 0; }
.b-nav-container .b-nav-inner li a:hover { font-weight: 500; text-decoration: none; }
.b-nav-container .b-nav-inner li a:after { display: block; content: attr(title); font-weight: 600; height: 0px; color: transparent; overflow: hidden; visibility: hidden; margin-bottom: -1px; }
.b-nav-container .b-nav-inner li ul { margin-left: 0px; list-style: none; }
.b-nav-container .b-nav-inner li ul li { padding: 10px; font-weight: lighter; opacity: .85; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 12px; font-size: 1.2rem; }
.b-nav-container .b-nav-inner li ul li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

/* Desktop Navigation */
nav,
.nav { display: none; }
@media (min-width: 550px) {
  nav,
  .nav { position: relative; display: inline-block; width: 100%; text-align: center; background: #9e0b0f; background: -moz-linear-gradient(top, #9e0b0f 0%, #8b0304 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0b0f), color-stop(100%, #8b0304)); background: -webkit-linear-gradient(top, #9e0b0f 0%, #8b0304 100%); background: -o-linear-gradient(top, #9e0b0f 0%, #8b0304 100%); background: -ms-linear-gradient(top, #9e0b0f 0%, #8b0304 100%); background: linear-gradient(to bottom, #9e0b0f 0%, #8b0304 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0b0f', endColorstr='#8b0304',GradientType=0 ); }
  nav ul,
  .nav ul { display: inline-block; list-style: none; width: 100%; margin-bottom: 0; line-height: 5rem; position: relative; height: 100%; z-index: 9999; }
  nav ul li,
  .nav ul li { display: inline-block; vertical-align: top; position: relative; height: 100%; margin-right: 1%; margin-bottom: 0; }
}
@media (min-width: 550px) and (min-width: 550px) {
  nav ul li,
  .nav ul li { margin-right: 2%; }
}
@media (min-width: 550px) and (min-width: 750px) {
  nav ul li,
  .nav ul li { margin-right: 3%; }
}
@media (min-width: 550px) and (min-width: 950px) {
  nav ul li,
  .nav ul li { margin-right: 4%; }
}
@media (min-width: 550px) and (min-width: 1200px) {
  nav ul li,
  .nav ul li { margin-right: 5%; }
}
@media (min-width: 550px) {
  nav ul li ul,
  .nav ul li ul { position: absolute; display: none; width: 240px; text-align: left; line-height: 2.5rem; background-color: rgba(0, 0, 0, 0.8); height: auto !important; padding: 15px !important; padding-right: 5px; left: 0 !important; margin-top: 20px; }
  nav ul li ul li,
  .nav ul li ul li { padding: 3% 7%; width: 100%; height: 100%; }
  nav ul li ul li a,
  .nav ul li ul li a { color: #bdc3c7; font-size: 14px; font-size: 1.4rem; }
  nav ul li ul li a:hover,
  .nav ul li ul li a:hover { color: #ffffff; }
  nav ul li ul li ul,
  .nav ul li ul li ul { position: absolute; width: 260px; text-align: left; background-color: rgba(0, 0, 0, 0.8); height: auto !important; margin-left: 230px; top: -35px; }
  nav ul li ul li .fa,
  .nav ul li ul li .fa { float: right; padding-right: 0; line-height: 2.5rem; }
  nav ul li ul li:hover:after,
  .nav ul li ul li:hover:after { display: none; }
  nav ul li a,
  .nav ul li a { width: 100%; height: 100%; color: #ffffff; font-weight: 400; font-size: 1.2rem; margin-bottom: 0; }
}
@media (min-width: 550px) and (min-width: 550px) {
  nav ul li a,
  .nav ul li a { font-size: 12px; font-size: 1.2rem; }
}
@media (min-width: 550px) and (min-width: 750px) {
  nav ul li a,
  .nav ul li a { font-size: 14px; font-size: 1.4rem; }
}
@media (min-width: 550px) and (min-width: 950px) {
  nav ul li a,
  .nav ul li a { font-size: 16px; font-size: 1.6rem; }
}
@media (min-width: 550px) and (min-width: 1200px) {
  nav ul li a,
  .nav ul li a { font-size: 18px; font-size: 1.8rem; }
}
@media (min-width: 550px) {
  nav ul li a:hover,
  .nav ul li a:hover { font-weight: 600; text-decoration: none; }
  nav ul li a:last-child,
  .nav ul li a:last-child { margin-right: 0; }
  nav ul li a:after,
  .nav ul li a:after { display: block; content: attr(title); font-weight: 600; height: 0px; color: transparent; overflow: hidden; visibility: hidden; margin-bottom: -1px; }
  nav ul li:last-child,
  .nav ul li:last-child { margin-right: 0; }
  nav ul li:after,
  .nav ul li:after { display: block; content: attr(title); width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; visibility: hidden; opacity: 0; z-index: -1; margin: 0 auto; position: absolute; bottom: -1px; left: 50%; margin-left: -8px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
  nav ul li:hover:after,
  .nav ul li:hover:after { opacity: 1; visibility: visible; z-index: 9999; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
}

/* Hero */
.hero { -webkit-box-shadow: 3px 3px 10px #cfcfcf; -moz-box-shadow: 3px 3px 10px #cfcfcf; -ms-box-shadow: 3px 3px 10px #cfcfcf; box-shadow: 3px 3px 10px #cfcfcf; margin-top: 2%; }
.hero-section #carousel .carousel-inner .item { padding: 0; overflow: visible; float: left; height: auto; }

  #side-bar {
    display: block;
    margin-top: 0;
  }
  #side-bar .side-bar-links .m-heading{ display: none;}
  #side-bar .side-bar-links {
    padding: 9%;
    background: #9e0b0f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #9e0b0f 0%, #8b0304 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0b0f), color-stop(100%, #8b0304));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9e0b0f 0%, #8b0304 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9e0b0f 0%, #8b0304 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9e0b0f 0%, #8b0304 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #9e0b0f 0%, #8b0304 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0b0f', endColorstr='#8b0304',GradientType=0 );
    /* IE6-9 */
  }
  #side-bar .side-bar-links .i-normal-list {
    margin-bottom: 0;
  }
  #side-bar .side-bar-links .i-normal-list li {
    padding: 2% 3%;
    padding-bottom: 1%;
    margin-bottom: 0;
    font-weight: lighter;
    font-size: 12px;
    font-size: 1.2rem;
  }
@media (min-width: 550px) and (min-width: 950px) {
  #side-bar .side-bar-links .i-normal-list li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
  #side-bar .side-bar-links .i-normal-list li a {
    font-weight: lighter;
    color: #ffffff;
  }
  #side-bar .side-bar-links .i-normal-list li a:hover {
    font-weight: 400;
    text-decoration: none;
  }
  #side-bar .side-bar-links .i-normal-list li ul li {
    color: #e1b5b7;
  }
  #side-bar .side-bar-links .i-normal-list li ul li:hover {
    color: #ffffff;
  }
  #side-bar .side-bar-links .i-normal-list li ul li a {
    color: #e1b5b7;
  }
  #side-bar .side-bar-links .i-normal-list li ul li a:hover {
    color: #ffffff;
    font-weight: 500;
  }
  #side-bar .side-bar-links .i-normal-list li.active {
    font-weight: 600 !important;
  }
  #side-bar .side-bar-latestnews, #side-bar .side-bar-upcomingevents {
    margin-top: 4rem;
  }
  #side-bar .side-bar-latestnews h3, #side-bar .side-bar-upcomingevents h3 {
    margin-bottom: 1rem;
  }
  #side-bar .side-bar-latestnews h4, #side-bar .side-bar-upcomingevents h4 {
    font-size: 12px;
    font-size: 1.2rem;
    color: #9e0a0f;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
  }
  #side-bar .side-bar-latestnews p, #side-bar .side-bar-upcomingevents p {
    font-weight: lighter;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000000;
  }
  #side-bar .side-bar-latestnews .i-normal-list li, #side-bar .side-bar-upcomingevents .i-normal-list li {
    padding: 4% 0;
    border-bottom: 1px solid #bdc3c7;
  }
  #side-bar .side-bar-latestnews .i-normal-list li:first-child, #side-bar .side-bar-upcomingevents .i-normal-list li:first-child {
    border-top: 1px solid #bdc3c7;
  }
  #side-bar .side-bar-latestnews .i-normal-list li p, #side-bar .side-bar-upcomingevents .i-normal-list li p {
    margin-bottom: 0;
  }
  #side-bar .side-bar-upcomingevents {
    margin-top: 1rem;
  }
  #side-bar .side-bar-sortnews {
    margin-top: 3rem;
  }
  #side-bar .side-bar-sortnews p {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: lighter;
    margin-left: 4%;
    margin-bottom: 0;
    width: 83%;
    vertical-align: text-top;
  }
  #side-bar .side-bar-contactus {
    margin-top: 3rem;
  }
#side-bar .side-bar-contactus a {
  color: #101010;
}
.dropdown-menu {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
}
#side-bar .dropdown-menu li:hover,
#side-bar .dropdown-menu li a:hover {
  background-color: transparent;
}

/* Bootstrap sidebar override */
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>li>a:hover {
    background: none;
}


#quick-links {
  padding: 5% 0%;
  background: #58595b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58595b 0%, #414042 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58595b), color-stop(100%, #414042));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #58595b 0%, #414042 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #58595b 0%, #414042 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595b', endColorstr='#414042',GradientType=0 );
  /* IE6-9 */
}
@media (min-width: 750px) {
  #quick-links {
    padding: 3%;
  }
}
#quick-links .grid-item {
  margin-bottom: 0 !important;
  padding: 2% 0%;
  background-color: transparent;
  width: 100%;
  float: left;
  box-sizing: border-box;
  border: none;
}
#quick-links .grid-item img {
  border: none;
}
#quick-links .grid-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
#quick-links .grid-item:nth-child(n) {
  margin-right: 0%;
  margin-bottom: 0%;
}
#quick-links .grid-item:nth-child(1n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 750px) {
  #quick-links .grid-item {
    width: 10.75%;
    float: left;
    box-sizing: border-box;
    padding: 0%;
  }
  #quick-links .grid-item:nth-child(n) {
    margin-right: 2%;
    margin-bottom: 2%;
  }
  #quick-links .grid-item:nth-child(8n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  #quick-links .grid-item:hover {
    background-color: transparent;
  }
}
#quick-links .grid-item .five.columns {
  width: 30.66667%;
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #quick-links .grid-item .five.columns {
    width: 29.33333% !important;
    margin-bottom: 0;
  }
}
#quick-links .grid-item .five.columns img {
  margin-bottom: 0;
  width: 30px;
  float: none;
  margin: 0 auto;
}

@media (min-width: 750px) {
  #quick-links .grid-item .five.columns img {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}

#quick-links .grid-item .seven.columns {
  width: 65.33333%;
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #quick-links .grid-item .seven.columns {
    width: 66.66667% ;
    margin-bottom: 0;
  }
}
#quick-links .grid-item .seven.columns p {
  margin-top: 4px;
  margin-bottom: 0;
  color: #e6e6e6;
  font-weight: lighter;
  text-indent: 0px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 550px) {
  #quick-links .grid-item .seven.columns p {
    margin-top: 0;
  }
}
@media (min-width: 750px) {
  #quick-links .grid-item .seven.columns p {
    font-size: 9px;
    font-size: 0.9rem;
    text-indent: 1px;
  }
}
@media (min-width: 1045px) {
  #quick-links .grid-item .seven.columns p {
    font-size: 11px;
    font-size: 1.1rem;
    text-indent: 1px;
  }
}
#quick-links .grid-item .seven.columns p:hover {
  color: #ffffff;
  cursor: pointer;
}
p.mobile {
  display: inline-block;
}
p.desktop {
  display: none;
}
@media (min-width: 950px) {
  p.mobile { display: none;}
  p.desktop {display: inline-block;}
}
footer {
  margin-bottom: 2% !important;
  padding: 2% 3%;
  padding-bottom: 1.5%;
  display: none;
  background: #58595b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58595b 0%, #414042 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58595b), color-stop(100%, #414042));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #58595b 0%, #414042 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #58595b 0%, #414042 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595b', endColorstr='#414042',GradientType=0 );
  /* IE6-9 */
}
@media (min-width: 750px) {
  footer {
    display: block;
  }
}
footer .three.columns {
  color: #ffffff;
}
footer .three.columns h3 {
  font-weight: lighter !important;
  color: #e6e6e6;
}
/*footer .three.columns img {
  max-width: 70px;
  padding-right: 5%;
  margin: 0 auto;
  float: left;
  margin-top: 6%;
  border-radius: 200px;
}*/
footer p {
  font-size: 1.5rem;
  color: #e6e6e6;
  font-weight: lighter;
  margin-bottom: 0px;
}
footer p strong {
  color: #ffffff;
  font-weight: 600;
}
footer #copy {
  margin-top: 7%;
}
footer #copy p, footer #copy p a {
  font-size: 1.2rem;
  font-weight: lighter;
  color: #e6e6e6;
}
footer strong {
  display: inline-block;
}
footer a {
  display: inline-block;
}

footer.m-footer {
  display: block;
  padding: 5% 10%;
}
footer.m-footer .three.columns {
  width: 100%;
  margin-bottom: 4%;
}
footer.m-footer .three.columns img {
  margin-top: 0;
  padding: 0.5rem 10rem;
  background: white;
  border-radius: 4px;
  width: 100%;
}
footer.m-footer .three.columns .i-full-width a {
  display: block;
  width: 100%;
  margin-bottom: 2%;
  float: left;
}
footer.m-footer .three.columns .i-full-width a .three.columns {
  width: 100%;
}
footer.m-footer .three.columns .i-full-width a .three.columns p {
  margin-top: 6px;
  text-align: center;
  margin-bottom: 13px;
}
footer.m-footer .three.columns .i-full-width a .three.columns:last-child {
  margin-bottom: 0%;
}
footer.m-footer .three.columns .i-full-width a .six.columns {
  display: none;
}
footer.m-footer .nine.columns {
  width: 100%;
  margin-left: 0;
}
@media (min-width: 750px) {
  footer.m-footer {
    display: none;
  }
}

.info h1 { color: #9e0a0f !important; }

.visit a { width: 85%; background: #fff; border-radius: 4px; opacity: 0.85; padding: 0.5rem; min-width: 150px; }
.visit a:hover { opacity: 1; }
.visit a img {}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #9e0a0f;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  box-sizing: border-box;
  font-family: inherit;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #faadb0;
  border-color: white;
  background-color: transparent;
  outline: 0;
}

.button.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
input[type="reset"].btn-primary,
input[type="button"].btn-primary {
  color: #ecf0f1;
  background: #58595b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58595b 0%, #414042 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58595b), color-stop(100%, #414042));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #58595b 0%, #414042 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #58595b 0%, #414042 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595b', endColorstr='#414042',GradientType=0 );
  /* IE6-9 */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.button.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
input[type="reset"].btn-primary:hover,
input[type="button"].btn-primary:hover,
.button.btn-primary:focus,
button.btn-primary:focus,
input[type="submit"].btn-primary:focus,
input[type="reset"].btn-primary:focus,
input[type="button"].btn-primary:focus {
  color: #ecf0f1;
  outline: 0.8;
  background: #58595b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58595b 0%, #414042 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58595b), color-stop(100%, #414042));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #58595b 0%, #414042 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #58595b 0%, #414042 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595b', endColorstr='#414042',GradientType=0 );
  /* IE6-9 */
}

#carousel .carousel-inner,
#m-carousel .carousel-inner {
  background: #ecf0f1;
}
#carousel .carousel-control,
#m-carousel .carousel-control {
  background: none;
  width: 16%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 44%;
  z-index: 5;
  display: inline-block;
}
@media (min-width: 750px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
  }
}
@media (min-width: 550px) {
  #carousel .carousel-control,
  #m-carousel .carousel-control {
    width: 7%;
  }
}
#carousel .item,
#m-carousel .item {
  padding: 24px;
  background: #ecf0f1;
  margin: 0 auto;
}
#carousel .item .carousel-item,
#m-carousel .item .carousel-item {
  background: #ecf0f1;
  padding: 0px 40px;
  margin-bottom: 3% !important;
  min-height: 90px;
  max-height: 90px;
  border-right: none;
  width: 100%;
  float: left;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  #carousel .item .carousel-item,
  #m-carousel .item .carousel-item {
    border-right: 2px solid #cccccc;
  }
}
#carousel .item a,
#m-carousel .item a {
  text-decoration: none;
}
#carousel .item .carousel-item h2,
#m-carousel .item .carousel-item h2 {
  /*margin-bottom: -5px;*/
}
@media (min-width: 750px) {
  #carousel .item .carousel-item h2,
  #m-carousel .item .carousel-item h2 {
    font-size: 2.1rem;
    font-size: 21px;
  }
}
@media (min-width: 950px) {
  #carousel .item .carousel-item h2,
  #m-carousel .item .carousel-item h2 {
    font-size: 3rem;
    font-size: 30px;
  }
}
#carousel .item .carousel-item p,
#m-carousel .item .carousel-item p {
  font-family: inherit;
  font-weight: lighter;
  font-size: 1.4rem;
  color: #000000;
}
@media (min-width: 750px) {
  #carousel .item .carousel-item p,
  #m-carousel .item .carousel-item p {
    font-family: inherit;
    font-weight: lighter;
    font-size: 10px;
    font-size: 1.0rem;
    color: #000000;
  }
}
@media (min-width: 950px) {
  #carousel .item .carousel-item p,
  #m-carousel .item .carousel-item p {
    font-family: inherit;
    font-weight: lighter;
    font-size: 14px;
    font-size: 1.4rem;
    color: #000000;
  }
}
#carousel .item .carousel-item:last-child,
#m-carousel .item .carousel-item:last-child {
  border-right: 0;
}
#carousel .item .carousel-item:nth-child(n),
#m-carousel .item .carousel-item:nth-child(n) {
  margin-right: 0;
  margin-bottom: 0;
}
#carousel .item .carousel-item:nth-child(1n),
#m-carousel .item .carousel-item:nth-child(1n) {
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 750px) {
  #carousel .item .carousel-item,
  #m-carousel .item .carousel-item {
    width: 25%;
    float: left;
    box-sizing: border-box;
  }
  #carousel .item .carousel-item:nth-child(n),
  #m-carousel .item .carousel-item:nth-child(n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  #carousel .item .carousel-item:nth-child(2n),
  #m-carousel .item .carousel-item:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 950px) {
  #carousel .item .carousel-item,
  #m-carousel .item .carousel-item {
    width: 25%;
    float: left;
    box-sizing: border-box;
  }
  #carousel .item .carousel-item:nth-child(n),
  #m-carousel .item .carousel-item:nth-child(n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  #carousel .item .carousel-item:nth-child(4n),
  #m-carousel .item .carousel-item:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0;
  }
}
#carousel ul li,
#m-carousel ul li {
  color: #ffffff;
}
#carousel hr,
#m-carousel hr {
  margin-top: 5%;
  margin-bottom: 5%;
}

/* Forms */
form a {
  color: #000000;
  text-transform: uppercase;
  font-size: 1.1rem;
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="date"],
textarea,
select {
  height: 38px;
  padding: 6px 10px;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  font-family: inherit;
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="date"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding: 6px auto;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #9e0a0f;
  outline: 0;
}

label,
legend {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 400;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
}

label > .label-body {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: 400;
}
label input:first-child {
  margin-top: 2%;
}

ul {
  list-style: circle inside;
}

ol {
  list-style: decimal inside;
}

ol, ul {
  padding-left: 0;
  margin-top: 0;
}

li {
  font-weight: lighter;
  margin-bottom: 1rem;
}

.horizontal-list {
  list-style: none;
  width: 100%;
  background: #ecf0f1;
}
.horizontal-list li {
  display: inline-block;
  font-weight: lighter;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  padding: 2%;
  margin-bottom: 0;
}
.horizontal-list li a {
  color: #000000;
  text-decoration: none;
}
.horizontal-list li a:hover {
  font-weight: 500;
  text-decoration: none;
}
.horizontal-list li a:last-child {
  margin-right: 0;
}
.horizontal-list li a:after {
  display: block;
  content: attr(title);
  font-weight: 600;
  width: 100%;
  height: 0px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
  margin-bottom: -1px;
}

.i-normal-list {
  list-style: none;
}
.i-normal-list li {
  margin-bottom: 0;
}
.i-normal-list li i {
  font-size: 1.6rem !important;
  padding-right: 10px;
  float: right;
  line-height: 20px;
  color: #ffffff;
}
.i-normal-list span {
  display: inline-block;
  vertical-align: super;
}
.i-normal-list .dropdown-menu {
  list-style: disc;
  color: white;
  margin-left: 20px;
}
.i-normal-list .dropdown-menu li a {
  padding: 0;
  color: #e1b5b7;
}
.i-normal-list .dropdown-menu li a:hover {
  color: #ffffff;
}

th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

#tier-one {
  z-index: -1;
  margin-bottom: 0;
  padding-bottom: 0;
}
#tier-one .row:first-child {
  margin-top: 0;
}
#tier-one h1 {
  font-family: "Cardo";
}
@media (min-width: 550px) {
  #tier-one h1 {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
@media (min-width: 950px) {
  #tier-one h1 {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
#tier-one p {
  font-weight: lighter;
  color: #ffffff;
}
@media (min-width: 550px) {
  #tier-one p {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media (min-width: 750px) {
  #tier-one p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (min-width: 950px) {
  #tier-one p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
#tier-one a {
  font-weight: 400;
}
#tier-one .item-one,
#tier-one .item-two,
#tier-one .item-three,
#tier-one .item-four {
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#tier-one #item-one .i-overlay,
#tier-one #item-three .i-overlay {
  background: #58595b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58595b 0%, #414042 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58595b), color-stop(100%, #414042));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #58595b 0%, #414042 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #58595b 0%, #414042 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #58595b 0%, #414042 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595b', endColorstr='#414042',GradientType=0 );
  /* IE6-9 */
}
#tier-one #item-two .i-overlay,
#tier-one #item-four .i-overlay {
  background: #9e0b0f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #9e0b0f 0%, #8b0304 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e0b0f), color-stop(100%, #8b0304));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9e0b0f 0%, #8b0304 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9e0b0f 0%, #8b0304 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9e0b0f 0%, #8b0304 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #9e0b0f 0%, #8b0304 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0b0f', endColorstr='#8b0304',GradientType=0 );
  /* IE6-9 */
}
#tier-one .column,
#tier-one .columns {
  width: 100%;
  margin-left: 0%;
}
@media (min-width: 550px) {
  #tier-one .column,
  #tier-one .columns {
    margin-left: 2%;
    margin-bottom: 0%;
  }
  #tier-one .column:first-child,
  #tier-one .columns:first-child {
    margin-left: 0%;
  }
  #tier-one .five.columns {
    width: 40.777778%;
  }
  #tier-one .seven.columns {
    width: 57.111112%;
  }
  #tier-one .i-cover-this {
    width: 100%;
  }
}
@media (min-width: 550px) and (min-width: 1200px) {
  #tier-one .i-cover-this {
    width: 90%;
    bottom: 5%;
  }
}

#side-bar ul ul li ul li a,
#side-bar ul ul li ul li.active a {
  color: #ffffff !important;
  font-weight: lighter;
  background-color: transparent !important;
}

#news-events .item {
  padding: 3% 0 0 0;
  border-bottom: 1px solid #bdc3c7;
  float: left;
}
#news-events .item .column,
#news-events .item .columns {
  margin-bottom: 0;
}
#news-events .item:first-child {
  border-top: 1px solid #bdc3c7;
}
#news-events .item h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 550px) {
  #news-events .item h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
#news-events .item a {
  color: #9e0a0f;
  font-weight: 600;
}

#contact-us h3 {
  margin-bottom: 0;
}
#contact-us .row a {
  color: #9e0a0f;
}
#contact-us .item a {
  color: #000000;
}
#map-canvas {
  height: 400px;
}
#contact-us .i-item h3 {
  font-weight: lighter;
}
#contact-us .i-item p {
  text-transform: uppercase;
  color: #9e0a0f;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
}

#class-weeblies .i-item a {
  color: #000000;
  font-weight: lighter;
}
/* #content .breadcrumbs a {
  color: #999999;
} */
#content {
  float: left;
}
#content a {
  color: #9e0b0f;
}
#content ul {
  list-style: disc inside;
  text-indent: -17px;
  margin-left: 19px;
  margin-top: -16px;
}
#content h3 {
  margin-bottom: 1%;
}
#content .columns:last-child,
#content .column:last-child {
  margin-bottom: 0 !important;
}

#content a:last-child p {
  margin-bottom: 0 !important;
}
table tr th {
  font-weight: 500;
}
table tr td {
  font-weight: lighter;
}

.news-item {
  float: left;
  border-top: 1px solid #cccccc;
  padding: 4% 0;
  width: 100%;
}
.news-item p {
  margin-bottom: 0;
}
.news-item:last-child {
  border-bottom: 1px solid #cccccc;
}
.news-item a:hover {
  text-decoration: none;
}
.i-main .grid-item {
    padding-left: 0px;
}
.i-main .grid-item h3 {
    font-size: 14px;
    font-size: 1.4rem;
}
.i-main .grid-item {
    margin-bottom: 20px;
    /*min-height: 209px; */
}
.i-main .grid-item p {
    font-size: 13px;
    font-size: 1.3rem;
}
.grid-item img {
  border: 8px solid white;
  margin-bottom: 3%;
}

.newsletter-archive {
  width: 100%;
  padding: 2% 0;
  background-color: #828282;
  clear: both;
  list-style: none !important;
  margin-top: 0 !important;
  text-indent: 20px !important;
  margin-left: 0 !important;
}
.newsletter-archive li {
  color: white;
  margin-bottom: 0;
}
.newsletter-archive li a i {
  color: white;
  float: right;
  margin-right: 20px;
}
.newsletter-archive li ul {
  list-style: none !important;
  margin-top: 1% !important;
  margin-left: 0% !important;
}
.newsletter-archive li ul li {
  width: 100%;
  padding: 2% 0;
  background-color: #dfdfdf;
  text-indent: 0 !important;
}
.newsletter-archive li ul li a,
.newsletter-archive li ul li cite {
  display: inline-block;
}
cite {
  color: black;
}
.newsletter-archive li ul li:nth-child(even) {
  background-color: white;
}
.newsletter-archive li ul li a:hover {
  background-color: transparent;
  text-decoration: underline;

}
.pdf {
  width: 30px;
  height: 30px;
  background: url('../images/pdf.png') no-repeat center center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4%;
}
#news {
  display: none;
  visibility: none;
}

/* Google Calendar Styles */
.fc button .fc-icon {
  vertical-align: middle;
}
.fc .fc-button-group {
  border-radius: 0;
}
.fc-state-default {
  border-radius: 0 !important;
}
.fc button {
  line-height: 0px;
}
.fc-event {
  border-radius: 0;
  border: none;
  background-color: rgba(0,0,0,0.1);
}
.fc-time {
  font-size: 10px !important;
}
.fc-event:hover {
  background-color: rgba(0,0,0,0.03);
}
.fc-title {
  font-size: 9px !important;
}

#mostrecent .dropdown-menu {
  display: block;
}

/* qtip styles */
.qtip-default {
  background-color: #ffffff !important;
  color: #555;
}
/* Utilites */
.i-full-width { width: 100%; box-sizing: border-box; }
.i-contain { position: relative; width: 100%; height: 100%; }
.i-contain .i-center-center { position: absolute; top: 41.6666667%; left: 46.3333334%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-tranform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.i-contain .i-center-y { position: absolute; top: 41.6666667%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.i-contain .i-bottom-center { bottom: 0; }
.i-contain .i-center-x, .i-contain .i-bottom-center { position: absolute; padding: 0% 10%; left: 46.3333334%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.i-split { -webkit-columns: 2; -moz-columns: 2; -ms-columns: 2; columns: 2; -webkit-column-gap: 6%; -moz-column-gap: 6%; -ms-column-gap: 6%; column-gap: 6%; }
.i-align-center { text-align: center; }
.i-align-left { text-align: left; }
.i-align-right { text-align: right; }
.i-center-page { display: block; margin-left: auto !important; margin-right: auto !important; }
.i-hover {cursor: pointer; }
.i-overlay { position: absolute; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.i-no-overflow { -webkit-backface-visibility: hidden; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); overflow: hidden; }
.i-no-overflow-x {
  -webkit-backface-visibility: hidden;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  overflow-x: hidden; }
.i-main-stage { padding: 7%; }
.i-shadow { -webkit-box-shadow: 3px 3px 10px #e0e0e0; -moz-box-shadow: 3px 3px 10px #e0e0e0; -ms-box-shadow: 3px 3px 10px #e0e0e0; box-shadow: 3px 3px 10px #e0e0e0; }
.i-light-shadow { -webkit-box-shadow: 3px 3px 10px #bababa; -moz-box-shadow: 3px 3px 10px #bababa; -ms-box-shadow: 3px 3px 10px #bababa; box-shadow: 3px 3px 10px #bababa; }
.i-main { background: #ecf0f1; padding: 5%; }
.i-no-margin { margin: 0 auto !important; }
.show-left { left: -160%; }
.active a { font-weight: 500 !important; }
.float-left { margin-left: -280px; }


/* carousels */
@media (min-width: 750px) {
  #m-carousel { display: none !important; }
}


/* CF ERROR IMG REMOVAL | Remove this line when finished. */
tbody img {
  display: none;
}
/* iPhone 4/5 Styles */
@media (max-width: 400px) {

  h1 { font-size: 20px; font-size: 2rem !important; }
  h2 { font-size: 24px; font-size: 2.4rem !important; }
  h3 { font-size: 12.4px; font-size: 1.24rem !important; }
  h4 { font-size: 16px; font-size: 1.6rem !important; }
  h5 { font-size: 12px; font-size: 1.2rem !important; }
  h6 { font-size: 8px; font-size: 0.8rem !important; }
  p { font-size: 12px; font-size: 1.2rem !important; }

  #tier-one p { margin-bottom: 1.5rem; }
  .horizontal-list li {
    font-size: 11px !important;
    font-size: 1.1rem !important;
  }
  .i-contain .i-center-x, .i-contain .i-bottom-center { width: 80% !important; }
  /* School Calendar */
  .fc-icon { width: 0.6em !important; height: 1em !important; line-height: 1.3em; font-size: 0.6em; }
  .fc button { font-size: 0.85em !important; }


}

/* Mobile Styles */
@media (max-width: 550px) {

  /* Base Styles */
  body { font-size: 12.8px; font-size: 1.28rem; }

  h1 { font-size: 28px; font-size: 2.8rem; }
  h2 { font-size: 24px; font-size: 2.4rem; }
  h3 { font-size: 14.4px; font-size: 1.44rem; }
  h4 { font-size: 16px; font-size: 1.6rem; }
  h5 { font-size: 12px; font-size: 1.2rem; }
  h6 { font-size: 8px; font-size: 0.8rem; }
  p { font-size: 15px; font-size: 1.5rem; }

  header { height: 8%; }
  header.row { margin: 7% 0%; }
  header #sub-logo { height: 23%; display: none; }

  .breadcrumbs { display: none; }
  .breadcrumbs ul li a {
    font-size: 12.8px;
    font-size: 1.28rem;
  }
  .m-nav { display: inline-block; }

  #item-one,
  #item-four { margin-bottom: 2%; }

  #tier-two ul {
    padding: 10px 0;
    text-align: center;
  }

  .i-main .grid-item p {
    font-size: 10px;
    font-size: 1.0rem;
  }

  /* School Calendar */
  .fc-left { float: right !important; }
  .fc-right { display: none !important; }
  .fc-center { float: left !important; }

  /* Utilities */
  .i-contain .i-center-x, .i-contain .i-bottom-center { width: 70%; padding: 0; }
  .i-split { -webkit-columns: 1; -moz-columns: 1; -ms-columns: 1; columns: 1; -webkit-column-gap: 6%; -moz-column-gap: 6%; -ms-column-gap: 6%; column-gap: 6%; }
}

/* Phablet Styles */
@media (max-width: 750px) {

  #content { width: 100%; margin-bottom: 2%;}
  #side-bar { width: 100%; margin-left: 0; }
  #side-bar .side-bar-latestnews,
  #side-bar .side-bar-upcomingevents,
  #side-bar .side-bar-sortnews,
  #side-bar .side-bar-sortevents,
  #side-bar .side-bar-contactus { display: none; }
  #side-bar .side-bar-links .m-heading {display: block;}
  #side-bar .side-bar-links .m-heading p {font-weight: 500; color: #f9f9f9; margin-bottom: 0.5rem;}

  .dropdown-menu>li>a { white-space: normal; font-size: 12px; z-index: 9999;}
  .dropdown-backdrop { position: static;}

  /* carousels */
  #carousel { display: none !important; }
  #m-carousel { display: block; }

  /* Grid System */
  .grid-2 .grid-item { width: 100%; float: left; box-sizing: border-box; }
  .grid-2 .grid-item:nth-child(n) { margin-right: 3%; margin-bottom: 3%; }
  .grid-2 .grid-item:nth-child(1n) { margin-right: 0; margin-bottom: 2rem; }

  .grid-3 .grid-item { width: 100%; float: left; box-sizing: border-box; }
  .grid-3 .grid-item:nth-child(n) { margin-right: 3%; margin-bottom: 3%; }
  .grid-3 .grid-item:nth-child(1n) { margin-right: 0; margin-bottom: 0; }
}

/* Tablet Styles */
@media (max-width: 950px) {
  /* Base Styles */

  /* Grid System */
  .grid-3 .grid-item { width: 48.5%; float: left; box-sizing: border-box; }
  .grid-3 .grid-item:nth-child(n) { margin-right: 3%; margin-bottom: 3%; }
  .grid-3 .grid-item:nth-child(2n) { margin-right: 0; margin-bottom: 0; }
}

/* Desktop Styles */
@media (max-width: 1200px) {

}

/* Larger Than Desktop */
@media (min-width: 1500px) {
    /*.i-main .grid-item {
        min-height: 247px;
    }*/
}

.fa-folder { display: none !important; }

@media ( min-width:769px ) {
  img.portrait {max-width:50%; height:auto; margin-left:auto; margin-right:auto;}
}