/** screen.css
 *  Screen styling for the Canberra Girls Grammar School Website
 */
/** colors.scss - SASS colour varaibles for the CGGS website
 *
 */
/* !=Newsletter */
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Roboto:400,500,700&display=swap");
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg); } }

* {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit; }

a:link {
  color: blue; }
  a:link img {
    border: none; }

a:visited {
  color: purple; }

a:hover {
  text-decoration: underline; }

a:active {
  color: navy; }

abbr {
  font: inherit;
  border-bottom: 1px dotted; }

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1;
  clear: both; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.UIBlock {
  margin: 0 !important; }

.uiBlockPanel {
  margin: 10px 0 !important; }

a.UIWidget:link {
  color: #000; }

.CMSForm .formFields .fieldItem {
  clear: left;
  float: none;
  margin-bottom: 10px;
  margin: 0 0 10px 0;
  padding: 0;
  padding-bottom: 5px;
  border: 0 !important;
  font-size: 14px;
  line-height: 36px;
  margin: 0 0 10px 0 !important;
  border: 0 !important;
  padding: 0 !important;
  clear: left;
  float: none !important;
  font-size: 0.875em;
  line-height: 1.45em; }
  .CMSForm .formFields .fieldItem .fieldItemNote {
    clear: both;
    margin-left: 20%; }

.CMSForm .formFields .fieldItemLabel {
  position: relative;
  width: 19%;
  margin: 5px 0 12px !important;
  padding-right: 1%;
  font-weight: normal;
  line-height: 28px;
  float: left;
  text-align: right; }
  .CMSForm .formFields .fieldItemLabel label {
    padding-right: 15px;
    font-size: 14px; }
  .CMSForm .formFields .fieldItemLabel span.requiredIndicator {
    position: absolute;
    font-size: 20px;
    color: #cc0000;
    right: 6px; }

.CMSForm .formFields .fieldItemInput {
  margin: 10px 0px;
  float: left;
  width: 70%;
  position: relative; }
  .CMSForm .formFields .fieldItemInput input {
    top: -4px;
    width: 60%; }

.CMSForm .formFields .fieldItemInput input,
.CMSForm .formFields .fieldItemInput textarea {
  border: 1px solid #CCC;
  position: relative;
  top: -3px;
  left: 0;
  padding: 6px;
  font-size: 14px;
  font-family: inherit; }

.CMSForm .formButtons {
  margin-top: 20px;
  margin-left: 20%; }

/* !=Global */
/* !=Body */
body {
  min-width: 1024px;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  background-color: #025157;
  -webkit-font-smoothing: antialiased; }

/* !=Paragraph */
p, th,
td {
  line-height: 1.6em;
  margin-bottom: 1em; }

/* !=Blockquote */
blockquote {
  position: relative;
  padding: 0 20px;
  font-style: italic;
  font-size: 1.1em;
  line-height: 1.6em; }
  blockquote p:first-child:before, blockquote th:first-child:before,
  blockquote td:first-child:before {
    content: '"';
    position: absolute;
    left: 6px;
    font-style: italic;
    font-size: 1.3em;
    color: #a7a9ac; }
  blockquote p:last-child:after, blockquote th:last-child:after,
  blockquote td:last-child:after,
  blockquote p.last:after,
  blockquote th.last:after,
  blockquote td.last:after {
    content: '"';
    font-size: 1.3em;
    padding-left: 4px;
    color: #a7a9ac; }

ol,
ul {
  margin-bottom: 10px;
  margin-left: 20px; }
  ol li,
  ul li {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    line-height: 1.6em; }

picture {
  display: block; }

#old {
  position: fixed;
  z-index: 20;
  top: 0;
  width: 100%;
  padding: 1em 5px;
  color: black;
  background: #ffd400;
  text-align: center; }
  #old p, #old th,
  #old td {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0; }
  #old a {
    text-decoration: underline; }

#header input[type="submit"],
#header input[type="reset"],
#header input[type="button"],
#header input[type="search"],
#header input[type="text"],
#header button,
#content input[type="submit"],
#content input[type="reset"],
#content input[type="button"],
#content input[type="search"],
#content input[type="text"],
#content button {
  -webkit-appearance: none;
  border-radius: 0; }

/* !=Container */
.container .columns-1 {
  float: left;
  width: 8.3333333333%; }

.container .columns-2 {
  float: left;
  width: 16.6666666667%; }

.container .columns-3 {
  float: left;
  width: 25%; }

.container .columns-4 {
  float: left;
  width: 33.3333333333%; }

.container .columns-5 {
  float: left;
  width: 41.6666666667%; }

.container .columns-6 {
  float: left;
  width: 50%; }

.container .columns-7 {
  float: left;
  width: 58.3333333333%; }

.container .columns-8 {
  float: left;
  width: 66.6666666667%; }

.container .columns-9 {
  float: left;
  width: 75%; }

.container .columns-10 {
  float: left;
  width: 83.3333333333%; }

.container .columns-11 {
  float: left;
  width: 91.6666666667%; }

.container .columns-12 {
  float: left;
  width: 100%; }

.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.container.graphical-links {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  margin-left: -10px;
  margin-right: -10px; }
  .container.graphical-links .columns-3 {
    -webkit-box-flex: 1;
            flex: 1;
    vertical-align: top;
    width: auto;
    padding-left: 10px;
    padding-right: 10px; }

/* !=Wrap */
.wrap {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 10px; }

.date {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase; }

.meta {
  display: block;
  margin: 10px 0; }

/* !=header */
#header {
  background: #ffffff; }

/* !=banner */
#banner .buttons {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: end;
          justify-content: flex-end; }
  #banner .buttons span {
    display: inline-block;
    margin: 0 10px; }
    #banner .buttons span a {
      color: #6e979a;
      font-weight: normal;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 13px; }
      #banner .buttons span a:focus, #banner .buttons span a:hover {
        text-decoration: underline;
        color: #025157; }

/** !=Nav !=Primary */
#navsmallscreen {
  display: none; }

#primary_nav {
  position: relative;
  z-index: 20;
  display: block;
  bottom: 0;
  margin: 0;
  font-size: 13px;
  background-color: #025157; }
  #primary_nav ul {
    display: block;
    list-style: none;
    max-width: 980px;
    margin: 0 auto;
    padding: 0; }
    #primary_nav ul > li {
      display: block;
      margin: 0;
      padding: 0; }
      #primary_nav ul > li.active {
        /*
          > a {
            &:after {
              height: 3px;
              opacity: 1;
            }
          }
          > small {
		  	font-size: 0;
          }
*/ }
      #primary_nav ul > li.has-children > a {
        position: relative; }
  #primary_nav a {
    color: inherit;
    text-decoration: none;
    outline: none; }
    #primary_nav a:hover, #primary_nav a:focus {
      text-decoration: none;
      text-decoration: underline; }
  #primary_nav ul.topnavigation {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    font-weight: bold; }
    #primary_nav ul.topnavigation > li.home-link {
      display: none; }
      #primary_nav ul.topnavigation > li.home-link + li > a {
        margin-left: 82px; }
    #primary_nav ul.topnavigation > li.last {
      border-right: none; }
    #primary_nav ul.topnavigation > li.open.has-children > a:after {
      display: block; }
    #primary_nav ul.topnavigation > li.open > ul {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      flex-wrap: wrap; }
    #primary_nav ul.topnavigation > li.has-children > a:after {
      content: '';
      display: block;
      display: none;
      position: absolute;
      z-index: 51;
      bottom: 0;
      margin-bottom: -22px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      border-style: solid;
      border-width: 0 8px 8px 8px;
      border-color: transparent transparent #025157 transparent; }
    #primary_nav ul.topnavigation > li > a {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: end;
              align-items: flex-end;
      position: relative;
      height: 70px;
      min-width: 70px;
      margin: 0;
      padding: 0 14px;
      white-space: nowrap;
      text-transform: uppercase;
      color: white;
      text-decoration: none; }
      #primary_nav ul.topnavigation > li > a:hover, #primary_nav ul.topnavigation > li > a:focus {
        color: white;
        text-decoration: underline; }
      #primary_nav ul.topnavigation > li > a:before {
        content: '';
        display: block;
        width: 1px;
        background: white;
        top: 10px;
        bottom: 10px;
        left: 0;
        position: absolute; }
      #primary_nav ul.topnavigation > li > a small {
        font-size: 0; }
      #primary_nav ul.topnavigation > li > a span {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px; }
    #primary_nav ul.topnavigation > li > ul {
      box-sizing: border-box;
      display: none;
      position: absolute;
      z-index: 1;
      width: 100vw;
      top: 100%;
      left: 0;
      right: 0;
      max-width: 980px;
      margin: 0 auto;
      padding: 0;
      padding-left: 82px;
      margin-top: 22px;
      padding-top: 16px;
      padding-bottom: 22px;
      text-align: left;
      background-color: #025157; }
      #primary_nav ul.topnavigation > li > ul:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: -22px;
        right: 0;
        height: 22px;
        background: transparent; }
      #primary_nav ul.topnavigation > li > ul:after {
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background: #025157;
        top: 0;
        bottom: 0; }
      #primary_nav ul.topnavigation > li > ul > li {
        -webkit-box-flex: 0;
                flex: 0 1 33.333%;
        width: auto;
        display: block;
        margin: 0;
        padding: 15px 0px;
        vertical-align: top;
        border: 0;
        position: relative; }
        #primary_nav ul.topnavigation > li > ul > li > a {
          display: block;
          margin: 0 0 6px;
          padding: 0 0 5px;
          vertical-align: top;
          text-align: left;
          text-transform: uppercase; }
        #primary_nav ul.topnavigation > li > ul > li li {
          margin-bottom: 4px; }
          #primary_nav ul.topnavigation > li > ul > li li.has-children > a {
            /*
							&:after { // CSS triangle
								content: '';
								display: block;
	//							float: left;
								position: absolute;
	//						    right: 100%;
							    top: 3px;
							    right: auto;
							    left: -10px;						    
								margin: 8px 0px;
								border-style: solid;
								border-width: 4.5px 0 4.5px 5px;
								border-color: transparent transparent transparent $white;
								
							}
*/ }
          #primary_nav ul.topnavigation > li > ul > li li a {
            position: relative; }
            #primary_nav ul.topnavigation > li > ul > li li a:before {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              right: auto;
              left: -10px;
              margin: 5px 0px;
              border-style: solid;
              border-width: 4.5px 0 4.5px 5px;
              border-color: transparent transparent transparent #ffffff; }
      #primary_nav ul.topnavigation > li > ul a {
        color: white; }
        #primary_nav ul.topnavigation > li > ul a:hover, #primary_nav ul.topnavigation > li > ul a:focus {
          text-decoration: underline; }

#nav {
  display: none;
  font-size: 13px;
  background-color: #025157; }
  #nav .wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 calc((100% - 980px) / 2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 70px; }
  #nav ul.topnavigation {
    display: table;
    position: relative;
    z-index: 99;
    list-style: none;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 10px 0;
    overflow-x: hidden; }
    #nav ul.topnavigation > li {
      display: table-cell;
      margin: 0;
      padding: 0;
      /*			
			.tribox {
				//display: block;
				display: none;
				position: absolute;
				//padding: 30px 260px 0px 228px;
				//margin-left: -200px;
			    //margin-left: -170px;
//			    margin-left: -60px;
				margin: 0;
//			    margin-left: 85px;
			    //padding: 30px 230px 0px 198px;
			    padding: 30px 90px 0px 90px;
			    padding: 0;
				.menutri { // Triangle
					display: block;
					position: absolute;
					height: 40px;
					top: -26px;
					border-style: solid;
					border-width: 0 8px 8px 8px;
					border-color: transparent transparent $dark-green transparent;
				}
			}
*/ }
      #nav ul.topnavigation > li.home-link {
        display: none; }
        #nav ul.topnavigation > li.home-link + li > a {
          margin-left: 82px; }
      #nav ul.topnavigation > li.last {
        border-right: none; }
      #nav ul.topnavigation > li.has-children > a:after {
        content: '';
        display: block;
        display: none;
        position: absolute;
        z-index: 51;
        bottom: 0;
        margin-bottom: -22px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        border-style: solid;
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #025157 transparent; }
      #nav ul.topnavigation > li a {
        box-sizing: border-box;
        text-transform: uppercase;
        text-decoration: none;
        color: #ffffff;
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
        font-weight: 700; }
        #nav ul.topnavigation > li a:hover, #nav ul.topnavigation > li a:focus {
          text-decoration: underline; }
        #nav ul.topnavigation > li a > span {
          display: block; }
      #nav ul.topnavigation > li > a {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
        -webkit-box-align: end;
                align-items: flex-end;
        position: relative;
        height: 100%;
        min-width: 70px;
        padding: 0 12px 10px;
        white-space: nowrap;
        border-left: 1px solid #ffffff; }
      #nav ul.topnavigation > li .smallplus,
      #nav ul.topnavigation > li .esmallplus,
      #nav ul.topnavigation > li .smallnavready {
        display: none; }
      #nav ul.topnavigation > li .subnav {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        flex-wrap: wrap;
        display: none;
        position: absolute;
        z-index: 50;
        width: 100vw;
        left: 50%;
        right: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        margin-top: 22px;
        margin-left: 0;
        padding-top: 16px;
        padding-bottom: 22px;
        padding-right: calc((100vw - 980px) / 2);
        padding-left: calc((100vw - 980px) / 2 + 82px);
        background-color: #025157; }
        #nav ul.topnavigation > li .subnav:before {
          content: '';
          display: block;
          position: absolute;
          z-index: 1;
          left: 0;
          top: -22px;
          right: 0;
          height: 22px;
          background: transparent; }
        #nav ul.topnavigation > li .subnav > li {
          -webkit-box-flex: 0;
                  flex: 0 1 33.333%;
          width: auto;
          display: block;
          margin: 0;
          padding: 15px 0px;
          vertical-align: top;
          border: 0; }
          #nav ul.topnavigation > li .subnav > li > a {
            display: block;
            margin: 0;
            padding: 0 0 5px;
            vertical-align: top;
            text-align: left; }
          #nav ul.topnavigation > li .subnav > li .hero-image {
            display: block;
            float: left;
            margin: 0 0 40px;
            padding: 0; }
          #nav ul.topnavigation > li .subnav > li .subsubnav {
            display: block;
            position: relative;
            margin: 0 0 0 80px;
            margin: 0; }
            #nav ul.topnavigation > li .subnav > li .subsubnav .smallplus,
            #nav ul.topnavigation > li .subnav > li .subsubnav .esmallplus,
            #nav ul.topnavigation > li .subnav > li .subsubnav .smallnavready {
              display: none; }
            #nav ul.topnavigation > li .subnav > li .subsubnav .pretri {
              display: block;
              position: absolute;
              top: 3px;
              right: auto;
              left: -10px;
              margin: 8px 0px;
              border-style: solid;
              border-width: 4.5px 0 4.5px 5px;
              border-color: transparent transparent transparent #ffffff; }
            #nav ul.topnavigation > li .subnav > li .subsubnav li {
              position: relative;
              display: block;
              padding: 6px 0 0; }
              #nav ul.topnavigation > li .subnav > li .subsubnav li > a {
                display: block;
                text-transform: none;
                padding: 0; }
              #nav ul.topnavigation > li .subnav > li .subsubnav li .smallplus,
              #nav ul.topnavigation > li .subnav > li .subsubnav li .esmallplus,
              #nav ul.topnavigation > li .subnav > li .subsubnav li .smallnavready {
                display: none; }
      #nav ul.topnavigation > li:hover > a:after, #nav ul.topnavigation > li:focus > a:after {
        display: block; }
      #nav ul.topnavigation > li:hover > .subnav, #nav ul.topnavigation > li:focus > .subnav {
        display: -webkit-box;
        display: flex; }
  #nav.subnav li {
    margin-left: 2px; }
    #nav.subnav li a {
      padding: 3px 8px; }
  #nav .social-networking,
  #nav .phantom {
    display: none; }

