/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/* Aalto color in Mediatech palette */
/* Other Aalto colors */
body {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
div.body.widecontent #aaltoTile {
  /* Fix aalto-tile disappearing too late */
  margin-right: -100px;
}
svg.svg-icon {
  z-index: -100;
}
.widecontent {
  width: auto;
}
.text-shadow.black {
  text-shadow: 1px 1px 2px black;
}
.text-shadow.white {
  text-shadow: 1px 1px 2px white;
}
tr.personnel img {
  width: 25px;
  min-width: 25px;
  height: 35px;
}
tr.personnel > td:first-child {
  min-width: 25px;
  padding: 0;
}
tr.personnel:hover img {
  width: 100px;
  min-width: 100px;
  height: 140px;
  position: absolute;
  float: left;
  left: 0px;
  margin-top: -144px;
  clear: none;
  display: block;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  border: 1px solid #DDD;
  border-bottom: 0px;
  background-color: inherit;
  z-index: 1100;
}
tr.personnel:hover > td:first-child {
  height: 35px;
}
tr.personnel:hover > td:nth-child(2) {
  border-left: 1px solid transparent;
}
/* No bullets in dropdown menus (print-email-edit) */
ul.dropdown-menu {
  list-style-type: none !important;
}
/* fix the IE9 "fix" in Bootstrap collapse */
.collapse {
  overflow: hidden !important;
}
.bg-green {
  background-color: #69be28;
}
.bg-grey {
  background-color: #928b81;
}
.bg-blue {
  background-color: #0065bd;
}
.bg-yellow {
  background-color: #fecb00;
}
.bg-red {
  background-color: #ed2939;
}
.bg-black {
  background-color: #333333;
}
.bg-white {
  background-color: #fefefe;
}
/* Language switcher */
.mod-languages li.lang-active img {
  opacity: 0.5;
  border: 1px solid #000;
}
/* login box */
.userdata {
  padding: 20px;
}
/* breadcrumbs */
.breadcrumbs {
  display: inline-block;
  margin-left: 5px;
  /*float:left;*/
}
ul.breadcrumb {
  padding: 0;
  margin: 0;
  background-color: transparent;
  display: inline-block;
  font-size: 13px;
}
#tileContainer {
  background-color: inherit;
  width: 520px;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
