/* *****************************************
- DOCUMENT INFORMATION
 * @env: lumsites
 * @customerName: The Glass Guru
 * @customerId: 6644730017611776
 * @account: admin@theglassguru.com
 *
 * @instanceName: Guru HQ
 * @instanceId: 6565862841778176
 *
 * @styleName: Default
 * @styleId: 6133447900004352
 * @styleType: Global site
 * @kind: custom
 *
 * @url: https://sites.lumapps.com/a/theglassguru/intranet


 * NGI version: sophie.christophe@lumapps.com
 * Updated On: sept 2022
****************************************** */

/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */

/*--- BASE STYLES */

/* GURU CSS */

/* Hide the original login logo image */
.page-card.login-page .login-page__logo {
  display: none;
}

/* Add a new image in place of the original login logo image */
.page-card.login-page::before {
  content: '';
  display: block;
  width: 200px; /* Adjust the width as needed */
  height: 100px; /* Adjust the height as needed */
  background-image: url('https://hq.theglassguru.com/serve/6644730017611776-3686587815842533/guru_hq_2024_blue_1.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto; /* Center the image */
  margin-top: 0px; /* Adjust to position correctly */
}

/* Hide original newsleter logo */
img[src="https://hq.theglassguru.com/serve/6644730017611776-2993293050152083=s512"] {
  display: none !important;
}

/* iframe container */
.iframe-container {
    position: relative;
    /* Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)*/
    padding-top: 56.25%;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Portrait (8.5 x 11) */
.widget--letter-size2-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 129.41%; /* 11 / 8.5 */
  height: 0;
  overflow: hidden;
}

.widget--letter-size2-wrapper iframe.widget--letter-size2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
}

/* Landscape (11 x 8.5) */
.widget--letter-landscape-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 77.27%; /* 8.5 / 11 */
  height: 0;
  overflow: hidden;
}

.widget--letter-landscape-wrapper iframe.widget--letter-landscape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
}

