@import url(./splide-core.min.css);

/* Font FontAwesome */
@font-face {
  font-family: 'Font Awesome';
  src: url('../fonts/fa-light-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Awesome';
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Awesome';
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Font Metroplis */
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/Metropolis-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
}

/* Scroll bar styling */
* {
  scrollbar-width: auto;
  scrollbar-color: var(--base-color-color--blue-200) var(--base-color-color--blue-100);
}

/* Make text look crisper and more legible in all browsers */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
  outline: 0.125rem solid #4d65ff;
  outline-offset: 0.125rem;
}

video {
  width: 100%;
}

/* Set color style to inherit */
.inherit-color * {
  color: inherit;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
    margin-bottom: 0 !important;
}


/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/

/* Apply "..." after 3 lines of text */
.text-style-3lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
}
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
}

.margin-0 {
  margin: 0rem !important;
}
  
.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
  padding: 0rem !important;
  margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
  
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.no-margin {
    margin: 0 0 0 0 !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
  
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
  
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
  
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

/*
Custom CSS for Solcast Build
Code by Liam Hammersley of Rework Digital (liam@reworkdigital.com.au)
*/

::marker {
    color: var(--text-color--text-secondary);
}

.background-gradient-blue-100-white {
  position: relative;
}

.background-gradient-blue-100-white::before {
  content: "";
  height: 100%;
  max-height: 50rem;
  display: inline-block;
  background: linear-gradient(var(--background-color--background-light-blue), var(--background-color--background-white));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.header_overlay-wrapper::before {
  content: "";
  height: 100%;
  max-height: 8rem;
  display: inline-block;
  background: var(--background-color--background-white);
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.border-color-tertiary {
    border-color: var(--border-color--border-tertiary) !important;
}

.is--navCurrent {
    color: var(--link-color--link-primary) !important;
}

.layout-first-item {
    order: -999;
}

.embed-hidden {
    visibility: hidden;
}

.no-border {
    border: 0 !important;
}

/* Custom Widths */

.width-10em {
    width: 10em;
}

.width-20em {
    width: 20em;
}

/* Navigation Bar Colour Change Animation */
.nav_component {
  --nav-animation-in: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  --nav-animation-out: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  
  transition: var(--nav-animation-in);
  
  & .nav_menu_link.is-heading,
    .nav_logo.is-light,
    .nav_api-status,
    .nav_api-status,
    .nav_hamburger,
    .nav_hamburger.is-light {
      transition: var(--nav-animation-in);
  }
}
  
.scrolled {
  background: var(--background-color--background-white);
  transition: var(--nav-animation-out);
  
  & .nav_menu_link.is-heading {
      color: var(--link-color--link-secondary);
      transition: var(--nav-animation-out);
  }

  & .nav_menu_link:hover {
      color: var(--link-color--link-primary);
  }

  & .nav_logo.is-light{
      opacity: 0;
      transition: var(--nav-animation-out);
  }

  & .nav_api-status {
      color: var(--link-color--link-secondary);
      transition: var(--nav-animation-out);
  }

  & .nav_hamburger {
      opacity: 1;
      transition: var(--nav-animation-out);
  }

  & .nav_hamburger.is-light {
      opacity: 0;
      transition: var(--nav-animation-out);
  }
}

/* Table Properties */

.table_wrapper {
  overflow-x: auto !important;
}

table thead:first-child tr:first-child th:first-child {
  border-top-left-radius: var(--sizes--table-border-radius) !important;
}
table thead:first-child tr:first-child th:last-child {
  border-top-right-radius: var(--sizes--table-border-radius) !important;

}
table tbody tr:last-child td:first-child{
  border-bottom-left-radius: var(--sizes--table-border-radius) !important;

}
table tbody tr:last-child td:last-child{
  border-bottom-right-radius: var(--sizes--table-border-radius) !important;
}

/* Embed Table Fix */

.w-embed table tr {
  display: grid !important;
}

.w-embed table td:first-of-type {
  white-space: inherit !important;
}

/* Table Rows */

.table-row-2 {
  --table-row-count: 2;
}
.table-row-3 {
  --table-row-count: 3;
}
.table-row-4 {
  --table-row-count: 4;
}
.table-row-5 {
  --table-row-count: 5;
}
.table-row-6 {
  --table-row-count: 6;
}
.table-row-7 {
  --table-row-count: 7;
}

.table-row-2,.table-row-3,.table-row-4,.table-row-5,.table-row-6,.table-row-7 {
  grid-template-rows: repeat(var(--table-row-count), auto);
}

.row-span-2 {
  grid-row-start: span 2 !important;
  grid-row-end: span 2 !important;
}

.row-span-3 {
  grid-row-start: span 3 !important;
  grid-row-end: span 3 !important;
}

.row-span-4 {
  grid-row-start: span 4 !important;
  grid-row-end: span 4 !important;
}

/* Table Columns */

.table_col-1 {
  --table-col-count: 1;
}
.table_col-2 {
  --table-col-count: 2;
}
.table_col-3 {
  --table-col-count: 3;
}
.table_col-4 {
  --table-col-count: 4;
}
.table_col-5 {
  --table-col-count: 5;
}
.table_col-6 {
  --table-col-count: 6;
}
.table_col-7 {
  --table-col-count: 7;
}
.table_col-8 {
  --table-col-count: 8;
}
.table_col-9 {
  --table-col-count: 9;
}
.table_col-10 {
  --table-col-count: 10;
}
.table_col-11 {
  --table-col-count: 11;
}
.table_col-12 {
  --table-col-count: 12;
}
.table_col-13 {
  --table-col-count: 13;
}
.table_col-14 {
  --table-col-count: 14;
}
.table_col-15 {
  --table-col-count: 15;
}
.table_col-16 {
  --table-col-count: 16;
}
.table_col-17 {
  --table-col-count: 17;
}
.table_col-18 {
  --table-col-count: 18;
}
.table_col-19 {
  --table-col-count: 19;
}
.table_col-20 {
  --table-col-count: 20;
}

.table_row,.table_col-2,.table_col-3,.table_col-4,.table_col-5,.table_col-6,.table_col-7,.table_col-8,.table_col-9,.table_col-10,.table_col-11,.table_col-12,.table_col-13,.table_col-14,.table_col-15,.table_col-16,.table_col-17,.table_col-18,.table_col-19,.table_col-20 {
    grid-template-columns: repeat(var(--table-col-count), minmax(var(--sizes--table-variables--fr-width),1fr)) !important;
}

.col-span-2 {
  grid-column-start: span 2;
  grid-column-end: span 2;
}
.col-span-3 {
  grid-column-start: span 3;
  grid-column-end: span 3;
}
.col-span-4 {
  grid-column-start: span 4;
  grid-column-end: span 4;
}
.col-span-5 {
  grid-column-start: span 5;
  grid-column-end: span 5;
}
.col-span-6 {
  grid-column-start: span 6;
  grid-column-end: span 6;
}
.col-span-7 {
  grid-column-start: span 7;
  grid-column-end: span 7;
}
.col-span-8 {
  grid-column-start: span 8;
  grid-column-end: span 8;
}
.col-span-9 {
  grid-column-start: span 9;
  grid-column-end: span 9;
}
.col-span-10 {
  grid-column-start: span 10;
  grid-column-end: span 10; 
}

/* Gap Sizes */

.col-gap-1 {
  grid-column-gap: 1rem;
}
.col-gap-2 {
  grid-column-gap: 2rem;
}
.col-gap-3 {
  grid-column-gap: 3rem;
}
.col-gap-4 {
  grid-column-gap: 4rem;
}
.col-gap-5 {
  grid-column-gap: 5rem;
}
.col-gap-6 {
  grid-column-gap: 6rem;
}

.row-gap-1 {
  grid-row-gap: 1rem;
}
.row-gap-2 {
  grid-row-gap: 2rem;
}
.row-gap-3 {
  grid-row-gap: 3rem;
}
.row-gap-4 {
  grid-row-gap: 4rem;
}
.row-gap-5 {
  grid-row-gap: 5rem;
}
.row-gap-6 {
  grid-row-gap: 6rem;
}

.cell-align-left {
  justify-content: flex-start !important;
  text-align: left !important;
}

.cell-align-right {
  justify-content: flex-end !important;
  text-align: right !important;
}
  
.cell-align-top {
    display: table-cell;
    vertical-align: top !important;
}

/* Resets margin on table header div within Rich Text Embeds -- Mostly used on Blog Posts */

.text-rich-text .table_wrapper p {
  margin: 0 !important;
}

/* End Table Properties */


@media (max-width: 1240px) {

  .latest-blog_list {
    gap: 2rem;
  }
}

/* Splide Styling */
  
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}

.splide__pagination {
  display: none;
}

.splide__track::after {
  content: "";
  background: linear-gradient(90deg, var(--background-color--background-light-blue) 0%, transparent 5%, transparent 95%, var(--background-color--background-light-blue) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; 
  right: 0;
}

/* API Status Styling - Styling information adapted from https://statuspal.io/js/widget.js */
.sp-status {
  position: relative;
  display: inline-block;
}

/* Status Badge Styles */
.sp-status .sp-status-badge {
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.3em;
  display: inline-block;
  border-radius: 50%;
}

.sp-status .sp-status-badge.sp-status-ok {
  background: #34c800;
}
.sp-status .sp-status-badge.sp-status-scheduled {
  background: #2498ec;
}
.sp-status .sp-status-badge.sp-status-minor {
  background: #fe8000;
}
.sp-status .sp-status-badge.sp-status-major {
  background: #ff231f;
}

/* Tooltip Base Styles */
.sp-status .sp-tooltip {
  font-size: 12px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  max-width: max-content;
  visibility: hidden;
  white-space: nowrap;
}

/* Tooltip Arrow */
.sp-status .sp-tooltip::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
}

/* Tooltip Positions */
.sp-status .sp-tooltip--top,
.sp-status .sp-tooltip--bottom {
  left: 50%;
  transform: translateX(-50%);
}
.sp-status .sp-tooltip--top {
  bottom: 120%;
}
.sp-status .sp-tooltip--top::after {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-color: black transparent transparent transparent;
}
.sp-status .sp-tooltip--bottom {
  top: 120%;
}
.sp-status .sp-tooltip--bottom::after {
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-color: transparent transparent black transparent;
}

.sp-status .sp-tooltip--left,
.sp-status .sp-tooltip--right {
  top: 50%;
  transform: translateY(-50%);
}
.sp-status .sp-tooltip--left {
  right: 105%;
}
.sp-status .sp-tooltip--left::after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-color: transparent transparent transparent black;
}
.sp-status .sp-tooltip--right {
  left: 105%;
}
.sp-status .sp-tooltip--right::after {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-color: transparent black transparent transparent;
}

/* Show Tooltip on Hover */
.sp-status:hover .sp-tooltip {
  visibility: visible;
}

/* Irr Map Location Styling */

#gallery-list-section .w-embed {
  display: none;
}
.gallery-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;    
}
.gallery-items .item {
  cursor: pointer;
  flex: 0 1 220px;
  margin: 14px;
  text-align: center;
}
.gallery-items img {
  height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 220px;
}
.gallery-items .item .item-wrap .label {
  padding: .5rem;
}
.gallery-items .item .item-wrap {
  background-color: #111;
  color: #acafb6;
}

