/*Specific region styling for this template*/

/*Overrides*/
.footer-flyouts {
  display: none;
}

.home .region-home .wrapper {
  max-width: 100%;
  padding: 0;
}

.home .region-home.latest .wrapper, 
.home .region-home.campuses .wrapper, 
.home .region-home.audiences .wrapper {
  padding: 0 50px;
}

@media (max-width: 660px) {
  .home .region-home.latest .wrapper, 
  .home .region-home.campuses .wrapper {
    padding: 0;
  }
  
  .home .region-home.audiences .wrapper {
    padding: 0 10px;
  }
}

.home article.core-home {
  background-color: #FFF;
}

/*Header and Logo*/
header .branding img {
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  header .branding img {
    padding-top: 20px;
  }
}

header .columns {
  padding-top: 30px;
}

/*Become a Patriot 'action' region*/
.region-home.action {
  background-color: #006940;
  background-image: url("mason_m.png");
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 75px 0px; }
  @media (max-width: 767px) {
    .region-home.action {
      padding: 50px 0px; } }
  .region-home.action .wrapper {
    width: 1280px;
    margin: 0px auto; }
    .region-home.action .wrapper .action-grid {
      display: grid;
      margin: 0px auto;
      grid-template-columns: repeat(12, 1fr); }
      @media (max-width: 767px) {
        .region-home.action .wrapper .action-grid {
          grid-template-columns: repeat(2, 1fr); } }
      .region-home.action .wrapper .action-grid .grid-title {
        grid-column: span 12; }
        @media (max-width: 767px) {
          .region-home.action .wrapper .action-grid .grid-title {
            grid-column: span 2; } }
      .region-home.action .wrapper .action-grid h2 {
        font-family: 'Roboto Slab', serif;
        font-weight: normal;
        letter-spacing: 0.025em;
        text-align: center;
        color: white;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        padding-bottom: 50px;
        font-size: 48px; }
        .region-home.action .wrapper .action-grid h2 a {
          transition: 300ms ease all;
          text-decoration: none;
          color: white; }
          .region-home.action .wrapper .action-grid h2 a:hover {
            opacity: 0.7; }
      .region-home.action .wrapper .action-grid .action-item {
        grid-column: span 3;
        text-align: center;
        padding: 0px 25px; }
        @media (max-width: 767px) {
          .region-home.action .wrapper .action-grid .action-item {
            grid-column: span 1;
            padding: 0px 10px 35px; } }
        .region-home.action .wrapper .action-grid .action-item button {
          background: #fc3;
          padding: 20px 40px;
          color: #006940;
          border-radius: 5px;
          border: none;
          font-family: 'Open Sans', sans-serif;
          font-weight: 700;
          font-size: 18px;
          transition: 300ms ease all;
          text-decoration: none;
          transition: 300ms ease all;
          font-family: 'Roboto Slab', serif;
          font-weight: normal;
          letter-spacing: 0.025em;
          font-size: 32px;
          padding: 30px 0px;
          width: 100%;
          font-weight: bold;
          text-transform: uppercase; }
          .region-home.action .wrapper .action-grid .action-item button:hover {
            background: #ffbf00;
            color: #000;
            cursor: pointer; }
          .region-home.action .wrapper .action-grid .action-item button a {
            transition: 300ms ease all;
            text-decoration: none;
            color: white; }
            .region-home.action .wrapper .action-grid .action-item button a:hover {
              opacity: 0.7; }
          @media (max-width: 767px) {
            .region-home.action .wrapper .action-grid .action-item button {
              font-size: 21px;
              padding: 20px 0px; } }
              
