:root{
  --lumx-typography-font-family: "Open Sans",sans-serif;
  --lumx-content-block-title-text-transform: Capitalize;
  --lumx-widget-header-font-family : "Open Sans",sans-serif;
  --lumx-widget-header-font-weight : 500;
  --lumx-typography-custom-title3-font-weight: 500;
  --lumx-typography-custom-title4-font-weight: 500;
}

/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');


/* Basic font and bg color */
html, .theme-lumapps{
  background: #FFFFFF !important;
  font-family: "Open Sans",sans-serif;
}


/*log-in window Top Bar Color change*/
.new-login,
.new-login__top {
 background-color:#001489 ;
}

/* Add background color to logo and adjust spacing and size  - AIJ 12122024 per LumApps update to login process */ 
img.login-page__logo {     
  background-color:#001489 !important;     
  padding: 25px 100px 25px 100px;
  height: 93px; 
  margin-bottom: 24px;     
  margin-top: 12px;     
  border-radius: 7px;
}

/* Hide the Sign in with Email button  AIJ 12122024 per LumApps update to login process */ 
.login-page__content button { 
    display: none; 
}


/* Uppercase to title */
.theme-lumapps .widget-header__title{
  text-transform: uppercase;
}

/*Top Bar style -- */
/*shadow removebale with stroke */
#app-view .main-nav,
#front-office-app .main-nav{
 box-shadow:none !important;
 border-bottom:1px solid #75787B;
}

/* Main navigation style */
.main-nav-item--primary span:hover{
  color:#ffc72c !important;
}

.main-nav-item__submenu .main-nav-item__label:hover{
  color:#001489 !important;
}

.main-nav-item__submenu .main-nav-item__label:hover ~ .main-nav-item__indicator {
  color:#001489 !important;
}

.main-nav-item--primary :hover ~ .main-nav-item__indicator {
  color:#001489 !important;
}

.main-nav-item__submenu .main-nav-item__label{
    font-weight: 400;
    font-size: 15px;
}

/*nav custom button styling*/
#nav-custom-button{
  background: #ffc72c;
  padding:0px !important;
}

#nav-custom-button a{
  height: 30px;
  padding:0 12px;
}

#nav-custom-button a span{
  color:#001489 !important;
  font-weight: 700 !important;
}

#nav-custom-button a:hover{
  background: #e6b327;

}

/*Removable of profile pic from User List*/
.widget-user-list .user-block .user-block__profile-picture-wrapper,
.widget-user .block-list .lumx-user-block__avatar {
 display:none;
}

/*REACT Widget links rest and hover state*/
#front-office-app .widget-footer__label {
  font-weight: 500 !important;
}
#front-office-app .widget-footer__label:hover {
  font-weight: 700 !important;
}

/*Page title*/
.widget--shared-gpc-page-title .widget-content,
.widget--style-4810729024651264 .widget-content,
.widget--shared-gpc-html-sectionaltitle .widget-content,
.widget--style-6086626369339392 .widget-content{
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-fit-content;    /* Firefox/Gecko */
  width: -webkit-fit-content; /* Chrome */
  width: fit-content;
  border-bottom: 4px solid #f51900;
}

/*Header Style Definitions*/
.widget--shared-gpc-bodycopy .widget-html__content h1,
.widget--style-6047562299604992 .block-html h1{
  font-size:40px !important;
  font-weight: 700 !important;
  line-height:50px !important;
 }
.widget--shared-gpc-bodycopy .widget-html__content h2,
.widget--style-6047562299604992 .block-html h2{
  font-size:36px !important;
  font-weight: 700 !important;
  line-height:46px !important;
  }
.widget--shared-gpc-bodycopy .widget-html__content h3,
.widget--style-6047562299604992 .block-html h3{
  font-size:30px !important;
  color:#001489 !important;
  font-weight: 700 !important;
  line-height:40px !important;
  }
.widget--shared-gpc-bodycopy .widget-html__content h4,
.widget--style-6047562299604992 .block-html h4{
  font-size:24px !important;
  font-weight: 600 !important;
  line-height:34px !important;
  }
.widget--shared-gpc-bodycopy .widget-html__content h5,
.widget--style-6047562299604992 .block-html h5{
  font-size:20px !important;
  color:#001489 !important;
  font-weight: 600 !important;
  line-height:30px !important;
  }
.widget--shared-gpc-bodycopy .widget-html__content h6,
.widget--style-6047562299604992 .block-html h6{
  font-size:18px !important;
  font-variant: small-caps !important;
  font-weight: 500 !important;
  line-height:28px !important;
}

/*Sectional title */
.widget--style-6086626369339392 p,
.widget--shared-gpc-html-sectionaltitle p{
  font-size:24px !important;
  font-weight: 800 !important;
}