/* !=Logo !=Crest - A element */
#logo {
  display: inline-block;
  vertical-align: top;
  margin: 20px;
  font-size: 0; }
  #logo > img {
    display: inline-block; }

/* !=Search - banner */
.banner-right {
  display: block;
  position: relative;
  float: right;
  width: 310px;
  left: -20px;
  top: 10px; }

.search-wrapper {
  padding: 20px 0px;
  position: relative;
  left: 80px;
  width: 220px; }

#search ::-webkit-input-placeholder {
  color: #7c7c7c;
  -webkit-font-smoothing: antialiased; }

#search :-moz-placeholder {
  color: #7c7c7c;
  opacity: 1; }

#search ::-moz-placeholder {
  color: #7c7c7c;
  opacity: 1; }

#search :-ms-input-placeholder {
  color: #7c7c7c; }

#search label {
  position: absolute;
  top: -10000px;
  left: 0; }

#search [type="search"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-right: none;
  width: 188px;
  height: 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  vertical-align: top;
  padding: 0 8px;
  color: #025157;
  border: 1px solid #a7a9ac; }

#search [type="submit"] {
  width: 32px;
  height: 30px;
  border: none;
  overflow: hidden;
  color: transparent;
  background-image: url("../graphics/search-icon.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center center;
  background-color: #025157;
  cursor: pointer;
  position: absolute; }

/* !=Search - in search results page */
.CMSSearchResults.searchresults > .CMSSearchBox {
  background: none;
  padding: 0;
  font-size: 0; }

.CMSSearchResults.searchresults [type="submit"] {
  width: 32px;
  height: 30px;
  border: none;
  overflow: hidden;
  color: transparent;
  background-image: url("../graphics/search-icon.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center center;
  background-color: #025157;
  cursor: pointer;
  margin-left: -1px; }

.CMSSearchResults.searchresults .CMSResult h3.CMSResultTitle {
  margin-bottom: 5px;
  font-size: 1.2em;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-weight: 700; }
  .CMSSearchResults.searchresults .CMSResult h3.CMSResultTitle a {
    text-decoration: none; }
    .CMSSearchResults.searchresults .CMSResult h3.CMSResultTitle a:hover, .CMSSearchResults.searchresults .CMSResult h3.CMSResultTitle a:focus {
      text-decoration: underline; }

.CMSSearchResults.searchresults .CMSResultDate {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 0.9em; }

.CMSSearchResults.searchresults .CMSResultLink {
  margin-top: 10px; }
  .CMSSearchResults.searchresults .CMSResultLink a:link {
    color: #6e979a; }

#countdown-90-years.wrap .countdown-inner {
  background-color: #025157;
  padding: 20px;
  margin-bottom: 20px; }
  #countdown-90-years.wrap .countdown-inner div.label span.text {
    display: block;
    color: white;
    background-color: #BE1F41;
    text-transform: uppercase;
    font-size: 44px;
    line-height: 40px;
    padding: 7px 25px 3px 10px; }
  #countdown-90-years.wrap .countdown-inner div.label.not-reached {
    float: left; }
  #countdown-90-years.wrap .countdown-inner div.label.reached {
    float: none;
    width: 100%;
    text-align: center; }
    #countdown-90-years.wrap .countdown-inner div.label.reached span.text {
      padding-right: 10px; }
  #countdown-90-years.wrap .countdown-inner div.countdown-segments {
    float: right;
    color: white;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 26px;
    padding: 20px 0 0; }
    #countdown-90-years.wrap .countdown-inner div.countdown-segments span.segment span.unit {
      color: #ffffff; }
  #countdown-90-years.wrap .countdown-inner > a {
    text-decoration: none; }

#footer {
  width: 100%;
  font-size: 0.8571em;
  color: #ffffff;
  background-color: #025157;
  /** !=Nav !=Secondary */
  /** !=Subsection !=Sublinks */ }
  #footer .nav {
    position: relative; }
    #footer .nav .wrap {
      padding: 40px 0 0; }
    #footer .nav .container {
      display: table;
      margin-left: 20px; }
      #footer .nav .container .columns-3 {
        padding-bottom: 10px;
        width: 220px;
        padding-left: 18px; }
        #footer .nav .container .columns-3:last-child {
          border-right: none; }
      #footer .nav .container > .columns-3 {
        display: table-cell;
        float: none; }
    #footer .nav strong {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: inherit;
      color: #ffffff; }
      #footer .nav strong a {
        font-family: inherit;
        font-weight: inherit;
        text-transform: uppercase;
        color: inherit; }
    #footer .nav ul {
      list-style: none;
      margin: 0;
      padding-bottom: 20px; }
      #footer .nav ul li {
        display: block;
        margin: 0;
        line-height: normal;
        color: #ffffff; }
  #footer .sub {
    padding: 30px 0; }
    #footer .sub ul {
      margin-bottom: 0;
      margin-left: 15px;
      list-style: none;
      display: inline-block; }
      #footer .sub ul li {
        display: inline-block;
        margin-right: 5px;
        border-left: 1px solid #ffffff;
        line-height: normal;
        color: #ffffff; }
        #footer .sub ul li:first-child {
          border-left: none; }
          #footer .sub ul li:first-child a:first-child {
            padding-left: none; }
        #footer .sub ul li ~ li {
          padding-left: 5px; }
    #footer .sub p, #footer .sub th,
    #footer .sub td {
      margin: 0; }
    #footer .sub .container div:last-child {
      text-align: right; }
  #footer a {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    font-weight: 400;
    text-transform: none;
    color: #ffffff; }
    #footer a:hover, #footer a:focus {
      text-decoration: underline; }
  #footer abbr {
    border: none; }

#footer .footer-contact {
  display: table; }
  #footer .footer-contact li {
    display: table-row;
    padding: 0; }
    #footer .footer-contact li > span:first-child {
      width: 50px; }
    #footer .footer-contact li:last-child {
      margin-top: 10px; }
      #footer .footer-contact li:last-child > span:first-child {
        width: auto; }
  #footer .footer-contact img {
    vertical-align: middle;
    margin-right: 10px;
    display: table-cell;
    margin-bottom: 10px; }
  #footer .footer-contact span {
    line-height: 20px;
    display: table-cell;
    vertical-align: top; }

/* !=Main */
#main {
  clear: both;
  padding-top: 20px;
  background-color: #eeeeee; }

/* !=Content */
#content {
  position: relative;
  min-height: 450px;
  padding: 20px;
  background-color: #ffffff;
  /* !=News !=Item !=Listing */ }
  #content.login .login-form [type="email"],
  #content.login .login-form [type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #a7a9ac;
    width: 200px;
    height: 30px;
    padding: 0 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400; }
  #content.login .login-form .field {
    margin-bottom: 10px; }
    #content.login .login-form .field label {
      float: left;
      display: block;
      width: 120px;
      padding: 8px 0; }
  #content.login .login-form .buttons {
    margin-left: 120px; }
    #content.login .login-form .buttons input,
    #content.login .login-form .buttons a {
      display: inline-block;
      padding: 12px 20px;
      border: none;
      overflow: hidden;
      vertical-align: top;
      text-decoration: none;
      text-transform: uppercase;
      text-align: center;
      font-weight: 700;
      color: #ffffff;
      white-space: nowrap;
      background-color: #BE1F41;
      cursor: pointer;
      -webkit-transition: background-color 0.25s;
      transition: background-color 0.25s; }
      #content.login .login-form .buttons input:hover, #content.login .login-form .buttons input:focus,
      #content.login .login-form .buttons a:hover,
      #content.login .login-form .buttons a:focus {
        text-decoration: none;
        background-color: #921832; }
  #content.login .forgot-password {
    margin-top: 20px;
    color: #7c7c7c; }
  #content a:link {
    color: #6e979a;
    text-decoration: underline; }
    #content a:link:hover, #content a:link:focus {
      text-decoration: none; }
  #content a:visited {
    color: #BE1F41;
    text-decoration: underline; }
    #content a:visited:hover, #content a:visited:focus {
      text-decoration: none; }
  #content a:link.more,
  #content a:visited.more {
    display: inline-block;
    color: #6e979a; }
  #content a.view-all:link,
  #content a.view-all:visited {
    display: inline-block;
    padding: 12px 20px;
    border: none;
    overflow: hidden;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    white-space: nowrap;
    background-color: #BE1F41;
    cursor: pointer;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s; }
    #content a.view-all:link:hover, #content a.view-all:link:focus,
    #content a.view-all:visited:hover,
    #content a.view-all:visited:focus {
      text-decoration: none;
      background-color: #921832; }
  #content ol ul,
  #content ul ul {
    margin-left: 0;
    list-style-type: none; }
    #content ol ul li:before,
    #content ul ul li:before {
      content: '\2013';
      padding-right: 10px; }
  #content h2 a:link,
  #content h2 a:visited,
  #content h3 a:link,
  #content h3 a:visited,
  #content h4 a:link,
  #content h4 a:visited,
  #content h5 a:link,
  #content h5 a:visited {
    color: #025157; }
  #content .listing {
    clear: both; }
    #content .listing .item h3 {
      margin: 0;
      margin: 0 0 12px;
      line-height: 1.2;
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      text-decoration: none;
      font-weight: 700; }
      #content .listing .item h3 a {
        display: block;
        text-decoration: none;
        color: inherit;
        font: inherit; }
        #content .listing .item h3 a:hover, #content .listing .item h3 a:focus {
          text-decoration: underline; }
      #content .listing .item h3 span {
        display: block;
        margin-top: 10px;
        font-size: 11px;
        font-weight: 400;
        text-transform: uppercase;
        color: #7c7c7c; }
    #content .listing .item.feature {
      width: 220px;
      margin-bottom: 20px; }
      #content .listing .item.feature h2,
      #content .listing .item.feature h3 {
        font-size: 17px;
        color: #6e979a; }
      #content .listing .item.feature div {
        padding: 20px;
        padding-bottom: 10px;
        border: 1px solid #cccccc;
        border-top: none; }
      #content .listing .item.feature img {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
        box-shadow: none; }
      #content .listing .item.feature a {
        display: block;
        margin: 0;
        padding: 0; }
      #content .listing .item.feature p, #content .listing .item.feature th,
      #content .listing .item.feature td {
        margin: 0;
        font-size: 14px; }
    #content .listing ol {
      list-style: none;
      margin: 0; }
      #content .listing ol li {
        padding-top: 0;
        margin-bottom: 15px;
        padding-left: 10px; }
        #content .listing ol li ~ li {
          padding-top: 15px;
          padding-bottom: 0;
          border-top: 1px solid #939393; }
      #content .listing ol.news li {
        clear: both;
        min-height: 140px; }
    #content .listing img {
      float: right;
      margin-left: 15px;
      margin-bottom: 15px;
      border: 3px solid #ffffff;
      box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; }
  #content table img {
    max-width: none; }
  .pagetype-pageshomepage #content .listing li h3 {
    color: #025157; }

/* !=Mainbar */
#mainbar {
  padding-right: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
  #mainbar.columns-12 {
    padding-right: 0; }

/* !=Sidebar */
#sidebar .embedded_gallery {
  margin-left: 15px; }
  #sidebar .embedded_gallery .gallery_item {
    width: auto; }

/* !=Headings */
h1 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #6e979a; }

h2 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #6e979a; }

h3 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #6e979a; }

h4 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #6e979a; }

h5 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #6e979a; }

h6 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #6e979a; }

h1,
.pagetype-pageshomepage h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 2.2em;
  color: #025157; }

h2 {
  margin-top: 20px;
  font-size: 1.8em; }

h3 {
  margin-top: 20px;
  font-size: 1.6em; }

h4 {
  margin-top: 20px;
  font-size: 1.4em; }

h5 {
  margin-top: 20px;
  font-size: 1.2em; }

h6 {
  margin-top: 20px;
  font-size: 1.1em; }

/* !=Skiplink - in-page link A element that displays on focus to skip the navigation and jump focus the content */
a.skiplink:link {
  position: absolute;
  z-index: 20;
  top: -2em;
  left: 0;
  right: 0;
  line-height: 2em;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.2em;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  background: #BE1F41;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  a.skiplink:link:focus {
    top: 0;
    outline: none;
    color: #ffffff;
    text-decoration: underline;
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px; }

/* !=Helper */
.offscreen, .phantom {
  position: absolute;
  top: -10000px;
  left: 0; }

.no-top-margin {
  margin-top: 0; }

/* !=Breadcrumbs */
#content .breadcrumbs {
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 30px; }
  #content .breadcrumbs a:link,
  #content .breadcrumbs a:visited {
    display: inline-block;
    margin-bottom: 5px;
    color: #025157; }
  #content .breadcrumbs > span {
    display: inline-block;
    margin-bottom: 5px;
    color: #6e979a; }

.pagetype-pageshomepage .listing ol {
  padding-left: 30px; }
  .pagetype-pageshomepage .listing ol li.last-child,
  .pagetype-pageshomepage .listing ol li:last-child {
    border-bottom: none; }

/* !=Pagination - controls for listing/news page */
#content .pagination {
  margin-bottom: 40px;
  text-align: right; }
  #content .pagination a:link,
  #content .pagination a:visited {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    vertical-align: top;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #6e979a;
    border: 1px solid #6e979a; }
    #content .pagination a:link.back, #content .pagination a:link.next,
    #content .pagination a:visited.back,
    #content .pagination a:visited.next {
      width: auto;
      padding-left: 5px;
      padding-right: 5px; }
      #content .pagination a:link.back.disabled, #content .pagination a:link.next.disabled,
      #content .pagination a:visited.back.disabled,
      #content .pagination a:visited.next.disabled {
        display: none; }
    #content .pagination a:link.back:before,
    #content .pagination a:visited.back:before {
      content: '';
      display: inline-block;
      margin-right: 5px;
      border-style: solid;
      border-width: 5px 6px 5px 0;
      border-color: transparent #ffffff transparent transparent; }
    #content .pagination a:link.next:after,
    #content .pagination a:visited.next:after {
      content: '';
      display: inline-block;
      margin-left: 5px;
      border-style: solid;
      border-width: 5px 0 5px 6px;
      border-color: transparent transparent transparent #ffffff; }
    #content .pagination a:link:hover, #content .pagination a:link:focus,
    #content .pagination a:visited:hover,
    #content .pagination a:visited:focus {
      text-decoration: underline; }
    #content .pagination a:link.selected,
    #content .pagination a:visited.selected {
      color: #6e979a;
      background-color: #ffffff; }
      #content .pagination a:link.selected:hover, #content .pagination a:link.selected:focus,
      #content .pagination a:visited.selected:hover,
      #content .pagination a:visited.selected:focus {
        border: 1px solid #6e979a;
        background: inherit; }
  #content .pagination span.next, #content .pagination span.back {
    width: auto;
    padding-left: 5px;
    padding-right: 5px; }
    #content .pagination span.next.disabled, #content .pagination span.back.disabled {
      display: none; }