/* Rich Text Formatting */

.text-rich-text.is-section-banner > h1, 
.text-rich-text.is-section-banner > h2, 
.text-rich-text.is-section-banner > h3 {
	font-family: var(--font-families--headings);
  font-weight: 700;
  color: var(--text-color--text-alternate);
}

.text-rich-text.is-section-banner h1 {
	font-size: var(--text-size--heading-1);
}

.text-rich-text.is-section-banner h2 {
	font-size: var(--text-size--heading-2);
}

.text-rich-text.is-section-banner p {
  color: var(--text-color--text-alternate);
	font-family: var(--font-families--paragraph);
  font-size: 1.75rem;
}


/* Custom Attribute Styling for Components */


img[style-image-object-fit="contain"] {
	object-fit: contain !important;
}
img[style-image-object-fit="cover"] {
	object-fit: cover !important;
}

/* Blog Page Styling */

.blog-filter-checkbox_button > input {
  opacity: 0;
  position:absolute;
  z-index:-1
}

.blog_card:first-child {
	grid-column: 1/4;
}

@media screen and (max-width: 991px) {
	.blog_card:first-child {
		grid-column: 1/3;
	}
}

@media screen and (max-width: 767px) {
  .blog_card:first-child {
    grid-column: 1/2;
	}
}

