/*********************
BREAKPOINTS
*********************/
/***
*
*   News Teasers Mixin
*
*/
/***
*
*   Horizontal Teaser Mixin
*/
/***
*
*   Headline bar block
*
*/
.front.cfaesbase-deptcol #region-content {
  width: 100% !important; }
  @media (min-width: 640px) {
    .front.cfaesbase-deptcol #region-content {
      width: 688px !important; } }
.front #block-menu-menu-homepage-masonry-menu * {
  box-sizing: border-box; }
.front #block-menu-menu-homepage-masonry-menu .block-title {
  display: none; }
.front #block-menu-menu-homepage-masonry-menu ul:after {
  content: '';
  display: table;
  clear: both; }
.front #block-menu-menu-homepage-masonry-menu ul li {
  background-color: #858585;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: cover;
  width: 100%;
  height: 150px;
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none; }
  @media (min-width: 501px) {
    .front #block-menu-menu-homepage-masonry-menu ul li.grid-sizer, .front #block-menu-menu-homepage-masonry-menu ul li.leaf {
      width: calc((100% / 2) - (((2 - 1) * 10px) / 2)); } }
  @media (min-width: 640px) {
    .front #block-menu-menu-homepage-masonry-menu ul li.grid-sizer, .front #block-menu-menu-homepage-masonry-menu ul li.leaf {
      width: calc((100% / 4) - (((4 - 1) * 10px) / 4)); } }
  @media (min-width: 640px) {
    .front #block-menu-menu-homepage-masonry-menu ul li.block1x2 {
      height: 310px;
      background-size: cover;
      background-position: 50% 50%; } }
  @media (min-width: 640px) {
    .front #block-menu-menu-homepage-masonry-menu ul li.block2x1 {
      width: calc((100% / 2) - (((2 - 1) * 10px) / 2));
      background-size: cover;
      background-position: 50% 50%; } }
  @media (min-width: 640px) {
    .front #block-menu-menu-homepage-masonry-menu ul li.block2x2 {
      width: calc((100% / 2) - (((2 - 1) * 10px) / 2));
      height: 310px;
      background-size: cover;
      background-position: 50% 50%; } }
  .front #block-menu-menu-homepage-masonry-menu ul li a {
    display: block;
    box-sizing: border-box;
    padding: 5px;
    color: #ffffff;
    height: 100%;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 1px 1px 0 #000; }
    .front #block-menu-menu-homepage-masonry-menu ul li a span {
      display: inline-block;
      width: 60%; }

.page-admin-structure-menu-item .form-item .preview-block {
  box-sizing: border-box;
  background-color: #858585;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 35%;
  width: 237px;
  height: 150px; }
  .page-admin-structure-menu-item .form-item .preview-block.block2x2 {
    width: 474px;
    height: 310px;
    background-size: cover; }
  .page-admin-structure-menu-item .form-item .preview-block.block1x2 {
    height: 310px;
    background-size: cover; }
  .page-admin-structure-menu-item .form-item .preview-block.block2x1 {
    width: 474px;
    background-size: cover; }
  .page-admin-structure-menu-item .form-item .preview-block.dark-gray-background {
    background-color: #333333; }
  .page-admin-structure-menu-item .form-item .preview-block.scarlet-background {
    background-color: #bb0000; }
  .page-admin-structure-menu-item .form-item .preview-block.blue-gray-background {
    background-color: #586a81; }
  .page-admin-structure-menu-item .form-item .preview-block.olive-background {
    background-color: #909738; }
  .page-admin-structure-menu-item .form-item .preview-block.purple-background {
    background-color: #851e5e; }
  .page-admin-structure-menu-item .form-item .preview-block span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    width: 60%;
    text-shadow: 1px 1px 0 #000; }

/*# sourceMappingURL=cfaes_masonry_image_menu.css.map */