/* absolute sizes for the home-page */
#feature {
  width: 222px; }

#content a.go-back {
  display: inline-block;
  width: auto;
  height: 18px;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  background-color: #6e979a;
  border: 1px solid #6e979a; }
  #content a.go-back:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    border-style: solid;
    border-width: 5px 6px 5px 0;
    border-color: transparent #ffffff transparent transparent; }
  #content a.go-back:hover, #content a.go-back:focus {
    text-decoration: underline; }

#content .photo_listing {
  margin-bottom: 20px;
  padding: 20px;
  background: #eeeeee; }
  #content .photo_listing img {
    margin: 0; }
  #content .photo_listing a.go-back {
    float: right;
    margin-top: 3px; }
  #content .photo_listing h3 {
    float: left;
    margin: 0 0 20px; }
  #content .photo_listing .main_photo {
    clear: both; }
    #content .photo_listing .main_photo .photo {
      width: 100%;
      height: 300px;
      background-size: 100% auto;
      background-color: #eeeeee; }
  #content .photo_listing .thumbs {
    margin-top: 15px; }
    #content .photo_listing .thumbs .thumb {
      margin-right: 10px; }

/* !=Forms */
/** !=Fieldset */
fieldset.invisible {
  border: 0;
  white-space: nowrap; }
  fieldset.invisible legend {
    font-size: 0; }

#content textarea {
  width: 100%;
  height: 130px; }

#content .formButtons button,
#content .formButtons input[type="submit"],
#content .formButtons input[type="reset"] {
  display: inline-block;
  padding: 12px 20px;
  border: none;
  overflow: hidden;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
  background-color: #BE1F41;
  cursor: pointer;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  margin-bottom: 24px; }
  #content .formButtons button:hover, #content .formButtons button:focus,
  #content .formButtons input[type="submit"]:hover,
  #content .formButtons input[type="submit"]:focus,
  #content .formButtons input[type="reset"]:hover,
  #content .formButtons input[type="reset"]:focus {
    text-decoration: none;
    background-color: #921832; }

/* !=Social networking - UL list of links in the content */
.social-networking {
  list-style: none;
  margin: 0;
  background-color: #ffffff; }
  .social-networking li {
    display: inline-block;
    width: 48%;
    margin: 0 1%; }
    .social-networking li a {
      position: relative;
      display: block;
      width: 100%;
      height: 60px;
      margin-bottom: 9px;
      text-indent: 75px;
      white-space: nowrap;
      overflow: hidden;
      line-height: 2.8;
      font-size: 22px;
      background-color: #ffffff;
      border: 1px solid #6e979a;
      text-transform: uppercase;
      text-decoration: none; }
      .social-networking li a:hover, .social-networking li a:focus {
        background-color: #00856b; }
      #content .social-networking li a:link, #content .social-networking li a:visited {
        color: #6e979a;
        text-decoration: none; }
        #content .social-networking li a:link:hover, #content .social-networking li a:link:focus, #content .social-networking li a:visited:hover, #content .social-networking li a:visited:focus {
          color: #025157;
          border-color: #025157;
          text-decoration: none;
          background-color: transparent;
          outline: none; }
      .social-networking li a.twitter {
        background-image: url("../graphics/twitter-grey.gif");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 60px 60px;
        background-position: 0px 0px; }
        .social-networking li a.twitter:before {
          content: '';
          background-image: url("../graphics/twitter.gif");
          background-position: 0 0;
          background-repeat: no-repeat; }
        .social-networking li a.twitter:hover, .social-networking li a.twitter:focus {
          background-image: url("../graphics/twitter.gif"); }
      .social-networking li a.facebook {
        background-image: url("../graphics/facebook-grey.gif");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 60px 60px;
        background-position: 0px 0px; }
        .social-networking li a.facebook:before {
          content: '';
          background-image: url("../graphics/facebook.gif");
          background-position: 0 0;
          background-repeat: no-repeat; }
        .social-networking li a.facebook:hover, .social-networking li a.facebook:focus {
          background-image: url("../graphics/facebook.gif"); }

/* !=Accordian */
.accordion {
  margin-bottom: 14px;
  margin-top: 0; }
  .accordion.expanded .accordion-title {
    color: #FFF;
    background: #18aa64; }
    .accordion.expanded .accordion-title .dart {
      background-image: url(../graphics/minus.gif); }
  .accordion .accordion-title {
    font-size: 20px;
    min-height: 20px;
    padding: 10px 60px;
    cursor: pointer;
    background: #279655;
    color: #FFF;
    position: relative; }
    .accordion .accordion-title:focus, .accordion .accordion-title:hover {
      color: #FFF;
      background: #18aa64; }
      .accordion .accordion-title:focus .dart, .accordion .accordion-title:hover .dart {
        background-color: #18aa64; }
    .accordion .accordion-title .dart {
      position: absolute;
      width: 40px;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(../graphics/plus.gif);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-color: #18aa64; }
      .accordion .accordion-title .dart:before {
        content: '';
        background-image: url("../graphics/minus.gif"); }
  .accordion .accordion-context {
    padding: 15px 0px 0px 60px;
    margin-bottom: 0px; }
    .accordion .accordion-context ul {
      margin-left: 12px; }
      .accordion .accordion-context ul li {
        list-style-image: url(../graphics/icon-bullet.png);
        list-style-position: outside;
        padding-left: 8px; }
    .accordion .accordion-context ol {
      counter-reset: item;
      margin-left: 17px; }
      .accordion .accordion-context ol li {
        display: block;
        text-indent: -1.1em; }
        .accordion .accordion-context ol li:before {
          content: counter(item) ". ";
          counter-increment: item;
          color: black; }
    .accordion .accordion-context a:visited {
      color: #6e979a; }
  .accordion.collapsed .accordion-context {
    display: none; }
  .accordion.expanded .accordion-context {
    display: block; }

/* !=Callout */
#content img {
  max-width: 100%;
  height: auto; }

#content .callout {
  position: relative;
  margin: 0 -30px 30px 15px;
  padding: 26px 20px;
  color: #ffffff;
  background-color: #025157;
  /** !=Quick links !=Quicklinks */ }
  #content .callout:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 10px;
    height: 20px;
    background-image: url("../graphics/quicklinks.shadow.top.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent; }
  #content .callout:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    right: 10px;
    left: 3px;
    height: 10px;
    background-image: url("../graphics/quicklinks.shadow.bottom.gif");
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  #content .callout :first-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border-top: 5px solid #007aa6;
    border-right: 10px solid transparent; }
  #content .callout h3 {
    margin-top: 0;
    padding-bottom: 10px;
    font-size: inherit;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-weight: 700;
    color: #ffffff; }
  #content .callout ul {
    list-style: none;
    margin: 10px 0 0; }
    #content .callout ul li {
      display: block;
      margin: 0;
      padding: 5px 0; }
      #content .callout ul li:first-child {
        margin-top: 0; }
  #content .callout a {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    font-weight: 400;
    color: #ffffff; }
  #content .callout.quick-links {
    text-transform: uppercase;
    color: #ffffff;
    background-color: #025157; }
    #content .callout.quick-links h3 {
      border-bottom: 1px solid #ffffff; }
    #content .callout.quick-links a:link:hover, #content .callout.quick-links a:link:focus,
    #content .callout.quick-links a:visited:hover,
    #content .callout.quick-links a:visited:focus {
      text-decoration: underline; }

/* !=Related panel (=events and =news) */
.related, .panel {
  margin-bottom: 30px;
  margin-left: 15px;
  border: 1px solid #eeeeee;
  /** !=Events !=Relatedevents */ }
  .related h3, .panel h3 {
    margin: 0;
    padding: 17px 20px;
    font-size: inherit;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #BE1F41;
    /*
			position: ($base * 4) 50%;
			size: 25px 25px;
			repeat: no-repeat;
*/ }
  #content .related.related-news ul li a:link, #content .related-news.panel ul li a:link,
  #content .related.related-news ul li a:visited,
  #content .related-news.panel ul li a:visited, #content .related.related-events ul li a:link, #content .related-events.panel ul li a:link,
  #content .related.related-events ul li a:visited,
  #content .related-events.panel ul li a:visited {
    text-decoration: none;
    color: #000000; }
    #content .related.related-news ul li a:link:hover, #content .related-news.panel ul li a:link:hover, #content .related.related-news ul li a:link:focus, #content .related-news.panel ul li a:link:focus,
    #content .related.related-news ul li a:visited:hover,
    #content .related-news.panel ul li a:visited:hover,
    #content .related.related-news ul li a:visited:focus,
    #content .related-news.panel ul li a:visited:focus, #content .related.related-events ul li a:link:hover, #content .related-events.panel ul li a:link:hover, #content .related.related-events ul li a:link:focus, #content .related-events.panel ul li a:link:focus,
    #content .related.related-events ul li a:visited:hover,
    #content .related-events.panel ul li a:visited:hover,
    #content .related.related-events ul li a:visited:focus,
    #content .related-events.panel ul li a:visited:focus {
      text-decoration: underline; }
  #content .related.related-news ul li span, #content .related-news.panel ul li span, #content .related.related-events ul li span, #content .related-events.panel ul li span {
    color: #7c7c7c;
    font-size: 0.9em;
    line-height: 1.4;
    text-transform: uppercase; }
  #content .related.related-news ul li span, #content .related-news.panel ul li span {
    display: block; }
  .related.related-events a strong, .related-events.panel a strong {
    font-weight: 700;
    text-transform: none;
    color: #025157; }
  .related div, .panel div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
  .related ul, .panel ul,
  .related ol,
  .panel ol {
    list-style: none;
    margin: 0 0 10px; }
  .related.related-empty, .related-empty.panel {
    padding: 25px;
    font-style: italic;
    border: 1px solid #cccccc;
    color: #cccccc; }

.panel {
  /** !=Contacts */ }
  .panel h3 {
    background-size: 26px 30px; }
  .panel h4 {
    margin: 0 0 20px;
    font-size: 1.4em; }
  .panel a {
    color: #6e979a; }
  .panel ol li,
  .panel ul li {
    padding: 0; }
    .panel ol li ~ li,
    .panel ul li ~ li {
      margin-top: 15px;
      padding-top: 20px;
      border-top: 1px solid #cccccc; }
  .panel img {
    float: left;
    margin-right: 15px;
    border: 3px solid #ffffff;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; }
    .panel img + p, .panel img + th,
    .panel img + td {
      padding-top: 20px; }
      .panel img + p + p, .panel img + th + p, .panel img + td + p, .panel img + p + th, .panel img + th + th, .panel img + td + th,
      .panel img + p + td,
      .panel img + th + td,
      .panel img + td + td {
        padding-top: 15px;
        clear: both; }
  .panel strong {
    font-family: 'Playfair Display', serif;
    font-weight: 400; }
  .panel.contacts strong {
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-weight: 700; }
  .panel.contacts em {
    display: block;
    line-height: 1.4;
    font-style: inherit;
    font-size: 0.9em;
    color: #6e979a; }
  .panel.contacts div div {
    clear: both;
    padding: 15px 0 0 0;
    border: none; }
    .panel.contacts div div p, .panel.contacts div div th,
    .panel.contacts div div td {
      margin-bottom: 0; }

#content .graphical_link {
  max-width: 220px; }

#content .graphical-link abbr {
  border: none; }

#content .graphical-link-boarding a, #content .graphical-link-enquiry a, #content .graphical-link-baccalaureate a, #content .graphical-link-performance a, #content .graphical-link-early a, #content .graphical-link-early-learning a, #content .graphical-link-sport a, #content .graphical-link-music a, #content .graphical-link-weekly-update a, #content .graphical-link-association a, #content .graphical-link-enroll a, #content .graphical-link-video a, #content .graphical-link-prospectus a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 54px;
  padding: 18px 10px;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #025157;
  border: 2px solid #025157;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.125);
  -webkit-transition: 0.25s;
  transition: 0.25s; }
  #content .graphical-link-boarding a:hover, #content .graphical-link-enquiry a:hover, #content .graphical-link-baccalaureate a:hover, #content .graphical-link-performance a:hover, #content .graphical-link-early a:hover, #content .graphical-link-early-learning a:hover, #content .graphical-link-sport a:hover, #content .graphical-link-music a:hover, #content .graphical-link-weekly-update a:hover, #content .graphical-link-association a:hover, #content .graphical-link-enroll a:hover, #content .graphical-link-video a:hover, #content .graphical-link-prospectus a:hover, #content .graphical-link-boarding a:focus, #content .graphical-link-enquiry a:focus, #content .graphical-link-baccalaureate a:focus, #content .graphical-link-performance a:focus, #content .graphical-link-early a:focus, #content .graphical-link-early-learning a:focus, #content .graphical-link-sport a:focus, #content .graphical-link-music a:focus, #content .graphical-link-weekly-update a:focus, #content .graphical-link-association a:focus, #content .graphical-link-enroll a:focus, #content .graphical-link-video a:focus, #content .graphical-link-prospectus a:focus {
    color: #ffffff;
    background-color: #025157; }
    #content .graphical-link-boarding a:hover > span, #content .graphical-link-enquiry a:hover > span, #content .graphical-link-baccalaureate a:hover > span, #content .graphical-link-performance a:hover > span, #content .graphical-link-early a:hover > span, #content .graphical-link-early-learning a:hover > span, #content .graphical-link-sport a:hover > span, #content .graphical-link-music a:hover > span, #content .graphical-link-weekly-update a:hover > span, #content .graphical-link-association a:hover > span, #content .graphical-link-enroll a:hover > span, #content .graphical-link-video a:hover > span, #content .graphical-link-prospectus a:hover > span, #content .graphical-link-boarding a:focus > span, #content .graphical-link-enquiry a:focus > span, #content .graphical-link-baccalaureate a:focus > span, #content .graphical-link-performance a:focus > span, #content .graphical-link-early a:focus > span, #content .graphical-link-early-learning a:focus > span, #content .graphical-link-sport a:focus > span, #content .graphical-link-music a:focus > span, #content .graphical-link-weekly-update a:focus > span, #content .graphical-link-association a:focus > span, #content .graphical-link-enroll a:focus > span, #content .graphical-link-video a:focus > span, #content .graphical-link-prospectus a:focus > span {
      background-image: url("../graphics/home.icon.white.svg"); }
  #content .graphical-link-boarding a > span, #content .graphical-link-enquiry a > span, #content .graphical-link-baccalaureate a > span, #content .graphical-link-performance a > span, #content .graphical-link-early a > span, #content .graphical-link-early-learning a > span, #content .graphical-link-sport a > span, #content .graphical-link-music a > span, #content .graphical-link-weekly-update a > span, #content .graphical-link-association a > span, #content .graphical-link-enroll a > span, #content .graphical-link-video a > span, #content .graphical-link-prospectus a > span {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    padding-left: 44px;
    min-height: 32px;
    background-image: url("../graphics/home.icon.green.svg");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 32px 32px; }
    #content .graphical-link-boarding a > span > span, #content .graphical-link-enquiry a > span > span, #content .graphical-link-baccalaureate a > span > span, #content .graphical-link-performance a > span > span, #content .graphical-link-early a > span > span, #content .graphical-link-early-learning a > span > span, #content .graphical-link-sport a > span > span, #content .graphical-link-music a > span > span, #content .graphical-link-weekly-update a > span > span, #content .graphical-link-association a > span > span, #content .graphical-link-enroll a > span > span, #content .graphical-link-video a > span > span, #content .graphical-link-prospectus a > span > span {
      display: block; }