@media screen and (max-width: 478px) {
	.blog_card:first-child {
		grid-column: 1/1;
	}
}

/* Blog Template Page Styling */

.blog_tags-item:last-child {
	border: none;
}

.text-rich-text.is-blog-author-summary * {
	font-size: 0.9rem;
  font-family: Montserrat , var(--font-families--paragraphs) , sans-serif;
}

/* Component - Page Banner */

.background-gradient-darkblue  {
	& p, h1, h2, h3, h4, h5, h6 {
  	color: inherit;
  }
  & .text-rich-text {
  	& h1, h2, h3 {
    	font-weight: 800;
    }
    & h4, h5, h6 {
  		color: var(--text-color--text-secondary);
      font-weight: 700;
  	}
  }
}

@media (max-width: 990px) {
  .component_brand-feature_columns, .component_brand-feature_columns.is-split-1-3-2-3 {
    grid-template-columns: 1fr;
  }
}

/* Component - Solar Data Product Styling */

.solar-data-product_hover-wrapper a:first-child {
	padding-top: 0;
}

.solar-data-product_hover-wrapper a:last-child {
	border-bottom: 0;
  padding-bottom: 0;
}

/* Component - Tabs Styling */

.section_component-tabs {
	& .text-rich-text {
  	& h1, h2, h3 {
    	color: var(--text-color-text-alternative);
    	font-weight: 400;
 	 }
  
  	& h4, h5, h6  {
  		color: var(--text-color--text-secondary);
    	font-weight: 600;
  	}
	}
}

/* Component According Element */

.section_page-banner {
	& .accordion_wrapper:last-child {
  		& .accordion_divider {
  		display: none;
  	}
	}
}

/* Component - Featured Icon Cards */

.text-rich-text.is-component_brand-feature_icon-cards_text {
  & code {
    font-family: inherit;
    font-size: inherit;
  }
}

/* Section - Data Specifications Styling */

.data_specs-slot > .data_specs-row:last-child {
	& .data_specs-row_divider {
  	display: none;
  }
}

.data_specs-row_content_slot > .component_brand-feature_rich-text {
  	margin-bottom: 0.5rem;
}

/* Data and API Change Log Customisations */

.changelog_collection-table .table_cell a {
	word-break: break-word;
}