/*iframe for 16:9 slide deck*/
.widget--slide-deck-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Maintains 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.widget--slide-deck-wrapper iframe.widget--slide-deck {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/*--- H1 Block */

.block-title.block-title--theme-light {
    font-size: 2.3rem; /* Adjust size */
    font-weight: bold; /* Bold text */
    color: #333333; /* Dark gray color */
}

/*--- GLOBAL STYLES */
.widget--content-list-center-title .content-block-title a,
.widget--content-list-center-title .content-block-title,
.widget--content-list-center-title .block-page-preview__title {
    text-align: center !important;
}

/* Customize the content list for grey background */
.widget--grey-content-list-v2 .content-block--default-style {
    padding-bottom: 0px;
    border-bottom: 0px; 
}

.widget--grey-content-list-v2 .lumx-divider {
    display:none;
}
  
.widget--grey-content-list-v2 .content-block__fields,
.widget--grey-content-list-v2 .block-page-preview__content {
    padding: 20px 20px 20px;
    background: #f4f4f4;
    border-bottom: 0px; 
}

/* *************************************** */
/* Unavailable widget as of September 2022 */
/* *************************************** */
.widget--sub-nav-center-links a.widget-sub-nav__link {
    justify-content: center;
}
/* *************************************** */
/* Deprecated: to remove */
/* *************************************** */
.widget--grey-content-list .content-block__fields {
    padding: 0 20px 20px;
}
  
.widget--grey-content-list .content-block__fields {
    background: #f4f4f4;
}
  
.widget--grey-content-list .content-block--default-style.content-block--theme-light {
    background: #f4f4f4;
}

/*style for embedded Paperform button(s)*/

button[data-paperform-id] {
    background-color: #2eb71b;
    border-radius: 0px;
    border-style: none;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.5;
    padding: 10px; /* Example of different padding */
    width: 85%;
}

button[data-paperform-id]:hover {
    background-color: #0077b7;
}

button {
    background-color: #2eb71b;
    border-radius: 0px;
    border-style: none;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.5;
    padding: 10px; /* Example of different padding */
}

button:hover {
    background-color: #0077b7;
}

/* New variant for Paperform buttons */
button[new] {
    background-color: #1a73e8; /* Different background color for new variant */
    /* Other styles can remain the same or be adjusted as needed */
    color: #ffffff;
    padding: 10px; /* Example of different padding */
    min-width: 250px; /* Ensuring a minimum width */
    width: auto; /* Overriding the width to be auto */
}

button[new]:hover {
    background-color: #000000; /* Darker shade for hover state */
}

/* Styles for Looker buttons */
button[looker] {
    background-color: #ff5722; /* Example background color for Looker buttons */
    color: #ffffff;
    padding: 10px;
    min-width: 250px; /* Ensuring a minimum width */
    width: auto; /* Adjusting width to be auto */
    /* Other styles can follow the original button or be customized */
}

button[looker]:hover {
    background-color: #e64a19; /* Darker shade for hover state */
}
/*finance template + dashboard template css*/
	@media (min-width: 481px) {
		.widget--custom_news .widget-slideshow__wrapper,
		.widget--custom_news .lumx-slideshow__wrapper {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 2fr));
			grid-template-rows: 1fr;
			gap: 24px!important;
			grid-auto-flow: row;
			grid-template-areas: "Content-1 Content-2 Content-3";
		}
		.widget--custom_news .widget-slideshow__block:nth-child(1) {
			grid-area: Content-1;
			height: 100%;
		}
		.widget--custom_news .widget-slideshow__block:nth-child(2) {
			grid-area: Content-2;
			height: 100%;
		}
		.widget--custom_news .widget-slideshow__block:nth-child(3) {
			grid-area: Content-3;
			height: 100%;
		}
		.block-slideshow--with-navigation .block-page-preview--cover.block-page-preview--size-xs .block-page-preview__content {
			padding: 120px 32px 32px 32px!important;
		}
		.widget--custom_news .widget-slideshow__controls {
			display: none;
		}
		.widget--custom_news .content-block--background-thumbnail .content-block__thumbnail {
			align-items: flex-end;
			height: 100%;
		}
		.widget--custom_news .content-block-title,
		.widget--custom_news .block-page-preview__title {
			font-size: var(--lumx-typography-custom-title4-font-size)!important;
			line-height: var(--lumx-typography-custom-title4-line-height)!important;
		}
		.widget--custom_news .content-block-excerpt,
		.widget--custom_news .block-html.block-html--dark {
			font-size: var(--lumx-typography-custom-body-font-size)!important;
		}
		.widget--custom_news .block-slideshow--size-l.block-slideshow--cover .block-slideshow__controls {
			display: none;
		}
		.widget--custom_news .block-page-preview--cover .block-page-preview__field {
			margin-right: 0px!important;
			text-align: center!important;
		}
	}
	
	.widget--franchise-title .block-title.block-title--theme-light {
		text-transform: uppercase!important;
		font-size: 24px;
		color: rgb(0, 119, 183);
		font-weight: 700 !important;
	}
	
	.widget--franchise-title .widget-content--block-title {
		text-transform: center!important;
		align-items: center!important;
	}

/* Custom Breadcrumbs Styling */
#custom-breadcrumbs {
  display: flex;
  align-items: center;
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
}

#custom-breadcrumbs a {
  color: #007bff;
  text-decoration: none;
  padding: 0 5px;
}

#custom-breadcrumbs a:hover {
  text-decoration: underline;
}

#custom-breadcrumbs span {
  padding: 0 5px;
}

#custom-breadcrumbs .breadcrumb-separator {
  margin: 0 5px;
}
	/*ADC - button spacing styling - 9/4/24*/
#backToTopButton,
#backButton {
		padding: 8px 16px!important;
		width: 110px!important;
}

/* New sub-header for Field Service Support Hotline */
.centered-header {
  display: flex;
  align-items: center;    /* Vertically centers flex items */
  justify-content: center; /* Horizontally centers the entire group of items */

  height: 100%; /* Essential for vertical centering (and container height) */
  width: 100%;  /* *** ADD THIS LINE *** Make sure the div spans the full width */

  text-align: center; /* Generally not needed with justify-content, but harmless */

  /* Scrollbar hiding rules */
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.centered-header::-webkit-scrollbar {
  display: none;
}

/* users directory */

[class*="user-directory-page__user-directory-title"] {
  color: #FFFFFF !important;
}

[class*="user-directory-page"] .lumx-button--color-dark.lumx-button--emphasis-low {
  color: #FFFFFF !important;
}