#content .graphical-link-boarding abbr, #content .graphical-link-enquiry abbr, #content .graphical-link-baccalaureate abbr, #content .graphical-link-performance abbr, #content .graphical-link-early abbr, #content .graphical-link-early-learning abbr, #content .graphical-link-sport abbr, #content .graphical-link-music abbr, #content .graphical-link-weekly-update abbr, #content .graphical-link-association abbr, #content .graphical-link-enroll abbr, #content .graphical-link-video abbr, #content .graphical-link-prospectus abbr {
  border: none;
  text-decoration: none; }

#content .graphical-link-enquiry a > span {
  background-image: url("../graphics/enquiry.icon.green.svg"); }

#content .graphical-link-enquiry a:hover > span, #content .graphical-link-enquiry a:focus > span {
  background-image: url("../graphics/enquiry.icon.white.svg"); }

#content .graphical-link-baccalaureate a > span {
  background-image: url("../graphics/globe.icon.green.svg");
  background-size: 34px 34px; }

#content .graphical-link-baccalaureate a:hover > span, #content .graphical-link-baccalaureate a:focus > span {
  background-image: url("../graphics/globe.icon.white.svg"); }

#content .graphical-link-performance a > span {
  background-image: url("../graphics/performance.icon.green.svg"); }

#content .graphical-link-performance a:hover > span, #content .graphical-link-performance a:focus > span {
  background-image: url("../graphics/performance.icon.white.svg"); }

#content .graphical-link-early a > span {
  background-image: url("../graphics/early.icon.green.svg"); }

#content .graphical-link-early a:hover > span, #content .graphical-link-early a:focus > span {
  background-image: url("../graphics/early.icon.white.svg"); }

#content .graphical-link-early-learning a > span {
  background-image: url("../graphics/early.icon.green.svg"); }

#content .graphical-link-early-learning a:hover > span, #content .graphical-link-early-learning a:focus > span {
  background-image: url("../graphics/early.icon.white.svg"); }

#content .graphical-link-sport a > span {
  background-image: url("../graphics/sport.icon.green.svg"); }

#content .graphical-link-sport a:hover > span, #content .graphical-link-sport a:focus > span {
  background-image: url("../graphics/sport.icon.white.svg"); }

#content .graphical-link-music a > span {
  background-image: url("../graphics/music.icon.green.svg"); }

#content .graphical-link-music a:hover > span, #content .graphical-link-music a:focus > span {
  background-image: url("../graphics/music.icon.white.svg"); }

#content .graphical-link-weekly-update a > span {
  background-image: url("../graphics/megaphone.icon.green.svg"); }

#content .graphical-link-weekly-update a:hover > span, #content .graphical-link-weekly-update a:focus > span {
  background-image: url("../graphics/megaphone.icon.white.svg"); }

#content .graphical-link-association a > span {
  background-image: url("../graphics/association.icon.green.svg"); }

#content .graphical-link-association a:hover > span, #content .graphical-link-association a:focus > span {
  background-image: url("../graphics/association.icon.white.svg"); }

#content .graphical-link-video a > span {
  background-image: url("../graphics/video.icon.green.svg"); }

#content .graphical-link-video a:hover > span, #content .graphical-link-video a:focus > span {
  background-image: url("../graphics/video.icon.white.svg"); }

#content .graphical-link-prospectus a > span {
  background-image: url("../graphics/prospectus.icon.green.svg"); }

#content .graphical-link-prospectus a:hover > span, #content .graphical-link-prospectus a:focus > span {
  background-image: url("../graphics/prospectus.icon.white.svg"); }

#content .call-to-action {
  margin-bottom: 20px;
  padding-top: 26px;
  padding-bottom: 26px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  background-color: #025157; }
  #content .call-to-action h3 {
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px; }
    #content .call-to-action h3 + .call-to-action-content {
      padding-top: 0; }
  #content .call-to-action .call-to-action-image {
    margin-bottom: 16px; }
    #content .call-to-action .call-to-action-image img {
      display: block;
      width: 100%; }
  #content .call-to-action .call-to-action-content {
    padding-left: 10px;
    padding-right: 10px; }
    #content .call-to-action .call-to-action-content p, #content .call-to-action .call-to-action-content th,
    #content .call-to-action .call-to-action-content td {
      margin: 0 0 12px; }
  #content .call-to-action .call-to-action-link > a {
    color: #ffffff; }
  #content .call-to-action .call-to-action-button {
    text-align: center; }
    #content .call-to-action .call-to-action-button > a {
      padding-top: 12px;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      font-size: inherit;
      color: #ffffff; }

.pagetype-pageshomepage .call-to-action {
  margin-left: 0 !important; }

/* !=Highlights */
#content .highlights {
  position: relative;
  width: 940px;
  height: 450px;
  overflow: hidden;
  margin-bottom: 30px;
  color: #ffffff;
  background-color: #025157; }
  #content .highlights .highlights_slide {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden; }
    #content .highlights .highlights_slide h2 {
      text-transform: none;
      color: white;
      margin: 0 0 20px;
      line-height: 1.2;
      font-size: 36px; }
    #content .highlights .highlights_slide > div:after {
      content: '';
      display: block;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.72)), color-stop(72%, rgba(0, 0, 0, 0)));
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0) 72%);
      background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0) 72%); }
    #content .highlights .highlights_slide > div .img img {
      display: block;
      margin: 0; }
    #content .highlights .highlights_slide .copy {
      position: absolute;
      z-index: 2;
      right: 20px;
      left: 50px;
      bottom: 70px;
      max-width: 460px;
      top: auto; }
      #content .highlights .highlights_slide .copy strong {
        line-height: inherit;
        color: #ffffff;
        font-weight: normal; }
        #content .highlights .highlights_slide .copy strong span {
          display: inline-block;
          margin-bottom: 10px;
          padding: 0 10px;
          font-family: 'Playfair Display', serif;
          font-weight: 700;
          text-transform: uppercase;
          font-size: 56px;
          color: #ffffff; }
      #content .highlights .highlights_slide .copy p, #content .highlights .highlights_slide .copy th,
      #content .highlights .highlights_slide .copy td {
        color: #ffffff;
        margin: 15px 0;
        text-shadow: #000000 0px 1px 1px; }
      #content .highlights .highlights_slide .copy a:link.more,
      #content .highlights .highlights_slide .copy a:visited.more {
        display: inline-block;
        padding: 12px 20px;
        border: none;
        overflow: hidden;
        vertical-align: top;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
        color: #ffffff;
        white-space: nowrap;
        background-color: #BE1F41;
        cursor: pointer;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
        margin-top: 20px; }
        #content .highlights .highlights_slide .copy a:link.more:hover, #content .highlights .highlights_slide .copy a:link.more:focus,
        #content .highlights .highlights_slide .copy a:visited.more:hover,
        #content .highlights .highlights_slide .copy a:visited.more:focus {
          text-decoration: none;
          background-color: #921832; }
    #content .highlights .highlights_slide .highlights-textimage .img {
      position: absolute;
      left: 22px;
      top: 79px;
      font-size: 0; }
      #content .highlights .highlights_slide .highlights-textimage .img img {
        border: 5px solid #ffffff; }
    #content .highlights .highlights_slide .highlights-textonly .copy strong {
      display: block;
      width: 70%; }
    #content .highlights .highlights_slide .highlights-textonly .copy strong span {
      font-size: 68px; }
    #content .highlights .highlights_slide .highlights-textonly .copy p, #content .highlights .highlights_slide .highlights-textonly .copy th,
    #content .highlights .highlights_slide .highlights-textonly .copy td {
      width: 690px;
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      padding-top: 20px;
      margin-top: 30px; }
    #content .highlights .highlights_slide .highlights-quoteimage a:link,
    #content .highlights .highlights_slide .highlights-quoteimage a:visited {
      display: block;
      text-decoration: none;
      color: inherit; }
      #content .highlights .highlights_slide .highlights-quoteimage a:link:hover, #content .highlights .highlights_slide .highlights-quoteimage a:link:focus,
      #content .highlights .highlights_slide .highlights-quoteimage a:visited:hover,
      #content .highlights .highlights_slide .highlights-quoteimage a:visited:focus {
        text-decoration: none; }
    #content .highlights .highlights_slide .highlights-quoteimage blockquote {
      display: block;
      font-style: normal;
      margin: 0;
      padding: 0; }
      #content .highlights .highlights_slide .highlights-quoteimage blockquote p, #content .highlights .highlights_slide .highlights-quoteimage blockquote th,
      #content .highlights .highlights_slide .highlights-quoteimage blockquote td {
        margin: 0 0 20px;
        line-height: 1.2;
        font-size: 36px;
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        color: inherit; }
        #content .highlights .highlights_slide .highlights-quoteimage blockquote p:before, #content .highlights .highlights_slide .highlights-quoteimage blockquote th:before,
        #content .highlights .highlights_slide .highlights-quoteimage blockquote td:before {
          content: '\201C';
          display: inline-block;
          position: absolute;
          z-index: 1;
          left: auto;
          right: 100%;
          color: white;
          font-style: inherit;
          margin-right: 0.2ex; }
        #content .highlights .highlights_slide .highlights-quoteimage blockquote p:after, #content .highlights .highlights_slide .highlights-quoteimage blockquote th:after,
        #content .highlights .highlights_slide .highlights-quoteimage blockquote td:after {
          content: '\201D.'; }
      #content .highlights .highlights_slide .highlights-quoteimage blockquote cite {
        display: block;
        font-style: inherit;
        font-size: 14px;
        font-weight: 700; }
        #content .highlights .highlights_slide .highlights-quoteimage blockquote cite:before {
          content: '\2014';
          display: inline-block;
          margin-right: 0.5ex; }
    #content .highlights .highlights_slide iframe {
      max-width: 100%; }
      #content .highlights .highlights_slide iframe.fullscreen {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 9998; }
  #content .highlights .highlights_biglink {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border: 0;
    cursor: pointer; }
    #content .highlights .highlights_biglink .summary {
      position: absolute;
      bottom: 0;
      padding: 20px 15px;
      line-height: 1.4em;
      font-size: 20px; }
  #content .highlights .highlights_buttons {
    list-style: none;
    position: absolute;
    z-index: 5;
    margin: 0;
    padding: 0;
    bottom: 10px;
    right: 15px;
    font-size: 0; }
    #content .highlights .highlights_buttons li {
      display: inline-block;
      margin: 0;
      vertical-align: bottom;
      line-height: normal; }
    #content .highlights .highlights_buttons .play-pause {
      position: absolute;
      bottom: 200%;
      right: 0;
      width: 24px;
      height: 24px;
      font-size: 0;
      overflow: hidden;
      border: none;
      background-image: url("../graphics/pause.control.svg");
      background-position: 50% 50%;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-color: transparent;
      cursor: pointer; }
      #content .highlights .highlights_buttons .play-pause.paused {
        background-image: url("../graphics/play.control.svg");
        background-position: 0 0;
        background-repeat: no-repeat; }
    #content .highlights .highlights_buttons a {
      display: inline-block;
      overflow: hidden;
      width: 7px;
      height: 7px;
      margin-left: 10px;
      border: 0px solid #ffffff;
      background-color: rgba(204, 204, 204, 0.5);
      border-radius: 50%;
      cursor: pointer;
      box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px; }
      #content .highlights .highlights_buttons a.active {
        background: #ffffff; }

/* !=Article */
#content .article h2 {
  margin-top: 0; }

#content .article > img {
  float: right;
  max-width: 60%;
  margin: 10px 4px 20px 20px;
  border: 3px solid #ffffff;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; }

/* !=Landing page image - background to H1/H2 in the #content */
.landing-page-image {
  position: relative;
  max-width: 620px;
  margin-bottom: 30px;
  overflow: hidden;
  font-size: 0;
  border: 1px solid #cccccc; }
  .landing-page-image h1,
  .landing-page-image h2 {
    position: absolute;
    display: inline-block;
    left: 10px;
    bottom: 5px;
    margin: 0; }
    .landing-page-image h1 span,
    .landing-page-image h2 span {
      font-size: 30px;
      line-height: 150%;
      color: #ffffff;
      background: #BE1F41; }
  .landing-page-image img {
    width: 100%;
    height: auto;
    min-height: 110px; }

#date_social div {
  display: inline-block; }

#date_social .date {
  margin-right: 20px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 1.3em; }

.UIBeingEdited #date_social {
  height: 90px; }

/* !=Landing navigation - UL element */
#content .landing-navigation > ul {
  list-style: none;
  margin: 0 0 20px; }
  #content .landing-navigation > ul > li {
    display: block;
    float: left;
    width: 46%;
    margin-right: 2%;
    padding-left: 2%;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc; }
    #content .landing-navigation > ul > li > a {
      font-weight: 700;
      font-size: 16px;
      color: #6e979a; }
    #content .landing-navigation > ul > li + li + li {
      padding-top: 20px; }
  #content .landing-navigation > ul a:link,
  #content .landing-navigation > ul a:visited {
    text-decoration: none; }
    #content .landing-navigation > ul a:link:hover, #content .landing-navigation > ul a:link:focus,
    #content .landing-navigation > ul a:visited:hover,
    #content .landing-navigation > ul a:visited:focus {
      text-decoration: underline; }
  #content .landing-navigation > ul ul {
    margin: 0; }
    #content .landing-navigation > ul ul li {
      list-style: none;
      margin: 10px 0 0 12px;
      padding: 0; }
      #content .landing-navigation > ul ul li:before {
        display: none; }
      #content .landing-navigation > ul ul li a {
        position: relative;
        line-height: 1.25em;
        color: #000000; }
        #content .landing-navigation > ul ul li a:before {
          content: '';
          position: absolute;
          display: block;
          left: -10px;
          margin-right: 5px;
          top: 3px;
          border-style: solid;
          border-width: 4px 0 4px 5px;
          border-color: transparent transparent transparent #6e979a; }