/* Follow the Mason Nation Region */
.region-home.social {
  background: #fc3;
  padding: 40px 0px; }
  .region-home.social .wrapper {
    width: 1280px;
    margin: 0px auto; }
    .region-home.social .wrapper .social-grid {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      text-align: center; }
      @media (max-width: 767px) {
        .region-home.social .wrapper .social-grid {
          grid-template-columns: repeat(4, 1fr); } }
      .region-home.social .wrapper .social-grid .follow-mason-nation {
        font-family: 'Roboto Slab', serif;
        font-weight: normal;
        letter-spacing: 0.025em;
        grid-column: span 8;
        font-size: 48px;
        font-weight: bold;
        color: #006940;
        text-transform: uppercase; }
        .region-home.social .wrapper .social-grid .follow-mason-nation a {
          transition: 300ms ease all;
          text-decoration: none;
          color: white; }
          .region-home.social .wrapper .social-grid .follow-mason-nation a:hover {
            opacity: 0.7; }
        @media (max-width: 767px) {
          .region-home.social .wrapper .social-grid .follow-mason-nation {
            grid-column: span 4;
            font-size: 32px;
            padding-bottom: 25px; } }
      .region-home.social .wrapper .social-grid .social-link {
        grid-column: span 1;
        font-size: 40px; }
        .region-home.social .wrapper .social-grid .social-link a {
          color: #006940;
          transition: 300ms ease all; }
          .region-home.social .wrapper .social-grid .social-link a:hover {
            /*opacity: 0.7;*/
            color: #000;  }
        @media (max-width: 767px) {
          .region-home.social .wrapper .social-grid .social-link {
            grid-column: span 1;
            grid-row: 2; } }    

/*Latest Region*/
.region-home.latest {
  padding: 50px 0px; }
  @media (max-width: 767px) {
    .region-home.latest {
      padding: 35px 0px; } }
  .region-home.latest .wrapper {
    width: 1280px;
    margin: 0px auto; }
    .region-home.latest .wrapper h2 {
      text-align: center;
      padding: 20px 0px;
      font-family: 'Roboto Slab', serif;
      font-weight: normal;
      letter-spacing: 0.025em;
      color: #006940;
      font-size: 40px;
      font-weight: bold; }
      .region-home.latest .wrapper h2 a {
        transition: 300ms ease all;
        text-decoration: none;
        color: white; }
        .region-home.latest .wrapper h2 a:hover {
          opacity: 0.7; }
    .region-home.latest .wrapper h2.home-region-title {
      position: relative;
      z-index: 1; }
      .region-home.latest .wrapper h2.home-region-title:before {
        border-top: 1px solid #cdd5d4;
        content: "";
        margin: 0 auto;
        /* this centers the line to the full width specified */
        position: absolute;
        /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -1; }
      .region-home.latest .wrapper h2.home-region-title span {
        /* to hide the lines from behind the text, you have to set the background color the same as the container */
        background: #fff;
        padding: 0 15px; }
        @media (max-width: 767px) {
          .region-home.latest .wrapper h2.home-region-title span {
            font-size: 28px;
            line-height: 45px; } }
    .region-home.latest .wrapper .latest-mosaic-tiles-wrapper {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      width: 100%;
      margin: 0px auto;
      overflow: hidden; }
      @media (max-width: 767px) {
        .region-home.latest .wrapper .latest-mosaic-tiles-wrapper {
          grid-template-columns: repeat(1, 1fr); } }
      .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile {
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: relative;
        transition: 300ms ease all;
        overflow: hidden; }
        .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile:hover img {
          transform: scale(1.1);
          cursor: pointer; }
        .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile img {
          transition: 300ms ease all;
          object-fit: cover;
          height: 100%;
          width: 100%; }
        .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile .caption {
          position: absolute;
          bottom: 0;
          left: 0;
          padding: 60px 20px 20px;
          margin: 0;
          background: linear-gradient(to bottom, transparent, black);
          width: 100%; }
          .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile .caption .category {
            font-family: 'Roboto Slab', serif;
            font-weight: normal;
            letter-spacing: 0.025em;
            color: white;
            background: #006940;
            padding: 5px 10px; }
            .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile .caption .category a {
              transition: 300ms ease all;
              text-decoration: none;
              color: white; }
              .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile .caption .category a:hover {
                opacity: 0.7; }
          .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile .caption .link-title {
            color: white;
            font-family: 'Open Sans', sans-serif;
            text-decoration: none;
            display: block;
            margin-top: 10px;
            font-size: 18px;
            line-height: 24px; }
            .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile .caption .link-title a {
              transition: 300ms ease all;
              text-decoration: none;
              color: white; }
              .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-tile .caption .link-title a:hover {
                opacity: 0.7; }
      .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .one {
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;
        height: 450px; }
        @media (max-width: 767px) {
          .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .one {
            grid-column: 1;
            grid-row: 1;
            height: 250px; } }
      .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .two {
        grid-column: 3 / span 2;
        grid-row: 1;
        height: 225px; }
        @media (max-width: 767px) {
          .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .two {
            grid-column: 1;
            grid-row: 2;
            height: 250px; } }
      .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .three {
        grid-column: 3;
        grid-row: 2;
        height: 225px; }
        @media (max-width: 767px) {
          .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .three {
            grid-column: 1;
            grid-row: 3;
            height: 250px; } }
      .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .four {
        grid-column: 4;
        grid-row: 2;
        height: 225px; }
        @media (max-width: 767px) {
          .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .four {
            grid-column: 1;
            grid-row: 4;
            height: 250px; } }
      .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-calendar {
        background: #fc3;
        grid-column: 5;
        grid-row: 1 / span 2;
        height: 450px;
        padding: 25px; }
        @media (max-width: 767px) {
          .region-home.latest .wrapper .latest-mosaic-tiles-wrapper .latest-mosaic-calendar {
            grid-column: 1;
            grid-row: 5;
            height: auto; } }
            
/*Campuses region*/
.region-home.campuses {
  padding-bottom: 50px; }
  .region-home.campuses .wrapper {
    width: 1280px;
    margin: 0px auto; }
    .region-home.campuses .wrapper h2 {
      text-align: center;
      padding: 20px 0px;
      font-family: 'Roboto Slab', serif;
      font-weight: normal;
      letter-spacing: 0.025em;
      color: #006940;
      font-size: 40px;
      font-weight: bold; }
      .region-home.campuses .wrapper h2 a {
        transition: 300ms ease all;
        text-decoration: none;
        color: white; }
        .region-home.campuses .wrapper h2 a:hover {
          opacity: 0.7; }
    .region-home.campuses .wrapper h2.home-region-title {
      position: relative;
      z-index: 1; }
      .region-home.campuses .wrapper h2.home-region-title:before {
        border-top: 1px solid #cdd5d4;
        content: "";
        margin: 0 auto;
        /* this centers the line to the full width specified */
        position: absolute;
        /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -1; }
      .region-home.campuses .wrapper h2.home-region-title span {
        /* to hide the lines from behind the text, you have to set the background color the same as the container */
        background: #fff;
        padding: 0 15px; }
        @media (max-width: 767px) {
          .region-home.campuses .wrapper h2.home-region-title span {
            font-size: 28px;
            line-height: 45px; } }
    .region-home.campuses .wrapper .photo-grid-box {
      position: relative;
      transition: 300ms ease all;
      overflow: hidden; }
      @media (max-width: 767px) {
        .region-home.campuses .wrapper .photo-grid-box {
          height: 175px; } }
      .region-home.campuses .wrapper .photo-grid-box:hover img {
        transform: scale(1.1);
        cursor: pointer; }
      .region-home.campuses .wrapper .photo-grid-box img {
        transition: 300ms ease all;
        object-fit: cover;
        height: 100%;
        width: 100%; }
      .region-home.campuses .wrapper .photo-grid-box .caption {
        position: absolute;
        background: linear-gradient(to bottom, transparent, black);
        width: 100%;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        font-size: 18px;
        line-height: 24px;
        right: 0;
        padding: 60px 0px 20px;
        margin: 0;
        font-family: 'Roboto Slab', serif;
        font-weight: normal;
        letter-spacing: 0.025em;
        color: white;
        text-align: center; }
        .region-home.campuses .wrapper .photo-grid-box .caption a {
          transition: 300ms ease all;
          text-decoration: none;
          color: white; }
          .region-home.campuses .wrapper .photo-grid-box .caption a:hover {
            opacity: 0.7; }
        @media (max-width: 767px) {
          .region-home.campuses .wrapper .photo-grid-box .caption {
            top: 50%;
            padding: 0; } }

/* Admin menu css */
@media screen and (min-width:660px) {

    .panels-ipe-display-container .mobile-tab {
        display: block !important;
        clear: both;
        max-width: 1280px;
        padding: 20px;
        margin: 20px auto 20px auto;
        border: 2px dashed lightgrey;
        background-color: #EEEEEE;
        font-size: 18px;
        font-weight: bold;
    }

    .panels-ipe-placeholder {
        max-width:1280px;
        margin: 10px auto;
    }

    .panels-ipe-sort-container {
        /*min-height:0 !important;*/
    }

    #panels-ipe-regionid-drawer_1_label,
    #panels-ipe-regionid-drawer_2_label,
    #panels-ipe-regionid-drawer_3_label,
    #panels-ipe-regionid-drawer_4_label,
    #panels-ipe-regionid-drawer_5_label,
    #panels-ipe-regionid-drawer_6_label {
        display:none;
        max-width:1280px;
        margin:10px auto;
    }

    .panels-ipe-editing .panels-ipe-region {
        padding:20px 20px 30px 20px;
        margin:20px auto;
    }

    .panels-ipe-editing #panels-ipe-regionid-drawer_1_label,
    .panels-ipe-editing #panels-ipe-regionid-drawer_2_label,
    .panels-ipe-editing #panels-ipe-regionid-drawer_3_label,
    .panels-ipe-editing #panels-ipe-regionid-drawer_4_label,
    .panels-ipe-editing #panels-ipe-regionid-drawer_5_label,
    .panels-ipe-editing #panels-ipe-regionid-drawer_6_label {
        display:block;
        padding:0;
        border:1px solid lightgrey;
        background-color:#F8F8F8;
    }

    #panels-ipe-regionid-drawer_1_label .panels-ipe-placeholder,
    #panels-ipe-regionid-drawer_2_label .panels-ipe-placeholder,
    #panels-ipe-regionid-drawer_3_label .panels-ipe-placeholder,
    #panels-ipe-regionid-drawer_4_label .panels-ipe-placeholder,
    #panels-ipe-regionid-drawer_5_label .panels-ipe-placeholder,
    #panels-ipe-regionid-drawer_6_label .panels-ipe-placeholder {
        display:none !important;
    }

    #panels-ipe-regionid-drawer_1_label .ui-sortable-placeholder,
    #panels-ipe-regionid-drawer_2_label .ui-sortable-placeholder,
    #panels-ipe-regionid-drawer_3_label .ui-sortable-placeholder,
    #panels-ipe-regionid-drawer_4_label .ui-sortable-placeholder,
    #panels-ipe-regionid-drawer_5_label .ui-sortable-placeholder,
    #panels-ipe-regionid-drawer_6_label .ui-sortable-placeholder {
        background-color:#FF9999;
    }

    .panels-ipe-editing .drawer-box.empty {
        opacity: 0.5;
    }
    .panels-ipe-editing .drawer-box.empty .panels-ipe-placeholder-content h3 {
        width:auto;
    }
    .panels-ipe-editing .drawer-box.empty .panels-ipe-placeholder-content h3:after {
        content: " (Empty)";
    }

}

/*Audiences region*/
  .region-home.audiences .wrapper {
    width: 1280px;
    margin: 0px auto; }

@media screen and (max-width:659px) {
    .drawer-box.empty {
        display:none;
    }
}