@import url("/profiles/contrib/openy/themes/openy_themes/openy_carnation/dist/css/font.css");
@import url("/profiles/contrib/openy/themes/openy_themes/openy_carnation/dist/css/base.css");

@import url("https://jwt-sites-files.storage.googleapis.com/openy_themes/openy_carnation/dist/css/font.css");
:root { --wsBorderRadius: 6px; }
.lb-grid-cta .card .btn { border-radius: 6px; }

/** Long Beach Specific Styles **/
.page-node-type-branch .breadcrumbs-wrapper { display: none !important; }

/* Simple Content Container on Front Page */
body.path-frontpage #block-openy-carnation-content > .landing-content > .paragraph--type--simple-content {
  max-width: 1100px;
  margin: 0 auto;
}

/* Custom Footer */
#block-socialcontainer {
  background: url('https://lbymca-org.storage.googleapis.com/files/s3fs-public/2021-03/long-beach_1.jpg') no-repeat center center;
  background-size: cover;
  color: #FFF;
  padding: 4.5rem 0;
}

#block-socialcontainer h3 {
  color: #FFF;
  font-size: 18px;
  margin-top: 2em;
  margin-bottom: 0.8em;
}

#block-socialcontainer .fa { 
  font-family: "Font Awesome 5 Brands"; 
  color: #FFF; 
  font-size: 26px;
}

#block-socialcontainer a.insta-link { color: #0089d0; }

#block-socialcontainer img.app-download,
#block-socialcontainer img.email-newsletter { 
  max-width: 165px; 
  cursor: pointer;
}

/* Footer on Branch & Camp Pages */
.page-node-type-branch .wrapper-field-bottom-content .paragraph-1c-wrapper,
.page-node-type-camp .wrapper-field-bottom-content .paragraph-1c-wrapper { padding: 0; }

.page-node-type-branch .wrapper-field-bottom-content .paragraph-1c-wrapper .field-prgf-1c-description,
.page-node-type-camp .wrapper-field-bottom-content .paragraph-1c-wrapper .field-prgf-1c-description {
  background-color: #4f4f4f;
  text-align: center;
  padding: 3rem 0 4.5rem;
  color: #FFF;
}

.page-node-type-branch .wrapper-field-bottom-content .paragraph-1c-wrapper h4,
.page-node-type-camp .wrapper-field-bottom-content .paragraph-1c-wrapper h4 {
  font-family: "Cachet Bold";
  font-size: 1.6rem;
  color: #FFF;
  margin: 1.75rem 0;
}

.page-node-type-branch .wrapper-field-bottom-content .paragraph-1c-wrapper img.app-download,
.page-node-type-camp .wrapper-field-bottom-content .paragraph-1c-wrapper img.app-download { 
  max-width: 190px; 
  margin: 0 0.55rem;
}

.page-node-type-branch .wrapper-field-bottom-content .paragraph-1c-wrapper .fa,
.page-node-type-camp .wrapper-field-bottom-content .paragraph-1c-wrapper .fa {
  color: #4F4F4F;
  float: none;
  font-family: "Font Awesome 5 Brands";
  margin: 0 0.65rem;
}