/* !=Sub-landing navigation - UL element */
#content .sub-landing-navigation {
  width: 50%;
  min-width: 300px;
  margin-bottom: 20px; }
  #content .sub-landing-navigation h2,
  #content .sub-landing-navigation h3,
  #content .sub-landing-navigation h4 {
    margin: 0;
    padding: 20px 0 0; }
  #content .sub-landing-navigation a:link,
  #content .sub-landing-navigation a:visited {
    text-decoration: none; }
    #content .sub-landing-navigation a:link:hover, #content .sub-landing-navigation a:link:focus,
    #content .sub-landing-navigation a:visited:hover,
    #content .sub-landing-navigation a:visited:focus {
      text-decoration: underline; }
  #content .sub-landing-navigation ul {
    margin: 0; }
    #content .sub-landing-navigation ul li {
      list-style: none;
      margin: 10px 0 0 12px;
      padding: 0; }
      #content .sub-landing-navigation ul li:before {
        display: none; }
      #content .sub-landing-navigation ul li a {
        position: relative;
        line-height: 1.25em;
        color: #000000; }
        #content .sub-landing-navigation ul li a:before {
          content: '';
          position: absolute;
          display: block;
          left: -10px;
          margin-right: 5px;
          top: 3px;
          border-style: solid;
          border-width: 4px 0 4px 5px;
          border-color: transparent transparent transparent #6e979a; }
  #content .sub-landing-navigation ul {
    padding: 10px 0 20px;
    border: 1px solid #ffffff;
    border-top: none; }

/* !=Table */
div.table-wrapper {
  overflow-x: auto; }

/* !=Generic table in the HTML module */
.UIHTMLContent {
  margin-bottom: 20px; }
  .UIHTMLContent::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .UIHTMLContent::-webkit-scrollbar-track {
    background-color: #eeeeee;
    border-radius: 4px; }
    .UIHTMLContent::-webkit-scrollbar-track:hover {
      background-color: #eeeeee; }
  .UIHTMLContent::-webkit-scrollbar-thumb {
    background-color: #6e979a;
    border-radius: 4px; }
    .UIHTMLContent::-webkit-scrollbar-thumb:hover {
      background-color: #6e979a; }
  .UIHTMLContent table {
    border-collapse: collapse;
    margin-bottom: 30px;
    border-bottom: 1px solid #cccccc; }
    .UIHTMLContent table.no-border {
      border: none; }
      .UIHTMLContent table.no-border thead th {
        border: none; }
      .UIHTMLContent table.no-border tbody tr {
        border: none; }
  .UIHTMLContent th,
  .UIHTMLContent td {
    padding: 10px;
    vertical-align: top; }
  .UIHTMLContent thead {
    text-align: left;
    color: #025157; }
    .UIHTMLContent thead th {
      vertical-align: bottom;
      font-size: 1.1em;
      border-bottom: 1px solid #cccccc; }
  .UIHTMLContent tbody tr {
    border-top: 1px solid #cccccc; }
    .UIHTMLContent tbody tr:first-child {
      border-top: none; }

/* !=Sort - DL > DT|DD elements for sorting the publications page (but could be used elsewhere) */
#content .sorting {
  margin: 10px 0; }
  #content .sorting a {
    display: inline-block;
    margin: 0 0 0 5px;
    -webkit-text-decoration: underlined;
            text-decoration: underlined;
    color: #025157;
    text-transform: uppercase; }
    #content .sorting a.selected {
      font-weight: bold; }
      #content .sorting a.selected:before {
        content: '\2713';
        display: inline-block;
        padding-right: 5px;
        text-decoration: none; }

/* !=Filters */
.filters {
  margin-bottom: 20px; }

#content .filter {
  margin-bottom: 30px; }
  #content .filter strong {
    margin-right: 10px;
    color: #7c7c7c; }
  #content .filter ul {
    display: inline-block;
    margin: 0; }
    #content .filter ul li {
      display: inline-block;
      list-style: none;
      padding: 0;
      padding-right: 10px;
      line-height: 2.6em; }
    #content .filter ul a:link,
    #content .filter ul a:visited {
      color: green; }
      #content .filter ul a:link.selected,
      #content .filter ul a:visited.selected {
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
        font-weight: 700;
        text-decoration: none;
        color: #000000; }
        #content .filter ul a:link.selected:before,
        #content .filter ul a:visited.selected:before {
          content: '\2713';
          padding-right: 2.5px; }
  #content .filter.dropdown {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #a7a9ac;
    height: 30px;
    line-height: 30px;
    padding-left: 15px; }
    #content .filter.dropdown strong {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      overflow: hidden;
      margin: 0;
      padding-left: 15px;
      padding-right: 35px;
      font-weight: normal;
      color: #a9a9a9;
      cursor: pointer; }
    #content .filter.dropdown:hover span.button,
    #content .filter.dropdown:focus spann.button {
      background-color: #025157; }
    #content .filter.dropdown ul {
      display: none;
      position: absolute;
      z-index: 1;
      top: -1px;
      right: -1px;
      width: auto;
      min-width: 100%;
      background: #ffffff;
      border: 1px solid #cccccc;
      box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px; }
      #content .filter.dropdown ul li {
        display: block;
        overflow: hidden;
        padding: 0;
        color: #cccccc; }
        #content .filter.dropdown ul li.filter-label {
          padding-left: 15px;
          cursor: default; }
      #content .filter.dropdown ul a:link,
      #content .filter.dropdown ul a:visited {
        display: block;
        padding: 0 10px 0 35px;
        white-space: nowrap;
        text-decoration: none; }
        #content .filter.dropdown ul a:link.selected,
        #content .filter.dropdown ul a:visited.selected {
          padding-left: 5px;
          text-decoration: none; }
          #content .filter.dropdown ul a:link.selected:before,
          #content .filter.dropdown ul a:visited.selected:before {
            display: inline-block;
            width: 20px;
            margin-left: 10px;
            padding: 0; }
      #content .filter.dropdown ul.mousing a:link:hover,
      #content .filter.dropdown ul.mousing a:visited:hover {
        background: #025157;
        color: #ffffff; }
      #content .filter.dropdown ul.keying a:link:focus,
      #content .filter.dropdown ul.keying a:visited:focus {
        background: #025157;
        color: #ffffff; }
      #content .filter.dropdown ul[aria-hidden="false"] + span.button {
        background-color: #025157; }
    #content .filter.dropdown span.button {
      position: absolute;
      top: -1px;
      right: -1px;
      width: 32px;
      height: 30px;
      border: none;
      overflow: hidden;
      color: transparent;
      background-image: url("../graphics/filter.icon.svg");
      background-repeat: no-repeat;
      background-position: 5px 11px;
      background-size: 23px 11px;
      background-color: #6e979a;
      cursor: pointer;
      border-radius: 0; }

/* !=Filter Item - A element used to indicate what is filtered against in the calendar. When clicked removes that filter item */
#content .filter-item {
  display: inline-block;
  padding: 12px 20px;
  border: none;
  overflow: hidden;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
  background-color: #BE1F41;
  cursor: pointer;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  margin: 5px;
  padding: 1px 30px 0 10px;
  line-height: 19px;
  vertical-align: middle;
  font-size: 0.85em;
  text-transform: none;
  white-space: nowrap;
  background-color: #6e979a;
  background-image: url("../graphics/close.icon.png");
  background-position: 100% 50%;
  background-repeat: no-repeat; }
  #content .filter-item:hover, #content .filter-item:focus {
    text-decoration: none;
    background-color: #921832; }
  #content .filter-item:link, #content .filter-item:visited {
    color: #ffffff;
    text-decoration: none; }
    #content .filter-item:link:hover, #content .filter-item:link:focus, #content .filter-item:visited:hover, #content .filter-item:visited:focus {
      background-color: #6e979a;
      text-decoration: none; }
  #content .filter-item em {
    font-style: normal;
    text-transform: uppercase; }

.tag-icon, .cal-icon {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  overflow: hidden;
  text-indent: 10em;
  background-image: url("../graphics/tag.icon.png");
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.cal-icon {
  background-image: url("../graphics/cal.icon.png"); }

.event-image img {
  display: block;
  border: 3px solid #ffffff !important;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; }

.cboxElement {
  display: block;
  position: relative;
  outline: none; }
  .cboxElement:before, .cboxElement:after {
    content: '';
    display: block;
    position: absolute; }
  .cboxElement:before {
    background: #ffffff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .cboxElement:after {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-image: url("../graphics/zoom.icon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain; }
  .cboxElement:hover:before, .cboxElement:focus:before {
    background: #ffffff;
    opacity: 0.4; }
  .cboxElement > img {
    display: block; }

/* !=Events =Calendar */
/** heading section for the calendar with previous month control, current month and next month control */
.events {
  clear: both;
  margin: 20px 0; }
  .events .event {
    clear: both;
    border-bottom: 1px solid #cccccc;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear; }
    .events .event h3 {
      display: table;
      margin: 0;
      padding: 10px 30px 10px 35px;
      font-size: 1.1em;
      text-transform: none;
      font-family: 'Roboto', sans-serif;
      text-decoration: none;
      font-weight: 700; }
      .events .event h3 strong,
      .events .event h3 > span {
        display: table-cell; }
      .events .event h3 strong {
        width: 1%;
        white-space: nowrap;
        font-weight: normal; }
      .events .event h3 span {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #000000;
        text-transform: none; }
    .events .event .details-container {
      padding: 10px 20px; }
      .events .event .details-container a + div.details {
        margin-left: 150px;
        min-height: 140px; }
      .events .event .details-container .event-image {
        position: relative;
        max-width: 140px;
        margin-right: 20px; }
      .events .event .details-container strong {
        font-weight: 400;
        color: #6e979a; }
      .events .event .details-container .more {
        margin-bottom: 15px; }
    .events .event.open a.collapsible {
      background-color: #ffffff; }
    .events .event.shadow {
      box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px; }
    .events .event a.collapsible {
      position: relative;
      display: block;
      text-decoration: none;
      color: #6e979a; }
      .events .event a.collapsible:hover, .events .event a.collapsible:focus {
        text-decoration: none;
        background-color: #fafafa; }
        .events .event a.collapsible:hover div.control, .events .event a.collapsible:focus div.control {
          opacity: 1; }
      .events .event a.collapsible h3 span {
        padding-left: 5px;
        text-decoration: underline;
        color: #025157; }
      .events .event a.collapsible h3 strong span {
        padding: 0;
        text-decoration: none;
        color: #000; }
      .events .event a.collapsible div.control {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 10px;
        left: 5px;
        opacity: .6;
        background-image: url("../graphics/collapsible.closed.svg");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-transition: all 0.15s linear;
        transition: all 0.15s linear;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%; }
      .events .event a.collapsible.down h3 > span {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: none;
        color: #0b95b8; }
      .events .event a.collapsible.down div.control {
        opacity: 1;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
    .events .event.closed .details-container {
      display: none; }

.viewEvent .details {
  padding: 10px 0; }
  .viewEvent .details img.event-image {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 3px solid #ffffff;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; }
    .viewEvent .details img.event-image + div.details {
      margin-left: 150px;
      min-height: 140px; }
  .viewEvent .details strong {
    font-family: 'Playfair Display', serif;
    font-weight: 400; }
  .viewEvent .details .more {
    margin-bottom: 15px; }

.viewEvent .eventTileLarge.hasImage {
  float: left; }
  .viewEvent .eventTileLarge.hasImage + .details {
    margin-left: 360px; }

.calendar.eventListing > div.columns-8 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-right: 20px; }

.calendar .pagination {
  text-align: left; }

.calendar .calendar-wrapper {
  float: right; }

#content .calendar-container abbr {
  text-decoration: none; }

#content .calendar-container .calendar-controls {
  position: relative;
  font-weight: 700;
  font-size: 2em;
  color: #ffffff;
  background-color: #025157; }
  #content .calendar-container .calendar-controls strong {
    display: block;
    margin: 0 auto;
    padding-top: 3px;
    line-height: 35px;
    text-align: center; }
  #content .calendar-container .calendar-controls a:link,
  #content .calendar-container .calendar-controls a:visited {
    display: block;
    position: absolute;
    top: 10px;
    height: 0;
    font-size: 0;
    overflow: hidden;
    cursor: pointer;
    border-style: solid; }
    #content .calendar-container .calendar-controls a:link.left,
    #content .calendar-container .calendar-controls a:visited.left {
      left: 10px;
      border-width: 10px 11px 10px 0;
      border-color: transparent #ffffff transparent transparent; }
    #content .calendar-container .calendar-controls a:link.right,
    #content .calendar-container .calendar-controls a:visited.right {
      right: 10px;
      border-width: 10px 0 10px 11px;
      border-color: transparent transparent transparent #ffffff; }
    #content .calendar-container .calendar-controls a:link:hover, #content .calendar-container .calendar-controls a:link:focus,
    #content .calendar-container .calendar-controls a:visited:hover,
    #content .calendar-container .calendar-controls a:visited:focus {
      -webkit-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

#content .calendar-container table.calendar-table {
  width: 100%;
  border: none; }
  #content .calendar-container table.calendar-table th,
  #content .calendar-container table.calendar-table td {
    width: 14.2857142857%;
    padding: 5px;
    text-align: center;
    white-space: nowrap; }
  #content .calendar-container table.calendar-table th {
    background: #025157;
    color: #ffffff;
    font-weight: normal;
    font-size: .8em;
    text-transform: uppercase;
    border: 1px solid #025157; }
    #content .calendar-container table.calendar-table th abbr {
      border: none; }
  #content .calendar-container table.calendar-table td {
    padding: 0;
    font-size: 1.4em;
    color: #7c7c7c;
    background: #ffffff;
    border: 1px solid #7c7c7c; }
    #content .calendar-container table.calendar-table td.day.today {
      background-color: #6e979a;
      color: #ffffff; }
    #content .calendar-container table.calendar-table td.selected {
      background-color: #eeeeee;
      color: #000000; }
    #content .calendar-container table.calendar-table td.no-day {
      color: #a7a9ac; }
      #content .calendar-container table.calendar-table td.no-day a {
        color: inherit;
        text-decoration: none; }
        #content .calendar-container table.calendar-table td.no-day a:hover, #content .calendar-container table.calendar-table td.no-day a:focus {
          color: inherit;
          background: inherit; }
    #content .calendar-container table.calendar-table td.event-day {
      color: #ffffff;
      background: #BE1F41; }
      #content .calendar-container table.calendar-table td.event-day a {
        color: inherit; }
    #content .calendar-container table.calendar-table td span,
    #content .calendar-container table.calendar-table td a {
      display: block;
      padding: 5px; }
    #content .calendar-container table.calendar-table td a:link,
    #content .calendar-container table.calendar-table td a:visited {
      text-decoration: none;
      cursor: pointer; }
      #content .calendar-container table.calendar-table td a:link:hover, #content .calendar-container table.calendar-table td a:link:focus,
      #content .calendar-container table.calendar-table td a:visited:hover,
      #content .calendar-container table.calendar-table td a:visited:focus {
        text-decoration: underline; }

