/* force loading Google fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,900&display=swap');

.layout-container .umass-site-branding__site a,
.layout-container .umass-site-branding__site a:hover,
.layout-container .umass-site-branding__site a:focus,
.layout-container .umass-site-branding__site a:visited {
  color: inherit;
  text-decoration: none;
  text-decoration-line: none;
  text-decoration-thickness: 0;
}

/* ------------------------------------------------------------------
 * Header Branding
 * ------------------------------------------------------------------ */

.umass-site-branding {
  text-align: left;
}

/* ==============================================================
   Site title links
   ============================================================== */

.umass-site-branding__site a,
.umass-site-branding__site a:hover,
.umass-site-branding__site a:visited {
  color: inherit;
  text-decoration: none;
}

/* ==============================================================
   Shared typography
   ============================================================== */

.umass-site-branding__line-1,
.umass-site-branding__line-2 {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  line-height: 27px;
}

/* ==============================================================
   Default
   Both lines maroon and bold
   ============================================================== */

.umass-site-branding--default .umass-site-branding__line-1,
.umass-site-branding--default .umass-site-branding__line-2,
.umass-site-branding--default .umass-site-branding__line-1 a,
.umass-site-branding--default .umass-site-branding__line-2 a,
.umass-site-branding--default .umass-site-branding__line-1 a:hover,
.umass-site-branding--default .umass-site-branding__line-2 a:hover,
.umass-site-branding--default .umass-site-branding__line-1 a:focus,
.umass-site-branding--default .umass-site-branding__line-2 a:focus,
.umass-site-branding--default .umass-site-branding__line-1 a:visited,
.umass-site-branding--default .umass-site-branding__line-2 a:visited {
  color: var(--color-brand);
  font-weight: 900;
  font-size: 24px;
  line-height: 27px;
  text-decoration: none;
}

/* ==============================================================
   College
   Line 1 = maroon bold
   Line 2 = black regular
   ============================================================== */

.umass-site-branding--college .umass-site-branding__line-1,
.umass-site-branding--college .umass-site-branding__line-1 a,
.umass-site-branding--college .umass-site-branding__line-1 a:hover,
umass-site-branding--college .umass-site-branding__line-1 a:focus,
.umass-site-branding--college .umass-site-branding__line-1 a:visited {
  color: var(--color-brand);;
  font-weight: 900;
}

.umass-site-branding--college .umass-site-branding__line-2,
.umass-site-branding--college .umass-site-branding__line-2 a,
.umass-site-branding--college .umass-site-branding__line-2 a:hover,
.umass-site-branding--college .umass-site-branding__line-2 a:focus,
.umass-site-branding--college .umass-site-branding__line-2 a:visited {
  color: #222222;
  font-weight: 400;
}

/* ==============================================================
   School / Department
   Line 1 = black regular
   Line 2 = maroon bold
   ============================================================== */

.umass-site-branding--school_department .umass-site-branding__line-1,
.umass-site-branding--school_department .umass-site-branding__line-1 a,
.umass-site-branding--school_department .umass-site-branding__line-1 a:hover,
.umass-site-branding--school_department .umass-site-branding__line-1 a:focus,
.umass-site-branding--school_department .umass-site-branding__line-1 a:visited {
  color: #222222;
  font-weight: 400;
}

.umass-site-branding--school_department .umass-site-branding__line-2,
.umass-site-branding--school_department .umass-site-branding__line-2 a,
.umass-site-branding--school_department .umass-site-branding__line-2 a:hover,
.umass-site-branding--school_department .umass-site-branding__line-2 a:focus,
.umass-site-branding--school_department .umass-site-branding__line-2 a:visited {
  color: var(--color-brand);;
  font-weight: 900;
}

/* ==============================================================
   Framework Linked Department
   ============================================================== */

.umass-site-branding--framework_linked_department .umass-site-branding__line-1,
.umass-site-branding--framework_linked_department .umass-site-branding__line-1 a,
.umass-site-branding--framework_linked_department .umass-site-branding__line-1 a:hover,
.umass-site-branding--framework_linked_department .umass-site-branding__line-1 a:focus,
.umass-site-branding--framework_linked_department .umass-site-branding__line-1 a:visited {
  color: #222222;
  font-weight: 400;
}

.umass-site-branding--framework_linked_department .umass-site-branding__line-2,
.umass-site-branding--framework_linked_department .umass-site-branding__line-2 a,
.umass-site-branding--framework_linked_department .umass-site-branding__line-2 a:hover,
.umass-site-branding--framework_linked_department .umass-site-branding__line-2 a:focus,
.umass-site-branding--framework_linked_department .umass-site-branding__line-2 a:visited {
  color: var(--color-brand);;
  font-weight: 900;
}

/* ==============================================================
   Responsive
   ============================================================== */

@media (max-width: 768px) {

     /* Hide the M */
     .umass-site-branding__site {
       background-image: none;
       padding-left: 0;
     }

     /* Make the branding text larger */
     .umass-site-branding__line-1,
     .umass-site-branding__line-2 {
       font-size: 24px;
       line-height: 27px;
     }
   }

/* ==============================================================
   Branding Preview - TWO COLUMN LAYOUT
   ============================================================== */

.branding-layout,
.form-item-umass-header-branding-branding-layout,
div[id*="edit-site-information-umass-header-branding-branding-layout"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2rem !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.branding-settings,
.form-item-umass-header-branding-branding-layout-settings,
div[id*="edit-site-information-umass-header-branding-branding-layout-settings"] {
  flex: 0 0 60% !important;
  min-width: 300px !important;
  max-width: 60% !important;
}

.branding-preview,
.form-item-umass-header-branding-branding-layout-preview,
div[id*="edit-site-information-umass-header-branding-branding-layout-preview"] {
  flex: 0 0 35% !important;
  min-width: 250px !important;
  max-width: 35% !important;
}

.branding-preview img,
div[id*="edit-site-information-umass-header-branding-branding-layout-preview"] img {
  width: 100% !important;
  height: auto !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}

.branding-preview h3,
div[id*="edit-site-information-umass-header-branding-branding-layout-preview"] h3 {
  margin-top: 0 !important;
  margin-bottom: .75rem !important;
}

/* ==============================================================
   Responsive Preview
   ============================================================== */

@media (max-width: 992px) {

  .branding-layout,
  .form-item-umass-header-branding-branding-layout,
  div[id*="edit-site-information-umass-header-branding-branding-layout"] {
    flex-direction: column !important;
  }

  .branding-settings,
  .branding-preview,
  .form-item-umass-header-branding-branding-layout-settings,
  .form-item-umass-header-branding-branding-layout-preview,
  div[id*="edit-site-information-umass-header-branding-branding-layout-settings"],
  div[id*="edit-site-information-umass-header-branding-branding-layout-preview"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
}