.page-node-type-branch .wrapper-field-bottom-content .paragraph-1c-wrapper .fa:before,
.page-node-type-camp .wrapper-field-bottom-content .paragraph-1c-wrapper .fa:before { color: #FFF; }

/* Titles on Categories Listing & Schedules */
.paragraph--type--categories-listing .subprogram-listing-item  .content > h2,
.main-region .subprogram-listing-item .content > h2 {
  font-family: "Cachet Bold";
  font-size: 26px;
  text-transform: uppercase;
}

/* Facilities Purple */
.paragraph--type--prgf-location-finder .node.node--type-facility h2,
.node--type-facility.node--view-mode-teaser > h2.card-type--facility { border-color: var(--indigo); }

.paragraph--type--prgf-location-finder .node.node--type-facility h2 a { color: var(--indigo) !important; }

.paragraph--type--prgf-location-finder .node.node--type-facility .button.branch-info a { background-color: var(--indigo); }

.paragraph--type--prgf-location-finder .node.node--type-facility .button.branch-info a:hover { background-color: var(--purple); }

.node--type-facility.node--view-mode-teaser .title-link { color: var(--indigo) !important; }

/* Hide Description on Program Subcategory */
.page-node-type-program-subcategory .main-region > p, 
.page-node-type-program-subcategory .main-region > .field-category-description { display: none; }

/* 1 Column Titles */
.paragraph-1c-wrapper .field-prgf-1c-title {
  font-family: "Cachet Bold";
  font-size: 26px;
  text-transform: uppercase;
  font-weight: normal; 
}

/** Consistent Grids Across Site **/
article.landing-content > .paragraph--type--grid-content {
  position: relative;
  z-index: 10;
  margin: 0 auto 5.5em;
  width: 90%;
  max-width: 1100px;
}

.paragraph--type--grid-columns .p-5 { padding: 2em 0 0 !important; }

.paragraph--column-in-a-grid .inner .text {
  margin-top: 2.5em;
  padding-bottom: 0 !important;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

.paragraph--column-in-a-grid .inner .text p {
  padding: 0 11% 1em;
  font-size: 1em;
  opacity: 0.8;
}

.paragraph--column-in-a-grid .more-link {
  position: absolute;
  bottom: -30px;
  left: 50%;
  width: 80%;
  margin-left: -40%;
}

.paragraph--column-in-a-grid .more-link a {
  font-family: "Cachet Bold";
  border-width: 3px;
  line-height: 120%;
  padding: 0.9em 0.7em;
}

.paragraph--column-in-a-grid .inner h2 {
  padding-bottom: 2.7em;
  font-family: "Cachet Medium";
}

/** Same height Grids **/
.paragraph--column-in-a-grid .field-prgf-grid-clm-description {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.paragraph--column-in-a-grid .field-prgf-grid-clm-description > article { 
  margin-top: auto; 
  margin-bottom: 0;
}

.paragraph--type--grid-columns .inner > span.d-block.py-4 {
  padding: 0 !important;
  height: 0;
}

/** NY Grids **/
.paragraph--column-in-a-grid .col-12 .paragraph--type--grid-columns {
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 30%);
  border-radius: 39px
}

.paragraph--column-in-a-grid .inner h2 {
  font-family: "Cachet Medium" !important;
  /* color: #000 !important; */
  font-size: 23px;
  border: none;
  padding: 0 0 1rem !important;
  height: auto;
  margin: 0 20px;
}

.paragraph--column-in-a-grid .inner i { color: #000 !important; }

.paragraph--column-in-a-grid .inner .text { 
  margin-top: 0 !important; 
  border-radius: 0 !important;
  overflow: visible !important;
}

.paragraph--column-in-a-grid .inner .more-link a {
  /* background-color: var(--dark-blue) !important; */
  font-family: "Cachet Medium" !important;
  text-transform: none;
  font-size: 20px !important;
  padding: 10px 24px !important;
  min-width: 0;
  border-radius: 30px;
}

.paragraph--column-in-a-grid .inner .more-link {
  position: relative !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0 auto !important;
  width: auto !important;
  padding: 1.2em 0 1.5em;
}

.paragraph--column-in-a-grid .inner img { border-radius: 0 !important; }
/** End NY Grids **/

/* Table Borders */
.landing-content table, 
.landing-content table td { border-color: #636466; }

/* Branch Contacts Fix */
.paragraph--type--branch-contacts-info > .field-branch-contacts-info {
  width: 100%;
  max-width: 100%;
}

/* Brighten Up Front Page Banners */
body.path-frontpage .header-region-content .paragraph-gallery .carousel .carousel-inner .carousel-item img { opacity: 0.9; }

/* Remove Menu Icons */
.menu-icon .section-icon { display: none; }

/* Fix Branch Pages */
.openy_carnation.openy-gated-content.page-node-type-branch article { display: block; }

/* Text Shadow */
.paragraph-gallery .cta-group-wrapper .field-item, .paragraph-gallery .cta-group-wrapper a.btn { text-shadow: none; }

/* Grid Fixes */
.paragraph--column-in-a-grid .inner > span.d-block i { display: none; }

.paragraph--column-in-a-grid .inner img {
	border-radius: 0 !important;
	width: 120%;
	margin-left: -10%;
}

.paragraph--column-in-a-grid .col-12 .paragraph--type--grid-columns > .content { padding-bottom: 0.5rem !important; }

/** Social Media Pre-Footer Fix **/
.pre-footer > .container > .col-12 > .row > div { width: 100%; }
#block-socialcontainer { 
  background: none; 
  max-width: 985px;
  margin: 0 auto;
}
.viewport > .pre-footer { 
  background: url('https://lbymca-org.storage.googleapis.com/files/s3fs-public/2021-03/long-beach_1.jpg') no-repeat center center;
  background-size: cover;
}

body.page-node-type-branch .pre-footer { display: none; }