/* !=Message - custom block */
.custom-block-message {
  margin-bottom: 30px; }
  .custom-block-message img {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 3px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; }
    .custom-block-message img + div {
      margin-left: 140px; }
  .custom-block-message > div {
    min-height: 130px;
    margin: 0 0 20px 0;
    padding: 5px 0 0 10px;
    border-bottom: 1px solid #cccccc; }
  .custom-block-message h2 {
    margin-top: 0;
    font-size: 1em; }
  .custom-block-message .message-content {
    width: 100%;
    overflow: hidden;
    clear: none; }
  .custom-block-message .more {
    margin-bottom: 15px; }

/* !=News */
.news {
  min-height: 130px;
  margin-bottom: 30px; }

/** !=Calendar =Filtering */
.filter-container form > div > div {
  margin-bottom: 10px; }

.filter-container label span {
  display: inline-block;
  width: 12%;
  min-width: 40px;
  text-align: right;
  margin-right: 10px; }

.filter-container [type="text"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #a7a9ac;
  width: 110px;
  margin-right: 15px;
  padding: 2.5px 5px; }

.filter-container button,
.filter-container [type="submit"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 90px;
  margin-left: 50px;
  line-height: 20px;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  font-weight: 400;
  padding: 2px 10px;
  color: #ffffff;
  background-color: #BE1F41;
  cursor: pointer;
  border: none; }

.video-library {
  margin: 20px 0 0; }
  .video-library > .UIBlockContainer {
    display: -webkit-box;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px; }
    .video-library > .UIBlockContainer > div {
      -ms-flex-basis: 33.33%;
      -o-flex-basis: 33.33%;
      flex-basis: 33.33%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      padding: 0 10px; }
  .video-library iframe {
    width: 100%;
    height: auto;
    max-width: 100%;
    min-height: 165px; }
  .video-library .video-info {
    margin-bottom: 20px; }
  .video-library h2 {
    margin: 10px 0 5px;
    font-size: 1.2em;
    font-weight: inherit; }
  .video-library p, .video-library th,
  .video-library td {
    margin: 0; }
  body.UIBeingEdited .video-library {
    position: relative;
    background: #eee; }
    body.UIBeingEdited .video-library:before {
      content: 'Drag Vimeo Video blocks here.';
      display: block;
      position: absolute;
      bottom: 100%;
      background: #eee;
      padding: 4px 8px;
      color: #555;
      font-size: 0.9em; }
    body.UIBeingEdited .video-library > .UIBlockContainer > div {
      -ms-flex-basis: 100%;
      -o-flex-basis: 100%;
      flex-basis: 100%; }

.tweets-container {
  margin: 20px 0px 20px 0px;
  border: 1px solid #025157; }
  .tweets-container .tweets-heading {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    background-color: #025157; }
    .tweets-container .tweets-heading:before {
      content: '';
      position: absolute;
      z-index: 2;
      left: 20px;
      top: 100%;
      display: block;
      border-style: solid;
      border-width: 20px 20px 0 0;
      border-color: #025157 transparent transparent transparent; }
    .tweets-container .tweets-heading .twitter-head-icon {
      display: inline-block;
      width: 40px;
      height: auto;
      padding: 10px; }
    .tweets-container .tweets-heading p, .tweets-container .tweets-heading th,
    .tweets-container .tweets-heading td {
      position: absolute;
      display: inline-block;
      margin-top: 28px;
      line-height: 0;
      color: #ffffff;
      text-decoration: none; }
    .tweets-container .tweets-heading a:link,
    .tweets-container .tweets-heading a:visited {
      color: #ffffff !important;
      text-decoration: none !important; }
  .tweets-container .tweets-content {
    padding: 30px 0px 15px;
    min-height: 126px; }
  .tweets-container .slick-track .slick-slide {
    border-left: 1px solid #cfcfcf; }
  .tweets-container ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding-right: 10px; }
    .tweets-container ul:before {
      content: '';
      display: block;
      position: absolute;
      z-index: 2;
      left: 0;
      top: 0;
      bottom: 0;
      width: 1px;
      background: white; }
    .tweets-container ul li {
      padding: 0 10px; }
  .tweets-container .tweets-header .hashtag {
    display: none;
    float: left;
    color: #6e979a;
    font-weight: bold;
    letter-spacing: -1px; }
  .tweets-container .tweets-header .time {
    float: left;
    color: #6e979a;
    margin-bottom: 10px; }
  .tweets-container .tweet-content {
    clear: both; }

.slick-prev,
.slick-next {
  position: absolute;
  top: -40px;
  left: 640px;
  background: none;
  font-size: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 12px 10px 0;
  border-color: transparent #ffffff transparent transparent;
  cursor: pointer; }

.slick-next {
  margin-left: 20px;
  border-width: 10px 0 10px 12px;
  border-color: transparent transparent transparent #ffffff; }

#sidebar .tweets-container {
  margin: 20px 0px 20px 15px; }

#sidebar .slick-prev, #sidebar .slick-next {
  display: none; }

#content .tweets-footer {
  padding: 5px 10px;
  text-align: center; }
  #content .tweets-footer a,
  #content .tweets-footer a:visited,
  #content .tweets-footer a:hover {
    text-decoration: none;
    color: #756668;
    font-weight: bold; }

#content .events-container {
  width: 100%;
  width: calc(100% + 10px);
  margin-left: -5px;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines; }
  #content .events-container .events-box {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    letter-spacing: 0;
    font-weight: normal;
    text-decoration: none;
    font: inherit;
    font-size: 1em;
    color: #025157;
    outline: none;
    margin-bottom: 10px; }
    #content .events-container .events-box:focus > .inner, #content .events-container .events-box:hover > .inner {
      border-color: #a7a9ac; }
    #content .events-container .events-box:focus .event-title .inner, #content .events-container .events-box:hover .event-title .inner {
      text-decoration: underline; }
    #content .events-container .events-box.box-1 {
      width: 100%; }
    #content .events-container .events-box.box-2 {
      width: 100%; }
    #content .events-container .events-box.box-3 {
      width: 100%; }
    #content .events-container .events-box.box-4 {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      width: 25%;
      float: left;
      padding: 0 5px; }
    #content .events-container .events-box > .inner {
      border: 1px solid #cccccc;
      padding: 14px;
      height: 60px;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      position: relative; }
      #content .events-container .events-box > .inner > div.event-title {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    #content .events-container .events-box .event-datetime {
      float: left;
      width: 60px;
      height: 60px;
      font-weight: 700;
      margin-right: 10px;
      color: #ffffff;
      background-color: #025157; }
      #content .events-container .events-box .event-datetime .inner .day {
        font-size: 1.7em;
        display: block;
        width: 100%;
        text-align: center;
        height: 50%;
        line-height: 30px;
        margin-bottom: -10px;
        margin-top: 5px;
        display: inline-block; }
      #content .events-container .events-box .event-datetime .inner .month {
        display: block;
        line-height: 30px;
        width: 100%;
        text-align: center; }
    #content .events-container .events-box .event-title {
      display: inline-block;
      width: 60%;
      font-size: 18px; }
      #content .events-container .events-box .event-title .inner {
        line-height: 1.4em; }

#content .view-all-events a,
#content .view-all-news a {
  display: inline-block;
  padding: 12px 20px;
  border: none;
  overflow: hidden;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
  background-color: #BE1F41;
  cursor: pointer;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s; }
  #content .view-all-events a:hover, #content .view-all-events a:focus,
  #content .view-all-news a:hover,
  #content .view-all-news a:focus {
    text-decoration: none;
    background-color: #921832; }

#content .view-all-events {
  margin-top: 10px;
  margin-bottom: 40px; }

#content .view-all-news {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 40px; }

#content .calendar.eventListing .filter-bar {
  margin: 10px 0; }

#content .filter-bar {
  float: left;
  margin-bottom: 30px; }
  #content .filter-bar ul {
    margin: 0;
    list-style: none; }
    #content .filter-bar ul li {
      padding: 5px 10px 4px 10px;
      float: left;
      background-color: #6e979a; }
      #content .filter-bar ul li.selected {
        background-color: #025157; }
      #content .filter-bar ul li a {
        color: #ffffff;
        text-decoration: none; }
        #content .filter-bar ul li a:visited {
          color: #fff;
          text-decoration: none; }
        #content .filter-bar ul li a:hover {
          text-decoration: underline; }

/* @depricated
#content{
	.ninetyyears{
		.intro-container{
			display: inline-block;
			margin-bottom: 20px;
			width: 100%;
			position: relative;
			img{
				width: 315px;
				height: 315px;
				float: left;
				margin-top: 100px;
				position: absolute;
				top: 50%;
				margin-top: -155px;
			}
			p{
				min-width: 300px;
				padding: 0px 30px 0px 330px;
				font-size: 18px;
				text-align: center;
				span.red-line{
					display: block;
					width: 100%;
					height: 1px;
					background-color: $red;
					margin: 30px 0px;
				}
			}
		}
		.memories-container{
			display: block;
			margin-bottom: 20px;
			min-height: 300px;
			border: 1px solid $grey;
			position: relative;
			ul{
				display: block;
				margin: 0 0 20px 0;
				li.memory{
					list-style: none;
					padding: 0;
					div{
						padding: 20px;
						position: absolute;
						width: 100%;
						box-sizing: border-box;
					}
					.hidden{
						display: none;
					}
					span{
						float: left;
						width: calc(100% - 320px);
						&.image{
							width: 280px;
							margin-right: 20px;
							img{
								width: 100%;
								border: 1px solid $grey;
								padding: 3px;
							}
							.gallery-controller{
								display: none;			
							}
							.gallery{
								display: none;
							}
						}
					}
					p{
						clear: both;
					}
					h2{
						display: inline-block;
						padding: 3px 5px;
						background-color: #00aeb3;
						color: white;
						width: auto;
					}
					.more{
						display: inline-block;
						padding: 3px 5px;
						background-color: #00aeb3;
						color: white;
						width: auto;
						text-transform: uppercase;
					    text-decoration: none;
					    text-align: center;
						font-size: 15px;
					}
				}
			}
			.flex-control-paging{
				display: none;
			}
			.flex-direction-nav{
				position: absolute;
				bottom: 0;
				right: 0;
				margin: 0;
				z-index: 2;
				li{
					display: inline-block;
					list-style: none;
					a{
						display: inline-block;
						width: 0;
						height: 0;
						overflow: hidden;
						border-style: solid;
						border-width: 15px 18px 15px 0;
						border-color: transparent $grey transparent transparent;
						margin: 10px;
						&.flex-next{
							border-width: 15px 0 15px 18px;
							border-color: transparent transparent transparent $grey;
						}
					}
				}
			}
			.lightbox-outer{
				display: block;
				position: fixed;
				top: 0;
				left: 0;
				width: 100vw;
				height: 100vh;
				background-color: rgba(0, 0, 0, 0.6);
				z-index: 1000;
				box-sizing: border-box;
				&.hidden{
					display: none;
				}
				.lightbox-inner{
					display: block;
					width: 100%;
					height: 100%;
					box-sizing: border-box;
					a.close{
						float: right;
						position: relative;
						top: -15px;
						text-decoration: none;
						span{
							display: block;
							width: 120px;
							height: 14px;
							background-color: $dark-grey;
							border: 1px solid white;
							text-align: center;
							color: white;
							padding: 3px 0px;
							text-transform: uppercase;
						}
					}
					#lightbox{
						clear: both;
						display: block;
						width: 100%;
						height: 100%;
						background-color: white;
						padding: 20px;
						border-radius: 10px;
						box-sizing: border-box;
						position: relative;
						z-index: 1001;
						min-height: 450px;
						overflow-y: scroll;
						overflow-x: hidden;
						.content{
							display: block;
							position: relative;
							width: 100%;
							span{
								float: left;
								width: calc(100% - 480px);
								&.image{
									width: 450px;
									margin-right: 20px;
									position: relative;
									img{
										width: 100%;
									}
									.gallery-wrap{
										position: relative;
										box-sizing: border-box;
										padding: 0px 20px;
										.gallery-controller{
											display: block;
											position: absolute;
											top: 45%;
											top: calc(50% - 20px);
											span{
												display: block;
												width: 0;
												height: 0;
												overflow: hidden;
												border-style: solid;
												border-width: 15px 18px 15px 0;
												border-color: transparent $dark-green transparent transparent;
											}
											&.prev{
												left: -3px;
											}
											&.next{
												right: -3px;
												span{
													border-width: 15px 0 15px 18px;
													border-color: transparent transparent transparent $dark-green;
												}
											}
										}
										.gallery-container{
											display: block;
											width: 100%;
											height: 110px;
											overflow-x: scroll;
											overflow-y: hidden;
											white-space: nowrap;
											position: relative;
											.gallery{
												display: block;
												width: auto;
												height: 100px;
												white-space: nowrap;
												margin: 0;
												li{
													display: inline-block;
													list-style: none;
													width: 100px;
													height: 80px;
													
													margin: 0 0 5px 5px;
													position: relative;
													&:first-child{
														margin: 0 0 5px 0;
													}
													a{
														display: block;
														width: 100%;
														height: 100%;
														position: absolute;
														img{
															display: block;
															width: 100%;
															height: 100%;
															position: absolute;
														}
													}
												}
											}
										}
									}
								}
							}
							.title{
								display: inline-block;
								padding: 3px 5px;
								background-color: #00aeb3;
								color: white;
								width: auto;
							}
							.summary{
								display: none;
							}
							.more{
								display: none;
							}
						}
					}
				}
			}
		}
		.events-container{
			margin: 0;
			width: 100%;
			padding-bottom: 40px;
			border-bottom: 1px solid $grey;
			margin-bottom: 40px;
			.filters{
				display: block;
				width: 100%;
				ul{
					margin: 0 0 20px 0;	
					display: block;
					display:-webkit-flex;
					display:-ms-flexbox;
					display: flex;
					justify-content: flex-start;
					flex-wrap: wrap;
				}
				li{
					list-style: none;
					display: inline-block;
					//width: 8%;
					//min-width: 55px;
					-webkit-flex: 1 0 8%;
					-moz-flex: 1 0 8%;
					-ms-flex: 1 0 8%;
					flex: 1 0 8%;
					background-color: $dark-green;
					text-align: center;
					border-left: 1px solid #19A98B;
					border-right: 1px solid #0B6853;
					padding: 8px 0;
					&:first-child{
						border-left: 0;
					}
					&:last-child{
						border-right: 0;
					}
					a{
						text-transform: uppercase;
						text-decoration: none;
						font-size: 18px;
						color: white;
						position: relative;
						display: block;
						width: 100%;
						height: 100%;
						&.active, 
						&:target{
							color: $white;
							&::after{
								content: '';
								width: 0;
								height: 0;
								bottom: -12px;
								left: 8px;
								left: calc(50% - 8px);
								position: absolute;
								border-style: solid;
								border-width: 0 8px 10px 8px;
								border-color: transparent transparent #ffffff transparent;
							}
						}
					}
				}
			}
			.events{
				ul{
					display: none;
					width: 100%;
					margin: 0;
					list-style: none;
					min-height: 90px;
					&.active{
						display: inline-block;
						display:-webkit-flex;
						display: -moz-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-flex-flow: row wrap;
						-moz-flex-flow: row wrap;
						-ms-flex-flow: row wrap;
						flex-flow: row wrap;
					}
					li{
						width: 22%;
						min-width: 20%;
						-webkit-flex: 0 0 24.6%;
						-moz-flex: 0 0 24.6%;
						-ms-flex: 0 0 24.6%;
						flex: 0 0 24.6%;
						padding: 10px;
						box-sizing: border-box;
						border: 1px solid $grey;
						margin: 5px 0 0 5px;
						&:nth-child(4n+1){
							margin-left: 0;
						}
						&:last-child{
							margin-left: auto;
						}
						.date{
							display: inline-block;
							width: 60px;
							height: 60px;
							background-color: $dark-green;
							color: white;
							//padding: 8px 0;
							text-align: center;
							box-sizing: border-box;
							.day{
								//font-size: 30px;	
								font-size: 1.7em;
								display: block;
								width: 100%;
								text-align: center;
								height: 50%;
								line-height: 30px;
								margin-bottom: -10px;
								margin-top: 5px;
								display: inline-block;
							}
							.month{
								display: block;
								line-height: 30px;
								width: 100%;
								text-align: center;
								position: relative;
								top: -4px;
							}
						}
						a, h2{
							display: inline-block;
							margin: 0;
							font-size: 15px;
							margin-left: 10px;
							vertical-align: top;
							width: calc(100% - 75px);
							text-decoration: none;
							text-align: start;
						}
						a:hover{
							h2{
								text-decoration: underline;
							}
						}
						&.monthController{
							position: relative;
							padding: 0;
							min-height: 85px;
							div{
								display: block;
								display: -webkit-flex;
								display: -moz-box;
								display: -ms-flexbox;
								display: flex;
								width: 100%;
								height: 100%;
								position: absolute;
								a{
									width: 50%;
									height: 100%;
									display: block;
									float: left;
									margin: 0;
									background-color: $dark-green;
									font-size: 18px;
									color: white;
									text-transform: uppercase;
									box-sizing: border-box;
									text-align: center;
									vertical-align: middle;
									background-size: 12px 42px;
									background-repeat: no-repeat;
									-webkit-flex: 1;
									-moz-flex: 1;
									-ms-flex: 1;
									flex: 1;
									//padding-top: 30px;
									&.prev{
										padding-left: 20px;
										border-right: 1px solid #60AF3D;
										background-image: url(../graphics/arrow-left.png);
										background-position: 5% center;
									}
									&.next{
										padding-right: 20px;
										border-left: 1px solid #9CD05F;
										background-image: url(../graphics/arrow-right.png);
										background-position: 95% center;	
									}
									span{
										position: relative;
										top: 40%;
										top: calc(50% - 20px);
										display: inline-block;
										width: 70%;
									}
								}
							}
						}
					}
				}
			}
		}
		.related{
			margin-left: 0;
			h3{
				display: none;
			}
			div{
				border: 0;
				padding: 0;
				ul{
					display: inline-block;
					width: 100%;
					//display: flex;
					//flex-wrap: wrap;
					//flex-direction: row;
					//justify-content: space-between;
					li{
						display: inline-block;
						width: 50%;
						width: calc(50% - 22px);
						margin: 0 0 20px 20px;
						padding: 0 0 20px 10px;
						border-bottom: 1px solid $grey;
						vertical-align: top;
						&:nth-child(odd){
							margin-left: 0;
						}
						a{
							font-size: 15px;
							text-transform: uppercase;
							color: $dark-green !important;
							&.more{
								color: $mid-green !important;
								font-size: 14px;
								text-transform: none;
								text-decoration: underline;
							}
						}
						p{
							width: calc(100% - 150px);
							margin-bottom: 5px;
						}
						.image{
							width: 140px;
							float: right;
							img{
								
							}
						}
						.clear{
							clear: both;
							display: block;
							height: 0px;
						}
					}
				}
			}
		}
	}
}
*/
.gallery-album .album-view .main-image {
  width: auto;
  max-width: 612px; }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000; }