/*Feature image */
#app-view .widget--shared-gpc-feat-image
.widget-featured-image__image {
	height:300px !important;
}


/*CALL TO ACTION BUTTON --- */
/* color of Link */
#app-view .widget--shared-gpc-calltoaction-btn a,
#front-office-app .widget--style-5455370866655232 a{
  font-weight: 700 !important;
  text-decoration: none;
}

/* center alignment of text */
#app-view .widget--shared-gpc-calltoaction-btn p,
#front-office-app .widget--style-5455370866655232 p{
  text-align: center !important;
}

/*Hover action when hovering link*/
#app-view .widget--shared-gpc-calltoaction-btn:hover .widget-content,
#app-view .widget--shared-gpc-calltoaction-btn .widget-content:hover a,
#front-office-app .widget--style-5455370866655232:hover .widget-content,
#front-office-app .widget--style-5455370866655232 .widget-content:hover a{
  background:#e6b327 !important;
  text-decoration: none !important;
}

/*Directory ang Links Widget adjustment -- REACT*/
.widget-directory-entry .block-list,
.widget-links .block-list,
.widget-user .block-list,
.widget-content-list .block-list{
  gap:12px ;
}

/*CONTENT LIST -- */
/*content title adjustment */
#app-view .widget-content-list .content-block__fields .content-block-title ,
#app-view .widget-content-list__list--horizontal .content-block__fields .content-block-title {
  font-size:16px ;
  line-height: 24px;
}
#front-office-app .widget-content-list .block-page-preview .block-page-preview__title,
#front-office-app .widget-content-list .widget-content--block-variant-grouped .block-slideshow--grouped .block-page-preview .block-page-preview__title{
  font-size:16px ;
  line-height: 24px ;
}
/*Content List CoverMode*/
#app-view .widget-content-list .content-block--view-mode-cover
.content-block-title a{
  font-size:20px ;
  line-height: 26px ;
}
#front-office-app .widget-content--block-slideshow
.block-page-preview__content .block-page-preview__title {
	font-size:20px ;
	line-height: 26px ;
}

/*Content List - Horizontal*/
#front-office-app .widget-content-list
.widget-content--block-grid {
 padding:24px !important;
}

/*Alert Message - Content List*/
#app-view .widget--shared-gpc-cl-alert
.content-block--default-style.content-block--view-mode-list .content-block__fields {
  display:flex !important;
}
#front-office-app .widget--shared-gpc-cl-alert .block-page-preview__content{
  display:flex !important;
  flex-direction:row !important;
}


#app-view .widget--shared-gpc-cl-alert .content-block__fields .content-block-title,
#front-office-app .widget--shared-gpc-cl-alert .block-page-preview .block-page-preview__title{
  margin-right:24px !important;
}


/*COMMUNITY -- */
/*removable of legacy dropsahdow on post*/
.contribution-field,
.post-block{
box-shadow:none !important;
}

/*community hiding acces request*/
.community-block__request,
.request-button{
  display:none !important;
}

/*Community List titles */
#app-view .widget-community-list .community-block a {
  font-size:16px !important;
  line-height: 22px !important;
}
#front-office-app .widget-community-list .block-community-preview__content a{
  --lumx-typography-custom-title4-font-size:16px !important;
  --lumx-typography-custom-title4-line-height: 24px !important;
}

/*community preview block to allow cover display of images - 03162024*/
#app-view .community-block .lumx-thumbnail:not(.lumx-thumbnail--aspect-ratio-original) .lumx-thumbnail__image {
object-fit: contain;  !important;
}

/*Comunity Post titles*/
#app-view .widget-post-list .block-post-title{
  font-size:16px !important;
  line-height: 22px !important;
}
#front-office-app .widget-community-post-list .block-post-title span .lumx-color-font-dark-N{
  font-size:16px !important;
  line-height: 22px !important;
}


/*Comment widget space adjustment*/
.block-comments .lumx-comment-block{
  margin:24px 0 0 0 !important;
}

.block-comments .comments{
  padding:0 0 12px 0 !important;
}


/*Footer ---- */

.footer{
  background:#001489;
  margin-top:0px !important;
}

.footer-box{
  width:1126px;
  margin:0 auto;
  padding:24px 0;
}

.footer-nav a{
  color:#fff;
  text-decoration:none;
}

.footer-nav a:hover{
  font-weight:600;
}

@media only screen and (max-width: 425px) {
  /*fixed height in the Cover mode concent list adjustment*/
  #front-office-app  .widget--shared-gpc-cl-covermode .widget-content{
      height:auto !important;
    }

  /*Footer*/
  .footer{
    padding: 0px;
  }

  .footer-box{
    width:100vw;
    padding:24px;
  }
} /*END of Media @425px width --*/