#tileContainer.widecontent {
  min-width: 520px;
  width: auto;
}
div.emptytile {
  height: 250px;
  width: 250px;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
}
.tile {
  height: 250px;
  width: 250px;
  /* All tiles are width2 in the base (2 column) setup */

  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: normal;
  clear: none;
  position: relative;
  overflow: hidden;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  /* Headings used overlaid on the full-tile images (Virtual Acoustics front page) */

  /* frontside of a tile */

  /* backside of a tile */

}
.tile.height2 {
  height: 510px;
}
.tile.height3 {
  height: 770px;
}
.tile.height4 {
  height: 1030px;
}
.tile.width2 {
  width: 510px;
}
.tile.width3 {
  width: 510px;
}
.tile.width4 {
  width: 510px;
}
.tile.widecontent {
  margin-right: 0px;
}
.tile.float-left {
  float: left;
}
.tile.float-right {
  float: right;
}
.tile h1.image-overlay,
.tile h2.image-overlay,
.tile h3.image-overlay {
  position: absolute;
}
.tile h1.image-overlay.white,
.tile h2.image-overlay.white,
.tile h3.image-overlay.white {
  color: #fefefe;
  text-shadow: 1px 1px 2px black;
}
.tile h1.image-overlay.black,
.tile h2.image-overlay.black,
.tile h3.image-overlay.black {
  color: #333333;
  text-shadow: 1px 1px 2px white;
}
.tile h1.image-overlay.bottom,
.tile h2.image-overlay.bottom,
.tile h3.image-overlay.bottom {
  bottom: 0px;
}
.tile h1.image-overlay.top,
.tile h2.image-overlay.top,
.tile h3.image-overlay.top {
  top: 0px;
}
.tile h1.image-overlay.left,
.tile h2.image-overlay.left,
.tile h3.image-overlay.left {
  left: 10px;
  margin-right: 10px;
}
.tile h1.image-overlay.right,
.tile h2.image-overlay.right,
.tile h3.image-overlay.right {
  right: 10px;
  margin-left: 10px;
  text-align: right;
}
.tile h2.svg-overlay {
  position: absolute;
  z-index: -1;
}
.tile h2.svg-overlay.bottom {
  bottom: 0px;
}
.tile h2.svg-overlay.top {
  top: 0px;
}
.tile h2.svg-overlay.left {
  left: 10px;
}
.tile h2.svg-overlay.right {
  right: 10px;
}
.tile .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  font-size: 11px;
  background-color: #928b81;
  color: #fefefe;
  box-shadow: inset 0px 0px 1px #000022;
  -webkit-box-shadow: inset 0px 0px 1px #000022;
  -moz-box-shadow: inset 0px 0px 1px #000022;
  -webkit-transform: rotatex(0deg) rotatey(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotatex(0deg) rotatey(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */

  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tile .front.padding-yes > div {
  margin-left: 10px;
  margin-right: 10px;
}
.tile .front.padding-no {
  padding: 0px;
}
.tile .front div.moduletable.override-padding-yes {
  margin: 10px;
}
.tile .content {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  overflow: auto;
  font-size: 11px;
  -webkit-transform: rotatey(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotatey(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -webkit-transition: all 500ms cubic-bezier(0.605, 0.09, 0.455, 1);
  /* older webkit */

  -webkit-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  -moz-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  -ms-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  -o-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  /* custom */

}
.tile .content.padding-yes > div {
  margin-left: 10px;
  margin-right: 10px;
}
.tile .content.padding-no {
  padding: 0px;
}
.tile h1 {
  font-size: 26px;
}
.tile h1,
.tile h2,
.tile h3,
.tile h4,
.tile h5,
.tile h6 {
  line-height: normal;
  padding: 0px;
  /*font-size: 12px;*/

}
.tile h2 {
  font-size: 24px;
}
.tile h3 {
  font-size: 18px;
}
.tile h4 {
  font-size: 14px;
}
.tile h5 {
  font-size: 12px;
}
.tile h6 {
  font-size: 10px;
}
.tile p {
  font-size: 13px;
  font-weight: normal;
}
.tile ul {
  padding: 0px;
  margin-left: 0px;
  list-style-type: none;
}
.tile ul.mainpagelinks {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
.tile li {
  line-height: normal;
}
div.flip .front {
  z-index: 900;
  border-color: #eee;
  background: #333;
  -webkit-transform: rotatey(180deg);
  -moz-transform: rotatey(180deg);
  -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
}
div.flip .content {
  z-index: 1000;
  background-color: #009B3A;
  -webkit-transform: rotatex(0deg) rotatey(0deg);
  -moz-transform: rotatex(0deg) rotatey(0deg);
  box-shadow: inset 0px 0px 1px #000022;
  -webkit-box-shadow: inset 0px 0px 1px #000022;
  -moz-box-shadow: inset 0px 0px 1px #000022;
}
#smallTileContainer {
  height: 260px;
  width: 520px;
  position: relative;
  float: left;
}
#contentTile {
  width: 510px;
  float: right;
  height: auto;
  margin-left: -20px;
  font-size: 13px;
  /* Remove the irritating subcategories/alakategoriat heading text */

  /* Article intro images */

  /* Article links A, B, C */

  /* Test for setting the blog options */

}
#contentTile.widecontent {
  width: auto;
  min-width: 510px;
  float: left;
  margin-left: 0px;
}
#contentTile .fullwidth {
  margin-left: -50px;
  margin-right: -50px;
}
#contentTile div.cat-children > h3 {
  display: none;
}
#contentTile div.img-intro-left > img,
#contentTile div.item-image > img {
  margin-bottom: 20px;
  margin-right: 10px;
}
#contentTile div.category-desc > img {
  margin: 50px;
}
#contentTile .page-header {
  border: 0px;
}
#contentTile table.table-condensed {
  font-size: 12px;
}
#contentTile div.content-links ul {
  list-style-type: none;
}
#contentTile p,
#contentTile pre {
  line-height: 16px;
  /*margin-left: 20px;
        margin-right: 10px;*/

}
#contentTile h2,
#contentTile h3,
#contentTile h4,
#contentTile h5,
#contentTile h6 {
  line-height: normal;
  font-family: Arial, sans-serif;
  padding: 0px;
  /*font-size: 14px;*/

}
#contentTile .blog-box {
  height: 250px;
  width: 250px;
  /* All tiles are width2 in the base (2 column) setup */

  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: normal;
  clear: none;
  position: relative;
  overflow: hidden;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  /* Headings used overlaid on the full-tile images (Virtual Acoustics front page) */

  /* frontside of a tile */

  /* backside of a tile */

  float: left;
  margin-right: 0px;
  margin-left: 0px;
  border: 0px solid;
  border-right: 10px solid;
  width: 400px;
  min-height: 210px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: inset 0px 0px 1px #000022;
  -webkit-box-shadow: inset 0px 0px 1px #000022;
  -moz-box-shadow: inset 0px 0px 1px #000022;
}
#contentTile .blog-box.height2 {
  height: 510px;
}
#contentTile .blog-box.height3 {
  height: 770px;
}
#contentTile .blog-box.height4 {
  height: 1030px;
}
#contentTile .blog-box.width2 {
  width: 510px;
}
#contentTile .blog-box.width3 {
  width: 510px;
}
#contentTile .blog-box.width4 {
  width: 510px;
}
#contentTile .blog-box.widecontent {
  margin-right: 0px;
}
#contentTile .blog-box.float-left {
  float: left;
}
#contentTile .blog-box.float-right {
  float: right;
}
#contentTile .blog-box h1.image-overlay,
#contentTile .blog-box h2.image-overlay,
#contentTile .blog-box h3.image-overlay {
  position: absolute;
}
#contentTile .blog-box h1.image-overlay.white,
#contentTile .blog-box h2.image-overlay.white,
#contentTile .blog-box h3.image-overlay.white {
  color: #fefefe;
  text-shadow: 1px 1px 2px black;
}
#contentTile .blog-box h1.image-overlay.black,
#contentTile .blog-box h2.image-overlay.black,
#contentTile .blog-box h3.image-overlay.black {
  color: #333333;
  text-shadow: 1px 1px 2px white;
}
#contentTile .blog-box h1.image-overlay.bottom,
#contentTile .blog-box h2.image-overlay.bottom,
#contentTile .blog-box h3.image-overlay.bottom {
  bottom: 0px;
}
#contentTile .blog-box h1.image-overlay.top,
#contentTile .blog-box h2.image-overlay.top,
#contentTile .blog-box h3.image-overlay.top {
  top: 0px;
}
#contentTile .blog-box h1.image-overlay.left,
#contentTile .blog-box h2.image-overlay.left,
#contentTile .blog-box h3.image-overlay.left {
  left: 10px;
  margin-right: 10px;
}
#contentTile .blog-box h1.image-overlay.right,
#contentTile .blog-box h2.image-overlay.right,
#contentTile .blog-box h3.image-overlay.right {
  right: 10px;
  margin-left: 10px;
  text-align: right;
}
#contentTile .blog-box h2.svg-overlay {
  position: absolute;
  z-index: -1;
}
#contentTile .blog-box h2.svg-overlay.bottom {
  bottom: 0px;
}
#contentTile .blog-box h2.svg-overlay.top {
  top: 0px;
}
#contentTile .blog-box h2.svg-overlay.left {
  left: 10px;
}
#contentTile .blog-box h2.svg-overlay.right {
  right: 10px;
}
#contentTile .blog-box .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  font-size: 11px;
  background-color: #928b81;
  color: #fefefe;
  box-shadow: inset 0px 0px 1px #000022;
  -webkit-box-shadow: inset 0px 0px 1px #000022;
  -moz-box-shadow: inset 0px 0px 1px #000022;
  -webkit-transform: rotatex(0deg) rotatey(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotatex(0deg) rotatey(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */

  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#contentTile .blog-box .front.padding-yes > div {
  margin-left: 10px;
  margin-right: 10px;
}
#contentTile .blog-box .front.padding-no {
  padding: 0px;
}
#contentTile .blog-box .front div.moduletable.override-padding-yes {
  margin: 10px;
}
#contentTile .blog-box .content {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  overflow: auto;
  font-size: 11px;
  -webkit-transform: rotatey(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotatey(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -webkit-transition: all 500ms cubic-bezier(0.605, 0.09, 0.455, 1);
  /* older webkit */

  -webkit-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  -moz-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  -ms-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  -o-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  /* custom */

}
#contentTile .blog-box .content.padding-yes > div {
  margin-left: 10px;
  margin-right: 10px;
}
#contentTile .blog-box .content.padding-no {
  padding: 0px;
}
#contentTile .blog-box h1 {
  font-size: 26px;
}
#contentTile .blog-box h1,
#contentTile .blog-box h2,
#contentTile .blog-box h3,
#contentTile .blog-box h4,
#contentTile .blog-box h5,
#contentTile .blog-box h6 {
  line-height: normal;
  padding: 0px;
  /*font-size: 12px;*/

}
#contentTile .blog-box h2 {
  font-size: 24px;
}
#contentTile .blog-box h3 {
  font-size: 18px;
}
#contentTile .blog-box h4 {
  font-size: 14px;
}
#contentTile .blog-box h5 {
  font-size: 12px;
}
#contentTile .blog-box h6 {
  font-size: 10px;
}
#contentTile .blog-box p {
  font-size: 13px;
  font-weight: normal;
}
#contentTile .blog-box ul {
  padding: 0px;
  margin-left: 0px;
  list-style-type: none;
}
#contentTile .blog-box ul.mainpagelinks {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
#contentTile .blog-box li {
  line-height: normal;
}
#contentTile .blog-box ul:not(nav.nav-tabs) {
  margin-left: 50px;
  list-style-type: disc;
}
#contentTile .blog-box ol {
  margin-left: 50px;
  list-style-type: decimal;
}
#contentTile .item-page,
#contentTile .blog,
#contentTile .category-list,
#contentTile .categories-list {
  height: 250px;
  width: 250px;
  /* All tiles are width2 in the base (2 column) setup */

  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: normal;
  clear: none;
  position: relative;
  overflow: hidden;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  /* Headings used overlaid on the full-tile images (Virtual Acoustics front page) */

  /* frontside of a tile */

  /* backside of a tile */

  float: left;
  margin-right: 0px;
  margin-left: 0px;
  border: 0px solid;
  border-right: 10px solid;
  width: 400px;
  min-height: 210px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: inset 0px 0px 1px #000022;
  -webkit-box-shadow: inset 0px 0px 1px #000022;
  -moz-box-shadow: inset 0px 0px 1px #000022;
  height: auto;
  border-bottom: 10px solid;
  border-right: 0px;
  width: 410px;
}
#contentTile .item-page.height2,
#contentTile .blog.height2,
#contentTile .category-list.height2,
#contentTile .categories-list.height2 {
  height: 510px;
}
#contentTile .item-page.height3,
#contentTile .blog.height3,
#contentTile .category-list.height3,
#contentTile .categories-list.height3 {
  height: 770px;
}
#contentTile .item-page.height4,
#contentTile .blog.height4,
#contentTile .category-list.height4,
#contentTile .categories-list.height4 {
  height: 1030px;
}
#contentTile .item-page.width2,
#contentTile .blog.width2,
#contentTile .category-list.width2,
#contentTile .categories-list.width2 {
  width: 510px;
}
#contentTile .item-page.width3,
#contentTile .blog.width3,
#contentTile .category-list.width3,
#contentTile .categories-list.width3 {
  width: 510px;
}
#contentTile .item-page.width4,
#contentTile .blog.width4,
#contentTile .category-list.width4,
#contentTile .categories-list.width4 {
  width: 510px;
}
#contentTile .item-page.widecontent,
#contentTile .blog.widecontent,
#contentTile .category-list.widecontent,
#contentTile .categories-list.widecontent {
  margin-right: 0px;
}
#contentTile .item-page.float-left,
#contentTile .blog.float-left,
#contentTile .category-list.float-left,
#contentTile .categories-list.float-left {
  float: left;
}
#contentTile .item-page.float-right,
#contentTile .blog.float-right,
#contentTile .category-list.float-right,
#contentTile .categories-list.float-right {
  float: right;
}
#contentTile .item-page h1.image-overlay,
#contentTile .blog h1.image-overlay,
#contentTile .category-list h1.image-overlay,
#contentTile .categories-list h1.image-overlay,
#contentTile .item-page h2.image-overlay,
#contentTile .blog h2.image-overlay,
#contentTile .category-list h2.image-overlay,
#contentTile .categories-list h2.image-overlay,
#contentTile .item-page h3.image-overlay,
#contentTile .blog h3.image-overlay,
#contentTile .category-list h3.image-overlay,
#contentTile .categories-list h3.image-overlay {
  position: absolute;
}
#contentTile .item-page h1.image-overlay.white,
#contentTile .blog h1.image-overlay.white,
#contentTile .category-list h1.image-overlay.white,
#contentTile .categories-list h1.image-overlay.white,
#contentTile .item-page h2.image-overlay.white,
#contentTile .blog h2.image-overlay.white,
#contentTile .category-list h2.image-overlay.white,
#contentTile .categories-list h2.image-overlay.white,
#contentTile .item-page h3.image-overlay.white,
#contentTile .blog h3.image-overlay.white,
#contentTile .category-list h3.image-overlay.white,
#contentTile .categories-list h3.image-overlay.white {
  color: #fefefe;
  text-shadow: 1px 1px 2px black;
}
#contentTile .item-page h1.image-overlay.black,
#contentTile .blog h1.image-overlay.black,
#contentTile .category-list h1.image-overlay.black,
#contentTile .categories-list h1.image-overlay.black,
#contentTile .item-page h2.image-overlay.black,
#contentTile .blog h2.image-overlay.black,
#contentTile .category-list h2.image-overlay.black,
#contentTile .categories-list h2.image-overlay.black,
#contentTile .item-page h3.image-overlay.black,
#contentTile .blog h3.image-overlay.black,
#contentTile .category-list h3.image-overlay.black,
#contentTile .categories-list h3.image-overlay.black {
  color: #333333;
  text-shadow: 1px 1px 2px white;
}
#contentTile .item-page h1.image-overlay.bottom,
#contentTile .blog h1.image-overlay.bottom,
#contentTile .category-list h1.image-overlay.bottom,
#contentTile .categories-list h1.image-overlay.bottom,
#contentTile .item-page h2.image-overlay.bottom,
#contentTile .blog h2.image-overlay.bottom,
#contentTile .category-list h2.image-overlay.bottom,
#contentTile .categories-list h2.image-overlay.bottom,
#contentTile .item-page h3.image-overlay.bottom,
#contentTile .blog h3.image-overlay.bottom,
#contentTile .category-list h3.image-overlay.bottom,
#contentTile .categories-list h3.image-overlay.bottom {
  bottom: 0px;
}
#contentTile .item-page h1.image-overlay.top,
#contentTile .blog h1.image-overlay.top,
#contentTile .category-list h1.image-overlay.top,
#contentTile .categories-list h1.image-overlay.top,
#contentTile .item-page h2.image-overlay.top,
#contentTile .blog h2.image-overlay.top,
#contentTile .category-list h2.image-overlay.top,
#contentTile .categories-list h2.image-overlay.top,
#contentTile .item-page h3.image-overlay.top,
#contentTile .blog h3.image-overlay.top,
#contentTile .category-list h3.image-overlay.top,
#contentTile .categories-list h3.image-overlay.top {
  top: 0px;
}
#contentTile .item-page h1.image-overlay.left,
#contentTile .blog h1.image-overlay.left,
#contentTile .category-list h1.image-overlay.left,
#contentTile .categories-list h1.image-overlay.left,
#contentTile .item-page h2.image-overlay.left,
#contentTile .blog h2.image-overlay.left,
#contentTile .category-list h2.image-overlay.left,
#contentTile .categories-list h2.image-overlay.left,
#contentTile .item-page h3.image-overlay.left,
#contentTile .blog h3.image-overlay.left,
#contentTile .category-list h3.image-overlay.left,
#contentTile .categories-list h3.image-overlay.left {
  left: 10px;
  margin-right: 10px;
}
#contentTile .item-page h1.image-overlay.right,
#contentTile .blog h1.image-overlay.right,
#contentTile .category-list h1.image-overlay.right,
#contentTile .categories-list h1.image-overlay.right,
#contentTile .item-page h2.image-overlay.right,
#contentTile .blog h2.image-overlay.right,
#contentTile .category-list h2.image-overlay.right,
#contentTile .categories-list h2.image-overlay.right,
#contentTile .item-page h3.image-overlay.right,
#contentTile .blog h3.image-overlay.right,
#contentTile .category-list h3.image-overlay.right,
#contentTile .categories-list h3.image-overlay.right {
  right: 10px;
  margin-left: 10px;
  text-align: right;
}
#contentTile .item-page h2.svg-overlay,
#contentTile .blog h2.svg-overlay,
#contentTile .category-list h2.svg-overlay,
#contentTile .categories-list h2.svg-overlay {
  position: absolute;
  z-index: -1;
}
#contentTile .item-page h2.svg-overlay.bottom,
#contentTile .blog h2.svg-overlay.bottom,
#contentTile .category-list h2.svg-overlay.bottom,
#contentTile .categories-list h2.svg-overlay.bottom {
  bottom: 0px;
}
#contentTile .item-page h2.svg-overlay.top,
#contentTile .blog h2.svg-overlay.top,
#contentTile .category-list h2.svg-overlay.top,
#contentTile .categories-list h2.svg-overlay.top {
  top: 0px;
}
#contentTile .item-page h2.svg-overlay.left,
#contentTile .blog h2.svg-overlay.left,
#contentTile .category-list h2.svg-overlay.left,
#contentTile .categories-list h2.svg-overlay.left {
  left: 10px;
}
#contentTile .item-page h2.svg-overlay.right,
#contentTile .blog h2.svg-overlay.right,
#contentTile .category-list h2.svg-overlay.right,
#contentTile .categories-list h2.svg-overlay.right {
  right: 10px;
}
#contentTile .item-page .front,
#contentTile .blog .front,
#contentTile .category-list .front,
#contentTile .categories-list .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  font-size: 11px;
  background-color: #928b81;
  color: #fefefe;
  box-shadow: inset 0px 0px 1px #000022;
  -webkit-box-shadow: inset 0px 0px 1px #000022;
  -moz-box-shadow: inset 0px 0px 1px #000022;
  -webkit-transform: rotatex(0deg) rotatey(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotatex(0deg) rotatey(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */

  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#contentTile .item-page .front.padding-yes > div,
#contentTile .blog .front.padding-yes > div,
#contentTile .category-list .front.padding-yes > div,
#contentTile .categories-list .front.padding-yes > div {
  margin-left: 10px;
  margin-right: 10px;
}
#contentTile .item-page .front.padding-no,
#contentTile .blog .front.padding-no,
#contentTile .category-list .front.padding-no,
#contentTile .categories-list .front.padding-no {
  padding: 0px;
}
#contentTile .item-page .front div.moduletable.override-padding-yes,
#contentTile .blog .front div.moduletable.override-padding-yes,
#contentTile .category-list .front div.moduletable.override-padding-yes,
#contentTile .categories-list .front div.moduletable.override-padding-yes {
  margin: 10px;
}
#contentTile .item-page .content,
#contentTile .blog .content,
#contentTile .category-list .content,
#contentTile .categories-list .content {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  overflow: auto;
  font-size: 11px;
  -webkit-transform: rotatey(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotatey(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -webkit-transition: all 500ms cubic-bezier(0.605, 0.09, 0.455, 1);
  /* older webkit */

  -webkit-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  -moz-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  -ms-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  -o-transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  transition: all 400ms cubic-bezier(0.605, 0.09, 0.455, 1.295);
  /* custom */

}
#contentTile .item-page .content.padding-yes > div,
#contentTile .blog .content.padding-yes > div,
#contentTile .category-list .content.padding-yes > div,
#contentTile .categories-list .content.padding-yes > div {
  margin-left: 10px;
  margin-right: 10px;
}
#contentTile .item-page .content.padding-no,
#contentTile .blog .content.padding-no,
#contentTile .category-list .content.padding-no,
#contentTile .categories-list .content.padding-no {
  padding: 0px;
}
#contentTile .item-page h1,
#contentTile .blog h1,
#contentTile .category-list h1,
#contentTile .categories-list h1 {
  font-size: 26px;
}
#contentTile .item-page h1,
#contentTile .blog h1,
#contentTile .category-list h1,
#contentTile .categories-list h1,
#contentTile .item-page h2,
#contentTile .blog h2,
#contentTile .category-list h2,
#contentTile .categories-list h2,
#contentTile .item-page h3,
#contentTile .blog h3,
#contentTile .category-list h3,
#contentTile .categories-list h3,
#contentTile .item-page h4,
#contentTile .blog h4,
#contentTile .category-list h4,
#contentTile .categories-list h4,
#contentTile .item-page h5,
#contentTile .blog h5,
#contentTile .category-list h5,
#contentTile .categories-list h5,
#contentTile .item-page h6,
#contentTile .blog h6,
#contentTile .category-list h6,
#contentTile .categories-list h6 {
  line-height: normal;
  padding: 0px;
  /*font-size: 12px;*/

}
#contentTile .item-page h2,
#contentTile .blog h2,
#contentTile .category-list h2,
#contentTile .categories-list h2 {
  font-size: 24px;
}
#contentTile .item-page h3,
#contentTile .blog h3,
#contentTile .category-list h3,
#contentTile .categories-list h3 {
  font-size: 18px;
}
#contentTile .item-page h4,
#contentTile .blog h4,
#contentTile .category-list h4,
#contentTile .categories-list h4 {
  font-size: 14px;
}
#contentTile .item-page h5,
#contentTile .blog h5,
#contentTile .category-list h5,
#contentTile .categories-list h5 {
  font-size: 12px;
}
#contentTile .item-page h6,
#contentTile .blog h6,
#contentTile .category-list h6,
#contentTile .categories-list h6 {
  font-size: 10px;
}
#contentTile .item-page p,
#contentTile .blog p,
#contentTile .category-list p,
#contentTile .categories-list p {
  font-size: 13px;
  font-weight: normal;
}
#contentTile .item-page ul,
#contentTile .blog ul,
#contentTile .category-list ul,
#contentTile .categories-list ul {
  padding: 0px;
  margin-left: 0px;
  list-style-type: none;
}
#contentTile .item-page ul.mainpagelinks,
#contentTile .blog ul.mainpagelinks,
#contentTile .category-list ul.mainpagelinks,
#contentTile .categories-list ul.mainpagelinks {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
#contentTile .item-page li,
#contentTile .blog li,
#contentTile .category-list li,
#contentTile .categories-list li {
  line-height: normal;
}
#contentTile .item-page ul:not(nav.nav-tabs),
#contentTile .blog ul:not(nav.nav-tabs),
#contentTile .category-list ul:not(nav.nav-tabs),
#contentTile .categories-list ul:not(nav.nav-tabs) {
  margin-left: 50px;
  list-style-type: disc;
}
#contentTile .item-page ol,
#contentTile .blog ol,
#contentTile .category-list ol,
#contentTile .categories-list ol {
  margin-left: 50px;
  list-style-type: decimal;
}
#contentTile.widecontent .item-page,
#contentTile.widecontent .blog,
#contentTile.widecontent .category-list,
#contentTile.widecontent .categories-list {
  width: auto;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0px;
}
#contentTile.yellow_tile [class*="leading-"] {
  border-right-color: #fecb00;
  color: #333333;
}
#contentTile.yellow_tile .item-page,
#contentTile.yellow_tile .blog,
#contentTile.yellow_tile .category-list,
#contentTile.yellow_tile .categories-list {
  border-bottom-color: #fecb00;
}
#contentTile.grey_tile [class*="leading-"] {
  border-right-color: #928b81;
  color: #333333;
}
#contentTile.grey_tile .item-page,
#contentTile.grey_tile .blog,
#contentTile.grey_tile .category-list,
#contentTile.grey_tile .categories-list {
  border-bottom-color: #928b81;
}
#contentTile.red_tile [class*="leading-"] {
  border-right-color: #ed2939;
  color: #333333;
}
#contentTile.red_tile .item-page,
#contentTile.red_tile .blog,
#contentTile.red_tile .category-list,
#contentTile.red_tile .categories-list {
  border-bottom-color: #ed2939;
}
#contentTile.blue_tile [class*="leading-"] {
  border-right-color: #0065bd;
  color: #333333;
}
#contentTile.blue_tile .item-page,
#contentTile.blue_tile .blog,
#contentTile.blue_tile .category-list,
#contentTile.blue_tile .categories-list {
  border-bottom-color: #0065bd;
}
#contentTile.green_tile [class*="leading-"] {
  border-right-color: #69be28;
  color: #333333;
}
#contentTile.green_tile .item-page,
#contentTile.green_tile .blog,
#contentTile.green_tile .category-list,
#contentTile.green_tile .categories-list {
  border-bottom-color: #69be28;
}
#contentTile.white_tile [class*="leading-"] {
  border-right-color: #fefefe;
  color: #333333;
}
#contentTile.white_tile .item-page,
#contentTile.white_tile .blog,
#contentTile.white_tile .category-list,
#contentTile.white_tile .categories-list {
  border-bottom-color: #fefefe;
}
#contentTile.black_tile [class*="leading-"] {
  border-right-color: #333333;
  color: #fefefe;
}
#contentTile.black_tile .item-page,
#contentTile.black_tile .blog,
#contentTile.black_tile .category-list,
#contentTile.black_tile .categories-list {
  border-bottom-color: #333333;
}
#contentTile .muted {
  display: none;
}
/*********************************************************
*                       HEADER
*********************************************************/
.header {
  margin-left: 0;
  margin-right: 0;
  width: 520px;
  margin-bottom: 10px;
}
.header.widecontent {
  width: auto;
}
.header .controlpanel {
  width: 250px;
  text-align: center;
  padding-bottom: 0px;
  /*border: 1px solid #BBB;*/

  border-top: 0px;
  font-size: 13px;
  display: inline-block;
  /*float:left;*/

  box-shadow: inset 0px 0px 1px #000022;
  -webkit-box-shadow: inset 0px 0px 1px #000022;
  -moz-box-shadow: inset 0px 0px 1px #000022;
  /*background-color: @grey;
		margin-left: auto;
		margin-right: auto;
		box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.57);

        -moz-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;*/

}
.header .controlpanel #login-div.collapse.out form,
.header .controlpanel #login-div.collapse.out ul,
.header .controlpanel #login-div.collapse.out div {
  display: none;
}
.header .controlpanel #login-div.collapse.in form,
.header .controlpanel #login-div.collapse.in ul,
.header .controlpanel #login-div.collapse.in div {
  display: block;
}
.header .controlpanel.yellow_tile {
  background-color: #fecb00;
}
.header .controlpanel.red_tile {
  background-color: #ed2939;
}
.header .controlpanel.grey_tile {
  background-color: #928b81;
}
.header .controlpanel.green_tile {
  background-color: #69be28;
}
.header .controlpanel.blue_tile {
  background-color: #0065bd;
}
.header .controlpanelwhite_tile {
  background-color: #fefefe;
}
.header .controlpanel.black_tile {
  background-color: #333333;
}
.header .controlpanel .mod-languages {
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline;
}
.header .controlpanel .mod-languages .lang-inline {
  display: inline;
}
.header .controlpanel button {
  display: inline;
}
/* Menu stuff */
.nav-child {
  margin-left: 10px !important;
}
ul.nav.menu {
  margin-left: 10px;
  margin-right: 10px;
}
.menu ul li.active a {
  font-weight: bold;
}
.menu ul li.active ul a {
  font-weight: normal;
}
.menu ul li.active ul li.active a {
  font-weight: bold;
}
.nav > li > a:hover {
  text-decoration: underline !important;
  background-color: transparent !important;
}
/* Tabs stuff */
div.tile .nav-tabs > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
}
div.tile .nav-tabs > li.active > a {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.2) !important;
}
div.tile.blue_tile .nav-tabs > li > a:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: #fecb00;
}
div.tile .nav {
  margin-bottom: 10px;
}
/* language module positioning */
div.mod-languages {
  margin: 10px 0px;
}
.minitile-container {
  margin-left: 10px;
  margin-top: 10px;
  width: 240px;
  /*height: 170px;*/

}
.minitile-container .minitile a {
  display: block;
  width: 70px;
  height: 70px;
  color: white !important;
  text-decoration: none !important;
}
.minitile {
  width: 70px;
  height: 70px;
  font-size: 24px;
  line-height: normal;
  box-shadow: 0px 0px 1px #000000;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  position: relative;
}
.minitile.fullwidth {
  width: 230px;
}
.minitile.fullwidth a {
  width: 230px !important;
}
.minitile.noshadow {
  box-shadow: none;
}
.minitile a img:hover {
  box-shadow: 0px 0px 5px #000000;
}
.minitile.no-right-margin {
  margin-right: 0px;
}
.minitile.yellow {
  background: #fecb00;
}
.minitile.yellow:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #ffd119 0%, #b28e00 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #ffd119 0%, #b28e00 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #ffd119 0%, #b28e00 100%);
  background: radial-gradient(center, ellipse farthest-corner, #ffd119 0%, #b28e00 100%);
}
.minitile.red {
  background: #ed2939;
}
.minitile.red:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #ef414f 0%, #ba101e 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #ef414f 0%, #ba101e 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #ef414f 0%, #ba101e 100%);
  background: radial-gradient(center, ellipse farthest-corner, #ef414f 0%, #ba101e 100%);
}
.minitile.blue {
  background: #0065bd;
}
.minitile.blue:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #0073d7 0%, #003c71 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #0073d7 0%, #003c71 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #0073d7 0%, #003c71 100%);
  background: radial-gradient(center, ellipse farthest-corner, #0073d7 0%, #003c71 100%);
}
.minitile.green {
  background: #69be28;
}
.minitile.green:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #75d32d 0%, #467f1b 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #75d32d 0%, #467f1b 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #75d32d 0%, #467f1b 100%);
  background: radial-gradient(center, ellipse farthest-corner, #75d32d 0%, #467f1b 100%);
}
.minitile.grey {
  background: #928b81;
}
.minitile.grey:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #9e988f 0%, #6a655c 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #9e988f 0%, #6a655c 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #9e988f 0%, #6a655c 100%);
  background: radial-gradient(center, ellipse farthest-corner, #9e988f 0%, #6a655c 100%);
}
.minitile.purple {
  background: #b1059d;
}
.minitile.purple:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #ca06b3 0%, #67035b 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #ca06b3 0%, #67035b 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #ca06b3 0%, #67035b 100%);
  background: radial-gradient(center, ellipse farthest-corner, #ca06b3 0%, #67035b 100%);
}
.minitile.darkgreen {
  background: #009b3a;
}
.minitile.darkgreen:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #00b444 0%, #004e1d 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #00b444 0%, #004e1d 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #00b444 0%, #004e1d 100%);
  background: radial-gradient(center, ellipse farthest-corner, #00b444 0%, #004e1d 100%);
}
.minitile.darkpurple {
  background: #6639b7;
}
.minitile.darkpurple:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #7245c5 0%, #45277d 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #7245c5 0%, #45277d 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #7245c5 0%, #45277d 100%);
  background: radial-gradient(center, ellipse farthest-corner, #7245c5 0%, #45277d 100%);
}
.minitile.orange {
  background: #ff7900;
}
.minitile.orange:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #ff861a 0%, #b35500 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #ff861a 0%, #b35500 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #ff861a 0%, #b35500 100%);
  background: radial-gradient(center, ellipse farthest-corner, #ff861a 0%, #b35500 100%);
}
.minitile.lightblue {
  background: #00a8b4;
}
.minitile.lightblue:hover {
  background: -moz-radial-gradient(center, ellipse farthest-corner, #00c0ce 0%, #006168 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #00c0ce 0%, #006168 100%);
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #00c0ce 0%, #006168 100%);
  background: radial-gradient(center, ellipse farthest-corner, #00c0ce 0%, #006168 100%);
}
.minitile .s1 {
  position: absolute;
  top: 5px;
  left: 25px;
  -webkit-transform: rotate(353deg);
  -moz-transform: rotate(353deg);
  -o-transform: rotate(353deg);
  writing-mode: lr-tb;
}
.minitile .s2 {
  position: absolute;
  top: 15px;
  left: 5px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 32px;
}
.minitile .s3 {
  position: absolute;
  top: 35px;
  left: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
}
.minitile.schools {
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  text-align: center;
}
.minitile.schools .s4 {
  font-size: 14px;
}
.minitile.schools .s5 {
  position: relative;
  font-size: 25px;
  font-weight: bold;
}
/****************************************

Promo tile stuff

*****************************************/
#promoTile {
  height: 250px;
  width: 250px;
  opacity: 1;
  padding: 0px;
  display: block;
  /*
	&:hover {
		border: 1px solid black;
	}
    */

}
#promoTile img {
  height: 250px;
  width: 250px;
}
#promoTile .custom {
  padding: 0px;
}
#promoTileCaption {
  color: #fefefe;
  position: absolute;
  right: 0px;
  top: 400px;
  width: 300px;
  /*	z-index: 1;*/

  background: rgba(0, 0, 0, 0.4);
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid grey;
  -moz-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
}
#promoTileCaption p {
  font: normal normal normal 0.6em sans-serif;
  padding: 5px 10px 5px 10px;
  margin: 0px;
}
/****************************************

Footer

*****************************************/
.footer {
  left: auto;
  right: auto;
  bottom: 0px;
  width: 100%;
  text-align: center;
  clear: both;
}
div.green_tile .front,
div.green_tile .content,
div.green_tile.controlpanel {
  background-color: #69be28;
  color: #fefefe;
}
div.green_tile .front a,
div.green_tile .content a,
div.green_tile.controlpanel a {
  color: #0065bd;
}
div.green_tile .front svg path,
div.green_tile .content svg path,
div.green_tile.controlpanel svg path {
  fill: #52941f;
}
div.grey_tile .front,
div.grey_tile .content,
div.grey_tile.controlpanel {
  background-color: #928b81;
  color: #fefefe;
}
div.grey_tile .front a,
div.grey_tile .content a,
div.grey_tile.controlpanel a {
  color: #fecb00;
}
div.grey_tile .front svg path,
div.grey_tile .content svg path,
div.grey_tile.controlpanel svg path {
  fill: #787168;
}
div.blue_tile .front,
div.blue_tile .content,
div.blue_tile.controlpanel {
  background-color: #0065bd;
  color: #fefefe;
}
div.blue_tile .front a,
div.blue_tile .content a,
div.blue_tile.controlpanel a {
  color: #fecb00;
}
div.blue_tile .front svg path,
div.blue_tile .content svg path,
div.blue_tile.controlpanel svg path {
  fill: #004a8a;
}
div.yellow_tile .front,
div.yellow_tile .content,
div.yellow_tile.controlpanel {
  background-color: #fecb00;
  color: #333333;
}
div.yellow_tile .front a,
div.yellow_tile .content a,
div.yellow_tile.controlpanel a {
  color: #0065bd;
}
div.yellow_tile .front svg path,
div.yellow_tile .content svg path,
div.yellow_tile.controlpanel svg path {
  fill: #cba200;
}
div.red_tile .front,
div.red_tile .content,
div.red_tile.controlpanel {
  background-color: #ed2939;
  color: #fefefe;
}
div.red_tile .front a,
div.red_tile .content a,
div.red_tile.controlpanel a {
  color: #fecb00;
}
div.red_tile .front svg path,
div.red_tile .content svg path,
div.red_tile.controlpanel svg path {
  fill: #d11221;
}
div.black_tile .front,
div.black_tile .content,
div.black_tile.controlpanel {
  background-color: #333333;
  color: #fefefe;
}
div.black_tile .front a,
div.black_tile .content a,
div.black_tile.controlpanel a {
  color: #fecb00;
}
div.black_tile .front svg path,
div.black_tile .content svg path,
div.black_tile.controlpanel svg path {
  fill: #1a1a1a;
}
div.white_tile .front,
div.white_tile .content,
div.white_tile.controlpanel {
  background-color: #fefefe;
  color: #333333;
}
div.white_tile .front a,
div.white_tile .content a,
div.white_tile.controlpanel a {
  color: #0065bd;
}
div.white_tile .front svg path,
div.white_tile .content svg path,
div.white_tile.controlpanel svg path {
  fill: #e5e5e5;
}
#tile3 {
  /*float: right;*/

}
/* Bootstrap Carousel mods */
.carousel .carousel-control {
  display: none;
}
.carousel:hover .carousel-control {
  display: inherit;
}
.carousel-caption {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.carousel p {
  color: #fefefe;
  display: none;
}
.carousel:hover p {
  display: inline;
}
.carousel:hover .carousel-caption {
  padding: 15px !important;
}
.carousel a,
.carousel-control a {
  color: #fecb00 !important;
}
.hidden-3col {
  display: inherit !important;
}
.hidden-4col {
  display: inherit !important;
}
.hidden-2col {
  display: none !important;
}
/* Bootstrap table mods */
table,
.table {
  width: auto !important;
  max-width: inherit;
}
/* Wider editor window */
#editor table {
  width: 100% !important;
}
/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
  
}
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
  .hidden-2col {
    display: inherit !important;
  }
  .hidden-4col {
    display: inherit !important;
  }
  .hidden-3col {
    display: none !important;
  }
  div.tile.width3 {
    width: 770px;
  }
  div.tile.width4 {
    width: 770px;
  }
  #tileContainer {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
  #tileContainer.widecontent {
    width: auto;
  }
  .header {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
  .header.widecontent {
    width: auto;
  }
  #smallTileContainer {
    height: 520px;
    width: 260px;
  }
  #promoTile {
    display: block;
    height: 510px;
    width: 510px;
  }
  #promoTile img {
    height: 510px;
    width: 510px;
  }
  #contentTile {
    min-height: 720px;
  }
  #contentTile .item-page,
  #contentTile .blog,
  #contentTile .category-list,
  #contentTile .categories-list {
    min-height: 720px;
    float: right;
    overflow: auto;
  }
  #contentTile .carousel {
    margin: 20px;
  }
  #contentTile.widecontent {
    width: 100%;
    min-height: 0;
  }
  #contentTile.widecontent .item-page,
  #contentTile.widecontent .blog,
  #contentTile.widecontent .category-list,
  #contentTile.widecontent .categories-list {
    float: left;
  }
  #tile3 {
    /*float: left;*/
  
  }
}
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
  
}
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1050px) {
  .hidden-2col {
    display: inherit !important;
  }
  .hidden-3col {
    display: inherit !important;
  }
  .hidden-4col {
    display: none !important;
  }
  #tileContainer {
    width: 1040px;
    height: auto;
  }
  #tileContainer.widecontent {
    width: auto;
  }
  .header {
    width: 1040px;
  }
  .header.widecontent {
    width: auto;
  }
  div.tile.width3 {
    width: 770px;
  }
  div.tile.width4 {
    width: 1030px;
  }
  div.height2 {
    clear: none;
    float: right;
  }
  #promoTile {
    float: left;
    clear: none;
    display: block;
  }
  #tile6 {
    /*float: left;
      clear: none;*/
  
  }
  #tile7 {
    /*float: right;
      clear: none;*/
  
  }
  #contentTile {
    width: 770px;
  }
  #contentTile .item-page,
  #contentTile .blog,
  #contentTile .category-list,
  #contentTile .categories-list {
    width: 670px;
    overflow: auto;
  }
  #contentTile.widecontent {
    width: 100%;
    min-width: 95%;
  }
  #contentTile.widecontent .item-page,
  #contentTile.widecontent .blog,
  #contentTile.widecontent .category-list,
  #contentTile.widecontent .categories-list {
    width: auto;
    min-width: 95%;
  }
}
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  
}
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  
}