#colorbox {
  outline: 0; }

#cboxContent {
  margin-top: 20px;
  background: #000; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  border: 5px solid #000;
  background: #fff; }

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc; }

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc; }

#cboxLoadingGraphic {
  background: url(/design/main/graphics/colorbox/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff; }

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(/design/main/graphics/colorbox/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: bottom left; }

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(/design/main/graphics/colorbox/controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: bottom right; }

#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  background: url(/design/main/graphics/colorbox/controls.png) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: bottom center; }

.album-view .info h5 {
  font-size: 10pt;
  margin-bottom: 0; }

#phonesmallscreen {
  display: none; }

.ib-worldschool-logo {
  margin-bottom: 20px; }

/* !=Media !=Queries !=Mediaqueries */
/** !=Tablet-Only */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body {
    padding: 0; }
  .wrap {
    padding: 0; }
  #search {
    right: 70px; }
  #nav ul.topnavigation > li .subnav {
    left: 0;
    right: 0;
    padding: 0;
    width: 100%; }
  #nav ul.topnavigation > li:hover .subnav li, #nav ul.topnavigation > li:focus .subnav li {
    width: 50%; }
  /**
#nav {
	ul.topnavigation {
		width: 100%;
		li {
			
		}
	}
}

#content {
	margin-left: $medium;
	margin-right: $base * 14;
}
#feature {
	width: 210px;
}
*/
  /**
#content .highlights {
	width: 100%;
	height: 428px;
	.highlights_buttons { // make the highlights controls larger to make it easier to tap
		.play-pause {
			width: $base * 3 + 4;
			height: $base * 3 + 4;
		}
		a {
			width: $base * 3;
			height: $base * 3;
			margin-left: $medium;
			border-width: 3px;
		}
	}
	img {
		//position: relative;
		//left: 50%;
		//margin-left: -470px;
	}
}**/ }

/** !=Tablet */
@media only screen and (max-width: 767px) {
  body {
    min-width: 0;
    background-image: none;
    background-color: #ffffff; }
    body:after {
      content: 'mobile';
      display: block;
      height: 0;
      overflow: hidden; }
  #primary_nav {
    display: none; }
  #nav {
    display: block;
    background: none; }
    #nav .wrapper {
      padding: 0;
      height: auto;
      background: none;
      background-color: #ffffff; }
  .banner-right {
    width: 100%;
    left: 0px;
    top: 0px;
    float: none;
    display: block; }
  .search-wrapper {
    position: relative !important;
    top: 0 !important;
    right: 0px !important;
    left: 0px; }
  .search-inner-wrapper {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  #phonesmallscreen {
    display: block !important;
    background-image: url("../graphics/phone-icon-green.svg");
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position: 50% 50%;
    background-color: transparent;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0; }
  .event-image {
    margin-bottom: 10px; }
  .viewEvent .eventTileLarge.hasImage {
    float: left; }
    .viewEvent .eventTileLarge.hasImage + .details {
      clear: both;
      margin-left: 0; }
  .skiplink {
    display: none; }
  .container .columns-1 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-2 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-3 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-4 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-5 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-6 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-7 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-8 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-9 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-10 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-11 {
    float: none;
    width: auto;
    clear: both; }
  .container .columns-12 {
    float: none;
    width: auto;
    clear: both; }
  .wrap {
    width: auto; }
  a.view-all {
    padding: 0 15px;
    line-height: 40px; }
  #banner {
    padding: 15px; }
    #banner > div {
      margin-top: 15px;
      text-align: right; }
    #banner .buttons {
      display: none; }
  #logo {
    margin: 0 auto;
    display: block;
    width: 220px; }
    #logo img {
      width: auto;
      height: 90px; }
  .search-wrapper {
    width: 100%; }
  #search {
    position: static;
    display: inline-block;
    width: 83%;
    right: 60px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    #search fieldset {
      position: static; }
    #search [type="search"] {
      display: block;
      width: 100%;
      height: 44px;
      padding-left: 5px;
      font-size: 1em;
      border-radius: 0; }
    #search [type="submit"] {
      position: absolute;
      right: 0;
      top: 0;
      width: 44px;
      height: 44px;
      background-position: center center;
      background-size: 30px 30px;
      border-radius: 0; }
  #navsmallscreen {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-right: 3%;
    overflow: hidden;
    vertical-align: top;
    background-image: url("../graphics/navsmallscreen.icon.svg");
    background-repeat: no-repeat;
    background-size: 80% 80%;
    background-position: 50% 50%;
    background-color: #025157;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    left: 0;
    top: inherit;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    #navsmallscreen.active, #navsmallscreen:active {
      box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px inset; }
  .focus-on-search #navsmallscreen {
    width: 0;
    margin: 0; }
  .focus-on-search #search {
    width: 100%; }
  .focus-on-search .search-inner-wrapper {
    left: 0px; }
  #nav:target {
    display: block; }
  #nav .wrapper {
    display: none;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent; }
    #nav .wrapper:before {
      display: none; }
  #nav ul.topnavigation {
    top: 0px;
    display: block;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #025157; }
    #nav ul.topnavigation > li {
      border-top: 1px solid #ffffff; }
      #nav ul.topnavigation > li:hover > a:after, #nav ul.topnavigation > li:focus > a:after {
        display: inherit; }
      #nav ul.topnavigation > li:hover > .subnav, #nav ul.topnavigation > li:focus > .subnav {
        display: inherit; }
    #nav ul.topnavigation li {
      display: block;
      padding: 0;
      height: auto;
      width: auto;
      height: 52px;
      overflow: hidden;
      -webkit-transition: height 0.25s ease-out;
      transition: height 0.25s ease-out; }
      #nav ul.topnavigation li.home-link {
        display: block; }
      #nav ul.topnavigation li.home-link + li > a {
        margin-left: 0; }
      #nav ul.topnavigation li a {
        display: inline-block;
        height: auto;
        width: 85%;
        padding: 16px 20px;
        text-align: left;
        border: none; }
      #nav ul.topnavigation li:first-child a {
        padding-left: 20px; }
      #nav ul.topnavigation li .tribox {
        display: none; }
      #nav ul.topnavigation li .smallplus {
        display: none;
        position: absolute;
        right: 0;
        height: 52px;
        width: 22px;
        padding: 0 10px !important;
        margin: 0;
        background-image: url(../graphics/plus.png);
        background-size: 18px 18px;
        background-repeat: no-repeat;
        background-position: center center; }
        #nav ul.topnavigation li .smallplus::before {
          content: '';
          display: inline-block;
          width: 0;
          position: absolute;
          top: 6px;
          left: 0px;
          bottom: 6px;
          border-left: 1px solid #ffffff; }
      #nav ul.topnavigation li .smallnavready {
        display: inline-block !important; }
      #nav ul.topnavigation li .tribox {
        display: none; }
      #nav ul.topnavigation li .subnav {
        display: block;
        position: inherit;
        width: 100%;
        margin: 0;
        padding: 0;
        -webkit-transform: none;
                transform: none;
        left: auto;
        right: auto; }
        #nav ul.topnavigation li .subnav > li {
          -webkit-box-flex: 0;
                  flex: none;
          display: block;
          position: inherit;
          position: relative;
          height: 52px;
          width: auto;
          margin: 0;
          padding: 0;
          overflow: hidden;
          -webkit-transition: height 0.25s ease-out;
          transition: height 0.25s ease-out; }
          #nav ul.topnavigation li .subnav > li .hero-image {
            display: none; }
          #nav ul.topnavigation li .subnav > li:before {
            content: '';
            height: 0;
            float: none;
            margin: 0;
            padding: 0;
            display: block;
            border-left: 1px solid #ffffff; }
          #nav ul.topnavigation li .subnav > li a {
            display: inline-block;
            display: block;
            height: auto;
            margin: 0;
            width: 83%;
            width: 100%;
            padding: 16px 10px 16px 30px;
            text-align: left; }
          #nav ul.topnavigation li .subnav > li .smallplus {
            background-image: url(../graphics/plus.png);
            position: absolute;
            top: -3px; }
            #nav ul.topnavigation li .subnav > li .smallplus:before {
              content: '';
              display: inline-block;
              height: 30px;
              width: 0px;
              border-left: 1px solid #ffffff; }
          #nav ul.topnavigation li .subnav > li .subsubnav {
            display: block;
            position: inherit;
            height: auto;
            width: auto;
            margin: 0;
            padding: 0; }
            #nav ul.topnavigation li .subnav > li .subsubnav .pretri {
              display: none; }
            #nav ul.topnavigation li .subnav > li .subsubnav > li {
              display: block;
              position: inherit;
              height: auto;
              width: auto;
              margin: 0;
              padding: 0;
              -webkit-transition: height 0.25s ease-out;
              transition: height 0.25s ease-out; }
              #nav ul.topnavigation li .subnav > li .subsubnav > li > a {
                display: block;
                height: auto;
                width: 83%;
                padding: 10px 0px 10px 40px;
                text-align: left;
                text-transform: uppercase; }
  #nav .social-networking {
    display: block;
    position: static;
    margin: 0;
    padding-top: 10px;
    text-align: center;
    background: -webkit-radial-gradient(50% 100%, 50% 7px, #c1c3c5, rgba(206, 207, 209, 0));
    background: radial-gradient(50% 100%, 50% 7px, #c1c3c5, rgba(206, 207, 209, 0));
    background-color: #fafafa; }
    #nav .social-networking li {
      display: block;
      vertical-align: top;
      border: none; }
      #nav .social-networking li:first-child {
        margin-left: 0; }
      #nav .social-networking li a {
        display: inline-block;
        margin: 0; }
  #nav .phantom {
    display: block; }
  #nav ul.topnavigation .expd .smallnavready,
  #nav ul.topnavigation .expd .subnav > .expd .smallplus {
    background-image: url(../graphics/minus.png); }
  .social-duplicated-in-nav .social-networking {
    display: none; }
  #mainbar {
    padding: 0; }
  #content {
    min-height: 0;
    margin-right: 0; }
    #content h2 {
      font-size: 1.8em;
      /*
		@include heading-font(bold);
		text-transform: uppercase;
		*/ }
    #content.login .login-form [type="email"],
    #content.login .login-form [type="password"] {
      width: 100%; }
    #content.login .login-form .field label {
      float: none; }
    #content.login .login-form .buttons {
      margin-left: 0; }
      #content.login .login-form .buttons input,
      #content.login .login-form .buttons a {
        height: 40px; }
    #content .listing .item.feature {
      width: auto;
      margin-bottom: 0; }
      #content .listing .item.feature a img {
        width: 100%;
        height: auto; }
    #content .listing ol {
      margin: 0;
      padding: 0; }
      .pagetype-pageshomepage #content .listing ol {
        padding-left: 0; }
    #content .listing div img {
      float: none; }
    #content .UIHTMLContent table {
      width: 100%; }
      #content .UIHTMLContent table tbody tr td {
        display: block;
        width: 100%;
        margin: 10px 0;
        padding: 0 10px; }
  .tweets-container {
    display: none; }
  .social-networking {
    position: static;
    padding: 0 0 10px;
    text-align: right;
    background: #ffffff; }
    .social-networking li {
      display: block;
      margin-left: 10px;
      width: 100%;
      text-align: left;
      margin: 0; }
      .social-networking li a {
        color: #3c5a97; }
        #content .social-networking li a {
          color: #3c5a97; }
  .highlights {
    display: none; }
  #feature {
    width: auto;
    margin: 30px 0; }
  #content {
    /* !=Message - custom block */ }
    #content .graphical_link {
      max-width: none; }
    #content .callout {
      margin: 0 0 30px;
      box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px; }
      #content .callout:before, #content .callout:after,
      #content .callout :first-child:after {
        display: none; }
    #content .call-to-action {
      margin-top: 20px; }
    #content .events-container {
      width: 100%;
      margin-left: 0; }
      #content .events-container .events-box {
        margin-bottom: 20px;
        width: 100%; }
        #content .events-container .events-box.box-4 {
          width: 100%;
          float: none;
          padding: 0; }
        #content .events-container .events-box.box-3 {
          width: 100%; }
        #content .events-container .events-box > .inner {
          height: auto;
          min-height: 60px; }
    #content .view-all-news {
      margin-left: 0; }
    #content .container.graphical-links {
      display: block;
      margin-left: 0;
      margin-right: 0; }
      #content .container.graphical-links .columns-3 {
        display: block;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0; }
        #content .container.graphical-links .columns-3 ~ .columns-3 {
          padding: 0; }
    #content .related, #content .panel {
      display: block;
      margin: 0 0 30px; }
    #content .article > img {
      float: none;
      display: block;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      max-width: 100%;
      max-width: calc(100% - 8px);
      margin-left: 4px;
      margin-right: 4px; }
    #content .article .article-content img {
      float: right;
      width: 50%;
      margin: 0 0 20px 20px; }
    #content .article .article-content .thumbs .thumb img {
      margin: 0;
      float: none;
      width: auto; }
    #content .landing-page-image img {
      min-height: 0; }
    #content .landing-navigation > ul > li {
      float: none;
      width: auto;
      margin-left: 0;
      margin-right: 0;
      padding-top: 20px;
      border-top: none; }
      #content .landing-navigation > ul > li.first {
        padding-top: 0; }
      #content .landing-navigation > ul > li:last-child {
        border-bottom: none; }
    #content .sub-landing-navigation {
      width: 100%;
      min-width: 0; }
    #content .filter-container form > div {
      display: inline-block; }
      #content .filter-container form > div > div {
        display: inline-block; }
    #content .filter-container label span {
      width: auto;
      min-width: 0; }
    #content .filter-container input {
      height: 40px; }
    #content .filter-container [type="submit"] {
      margin-left: 10px; }
    #content .filter.dropdown {
      height: 40px;
      line-height: 40px; }
      #content .filter.dropdown span.button {
        width: 40px;
        height: 40px;
        background-position: 6px 6px;
        background-size: 28px 28px; }
    #content .calendar.eventListing > div.columns-8 {
      padding-right: 0; }
    #content .pagination {
      margin-bottom: 20px; }
      #content .pagination a:link,
      #content .pagination a:visited {
        height: 40px;
        line-height: 40px;
        padding: 0 10px; }
        #content .pagination a:link.next, #content .pagination a:link.back,
        #content .pagination a:visited.next,
        #content .pagination a:visited.back {
          padding: 0 10px; }
    #content .custom-block-message img {
      float: none; }
      #content .custom-block-message img + div {
        margin-left: 0;
        padding-left: 0; }
    #content .related, #content .panel,
    #content .panel {
      margin-left: 0; }
    #content .calendar-container table.calendar-table th,
    #content .calendar-container table.calendar-table td {
      display: table-cell; }
  #countdown-90-years.wrap .countdown-inner {
    padding: 10px;
    margin-bottom: 20px; }
    #countdown-90-years.wrap .countdown-inner div.label span.text {
      font-size: 20px;
      line-height: 16px;
      padding: 6px 10px 4px 10px;
      text-align: center; }
    #countdown-90-years.wrap .countdown-inner div.label.not-reached, #countdown-90-years.wrap .countdown-inner div.label.reached {
      float: none;
      width: 100%; }
    #countdown-90-years.wrap .countdown-inner div.countdown-segments {
      float: none;
      font-size: 16px;
      line-height: 14px;
      padding: 9px 0 0;
      text-align: center; }
  #content .ninetyyears .intro-container {
    text-align: center; }
    #content .ninetyyears .intro-container img {
      margin-top: 20px;
      float: none;
      position: relative;
      top: 0;
      height: auto; }
    #content .ninetyyears .intro-container p, #content .ninetyyears .intro-container th,
    #content .ninetyyears .intro-container td {
      padding: 0px 0px;
      display: block;
      min-width: 0; }
  #content .ninetyyears .memories-container {
    min-height: 390px; }
    #content .ninetyyears .memories-container ul li.memory div {
      width: 100%;
      box-sizing: border-box; }
    #content .ninetyyears .memories-container ul li.memory span {
      width: 100%; }
      #content .ninetyyears .memories-container ul li.memory span.image {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        text-align: center; }
        #content .ninetyyears .memories-container ul li.memory span.image img {
          height: 170px;
          width: auto;
          margin: auto; }
    #content .ninetyyears .memories-container ul li.memory p, #content .ninetyyears .memories-container ul li.memory th,
    #content .ninetyyears .memories-container ul li.memory td {
      display: none; }
    #content .ninetyyears .memories-container ul li.memory .more {
      display: block;
      width: 90px; }
    #content .ninetyyears .memories-container .lightbox-outer .lightbox-inner #lightbox {
      overflow: scroll;
      max-height: calc(90% - 60px); }
      #content .ninetyyears .memories-container .lightbox-outer .lightbox-inner #lightbox .content span {
        width: 100%; }
        #content .ninetyyears .memories-container .lightbox-outer .lightbox-inner #lightbox .content span.image {
          width: 100%; }
          #content .ninetyyears .memories-container .lightbox-outer .lightbox-inner #lightbox .content span.image .gallery-wrap {
            width: 100%; }
            #content .ninetyyears .memories-container .lightbox-outer .lightbox-inner #lightbox .content span.image .gallery-wrap .gallery-container {
              width: 100%; }
  #content .ninetyyears .events-container h1 {
    text-align: left; }
  #content .ninetyyears .events-container .filters li {
    -webkit-box-flex: 1;
            flex: 1 0 16%;
    margin-bottom: 5px; }
    #content .ninetyyears .events-container .filters li:nth-child(1) {
      border-left: 0px; }
    #content .ninetyyears .events-container .filters li:nth-child(6) {
      border-right: 0px; }
    #content .ninetyyears .events-container .filters li:nth-child(7) {
      border-left: 0px; }
    #content .ninetyyears .events-container .filters li:nth-child(12) {
      border-right: 0px; }
  #content .ninetyyears .events-container .events ul li {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-left: 0; }
    #content .ninetyyears .events-container .events ul li.monthController {
      height: 60px; }
      #content .ninetyyears .events-container .events ul li.monthController div a span {
        top: calc(50% - 10px); }
  #content .ninetyyears .related div ul li, #content .ninetyyears .panel div ul li {
    width: 100%;
    margin-left: 0;
    height: auto !important;
    padding-left: 0; }
  #footer {
    font-size: 1.1em; }
    #footer .nav .wrap {
      padding-top: 20px;
      padding-bottom: 15px; }
    #footer .nav .container {
      display: block;
      border: none; }
      #footer .nav .container .columns-3 {
        display: block;
        width: auto;
        clear: both;
        float: none;
        border: none;
        padding: 0; }
        #footer .nav .container .columns-3 .ib-worldschool-logo {
          margin-top: 30px; }
    #footer .nav strong {
      margin-top: 30px;
      margin-bottom: 15px; }
    #footer .nav ul {
      padding-bottom: 0; }
    #footer .sub {
      padding: 20px 0; }
      #footer .sub .wrap {
        padding: 0 20px; }
      #footer .sub ul {
        display: block;
        margin: 0; }
        #footer .sub ul li {
          display: block;
          margin: 10px 0;
          border: none; }
          #footer .sub ul li ~ li {
            padding-left: 0; }
      #footer .sub p, #footer .sub th,
      #footer .sub td {
        margin-top: 25px; }
      #footer .sub .container div:last-child {
        text-align: inherit; }
  .video-library > .UIBlockContainer > div {
    -ms-flex-basis: 100%;
    -o-flex-basis: 100%;
    flex-basis: 100%; }
  .video-library iframe {
    height: 52vw; }
  .CMSForm .formFields .fieldItem .fieldItemNote {
    margin-left: 0; }
  .CMSForm .formFields .fieldItemLabel {
    display: block;
    float: none;
    width: 100%;
    text-align: left; }
    .CMSForm .formFields .fieldItemLabel span.requiredIndicator {
      position: relative; }
  .CMSForm .formFields .fieldItemInput {
    float: none;
    display: block;
    width: 100%; }
    .CMSForm .formFields .fieldItemInput input {
      box-sizing: border-box; }
      .CMSForm .formFields .fieldItemInput input[type="text"], .CMSForm .formFields .fieldItemInput input[type="email"] {
        width: 100%; }
    .CMSForm .formFields .fieldItemInput textarea {
      width: 100%;
      box-sizing: border-box; }
  .CMSForm .formButtons {
    margin-left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: end;
            justify-content: flex-end; } }

/** !=Mobile */
@media only screen and (max-width: 430px) {
  #primary_nav {
    display: none; }
  #nav {
    display: block; }
  .topnavigation .nava, .topnavigation .navb {
    width: 75% !important; }
    .topnavigation .nava.smallplus, .topnavigation .nava.smallplus, .topnavigation .navb.smallplus, .topnavigation .navb.smallplus {
      width: 20px !important; }
  .social-networking li {
    display: table;
    width: 100%; }
    .social-networking li a {
      display: table-cell;
      padding-left: 70px;
      padding-right: 10px;
      line-height: 1;
      text-indent: 0;
      font-size: 20px;
      white-space: normal;
      vertical-align: middle; }
  .CMSForm .formFields .fieldItem .fieldItemNote {
    margin-left: 0; }
  .CMSForm .formFields .fieldItemLabel {
    display: block;
    float: none;
    width: 100%;
    text-align: left; }
    .CMSForm .formFields .fieldItemLabel span.requiredIndicator {
      position: relative; }
  .CMSForm .formFields .fieldItemInput {
    float: none;
    display: block;
    width: 100%; }
    .CMSForm .formFields .fieldItemInput input {
      box-sizing: border-box; }
      .CMSForm .formFields .fieldItemInput input[type="text"], .CMSForm .formFields .fieldItemInput input[type="email"] {
        width: 100%; }
    .CMSForm .formFields .fieldItemInput textarea {
      width: 100%;
      box-sizing: border-box; }
  .CMSForm .formButtons {
    margin-left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: end;
            justify-content: flex-end; } }

/* !=Webkit !=Effects */
.effect-bounce {
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
  -webkit-transform-origin: 50% 50%; }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1); }
  55% {
    -webkit-transform: scale(1.6); }
  100% {
    -webkit-transform: scale(1); } }

.highlight-vimeo-button {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000;
  overflow: hidden; }
  .highlight-vimeo-button button, .highlight-vimeo-button input, .highlight-vimeo-button textarea {
    border: 0;
    padding: 0;
    margin: 0;
    font-family: 'Helvetica Neue',Helvetica,Arial; }
  .highlight-vimeo-button button {
    cursor: pointer;
    font-size: 1em; }
  .highlight-vimeo-button button:not(:focus) {
    outline: 0; }
  .highlight-vimeo-button .rounded-box {
    background: #172322; }
  .highlight-vimeo-button .sidedock button:hover, .highlight-vimeo-button .player.touch-support .sidedock button:active, .highlight-vimeo-button .controls .play:hover, .highlight-vimeo-button .controls .play-bar .played, .highlight-vimeo-button .controls .tiny-fullscreen-cell:hover, .highlight-vimeo-button .controls .volume div, .highlight-vimeo-button .overlay .buttons li, .highlight-vimeo-button .overlay .window-wrapper button, .highlight-vimeo-button .overlay .window-wrapper input[type="submit"], .highlight-vimeo-button .overlay .window-wrapper a[role="button"], .highlight-vimeo-button .overlay .embed-copy, .highlight-vimeo-button .outro a[role="button"], .highlight-vimeo-button .outro .videos li:hover img, .highlight-vimeo-button .outro .videos li a:focus img, .highlight-vimeo-button .outro .vod li, .highlight-vimeo-button .menu li.active::before {
    background-color: #00adef; }
  .highlight-vimeo-button.view-fullscreen {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: transparent; }
    .highlight-vimeo-button.view-fullscreen .controls .play-wrapper {
      padding-top: 20px; }

.highlight-vimeo-button .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  opacity: 1;
  height: 100%;
  z-index: auto; }
  .highlight-vimeo-button .controls .play-button-cell {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0; }
  .highlight-vimeo-button .controls .play-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 21px;
    padding-left: 1px; }
  .highlight-vimeo-button .controls .mobile-timecode {
    display: none; }
  .highlight-vimeo-button .controls .play {
    z-index: 7;
    width: 68px;
    height: 40px;
    position: relative;
    color: #fff;
    -webkit-transition: background-color 40ms,color 40ms;
    transition: background-color 40ms,color 40ms; }
    .highlight-vimeo-button .controls .play .tiny-bars {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: .5em;
      background-repeat: none;
      display: none; }
    .highlight-vimeo-button .controls .play:hover .tiny-bars {
      display: none; }
  .highlight-vimeo-button .controls .fill {
    -webkit-transition: fill 40ms;
    transition: fill 40ms;
    fill: #fff; }
  .highlight-vimeo-button .controls .pause-icon, .highlight-vimeo-button .controls .play-icon {
    margin: 0 auto;
    padding: .2em 0 0 .2em; }
    .highlight-vimeo-button .controls .pause-icon svg, .highlight-vimeo-button .controls .play-icon svg {
      width: 2em;
      height: 2em; }
  .highlight-vimeo-button .controls .play.state-paused .play-icon, .highlight-vimeo-button .controls .play.state-playing .pause-icon {
    display: block; }
  .highlight-vimeo-button .controls .play.state-playing .play-icon {
    display: none; }
  .highlight-vimeo-button .controls .play.state-paused .pause-icon {
    display: none; }
  .highlight-vimeo-button .controls .play-bar-cell {
    display: none;
    width: 100%;
    padding: 0;
    position: relative; }
  .highlight-vimeo-button .controls > section {
    display: table-cell;
    vertical-align: bottom;
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .highlight-vimeo-button .controls .play-wrapper {
    padding-top: 43px; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
  .accordion.expanded .accordion-title .dart {
    background-image: url(../graphics/minus-2x.gif); }
  .accordion .accordion-title .dart {
    background-image: url(../graphics/plus-2x.gif);
    background-size: 20px 20px; }
    .accordion .accordion-title .dart:before {
      content: '';
      background-image: url("../graphics/minus-2x.gif"); }
  .social-networking li a.twitter {
    background-image: url("../graphics/twitter-grey-2x.png");
    background-position: 0 0;
    background-repeat: no-repeat; }
    .social-networking li a.twitter:hover, .social-networking li a.twitter:focus {
      background-image: url("../graphics/twitter-2x.gif");
      background-size: 60px 60px; }
  .social-networking li a.facebook {
    background-image: url("../graphics/facebook-grey-2x.png");
    background-position: 0 0;
    background-repeat: no-repeat; }
    .social-networking li a.facebook:hover, .social-networking li a.facebook:focus {
      background-image: url("../graphics/facebook-2x.gif");
      background-size: 60px 60px; } }
/*# sourceMappingURL=screen.css.map */