/*
Style_Modified.css - Variable Heading - Version 1.03 - 12032021
This file contains examples of style classes that can be modified depending on client or system requirements.
Entries here have more sepcificity than those in the default file and will replace those values in the webpage.
This also includes overwriting anything set in media queries for responsive pages.

** If you need to modify a style, do it here.  Please do not modify the style_fugro.css file. **

To enable a section uncomment it as required.  Comments in CSS are bounded by /* ... */

/* EQUINOR SPECIFIC LAYOUT */

nav ul li a{display:block;width:100%;float:right;text-align:right;}

.weather-chart__float .data-point__title  {
    border-radius: .6rem;
	font-size: 2.5rem ;
}

.theme-light .weather-chart__float, .theme-light .weather-chart__float .data-point__body  {
    background-color: #D1DBE8;
}

.theme-dark .weather-chart__float, .theme-dark .weather-chart__float .data-point__body  {
    background-color: #686D74;
}

#weather-chart__north, #weather-chart__wind, #weather-chart__wave, #weather-chart__current {
    position: absolute;
    height: 29%;
    width: 27%;
}

#weather-chart__north_tv {
    position: absolute;
    height: 30%;
    width: 15%;
}

#weather-chart__wind_tv {
    position: absolute;
    height: 24%;
    width: 20%;
}

#weather-chart__wave_tv {
    position: absolute;
    height: 30%;
    width: 20%;
}


#weather-chart__current_tv {
    position: absolute;
    height: 30%;
    width: 20%;
}

#weather-chart__installationname_tv {
    position: absolute;
    height: 6%;
    width: 20%;
}

#weather-chart__datetime_tv {
    position: absolute;
    height: 7%;
    width: 30%;
}

#weather-chart__heading  {
    position: absolute;
    height: 8%;
    width: 50%;
    border: 0px;
}

#weather-chart__north, #weather-chart__wind  {      /* offset top boxes */
    top: 1%;
}

#weather-chart__current, #weather-chart__wave  {    /* offset bottom boxes */
    bottom: 1%;
}

#weather-chart__north, #weather-chart__current  {   /* offset left boxes */
    left: 1%;
}

#weather-chart__wind, #weather-chart__wave  {   /* offset right boxes */
    right: 1%;
}

#weather-chart__north_tv, #weather-chart__wind_tv  {      /* offset top boxes */
    top: 1%;
}

#weather-chart__current_tv {      /* offset row2 boxes */
    top: 26%;
}

#weather-chart__wave_tv {      /* offset row3 boxes */
    top: 57%;
}



#weather-chart__current_tv, #weather-chart__wave_tv  {    /* offset bottom boxes */
    bottom: 1%;
}

#weather-chart__installationname_tv, #weather-chart__datetime_tv  {    /* offset bottom boxes */
    bottom: 1%;
}

#weather-chart__north_tv, #weather-chart__installationname_tv  {   /* offset left boxes */
    left: 1%;
}

#weather-chart__wind_tv, #weather-chart__current_tv, #weather-chart__wave_tv, #weather-chart__datetime_tv {   /* offset right boxes */
    right: 1%;
}

#weather-chart__heading  {   /* offset center boxes */
    right: 25%;
   bottom: 1%;
}

/* Change the styling for everything decalred in data-group__title (unless overwritten below) */
/*
.data-group__title {
    text-transform: none;
}
*/

/* Change the styling for everything decalred in data-point__title (unless overwritten below) */
/*
.data-point__title {
    text-transform: capitalize;
}
*/

/* Change the styling for all data-point title period declarations */
/*
.u-title-period {
    color: grey;
    font-style: normal;
}
*/

/* Change the styling for all data-point title unit declarations */
/*
.u-title-units {
    font-style: initial;
}
*/

/* Change the character inserted BEFORE and AFTER a unit declaration in a title (opening and closing brackets or other) */
/*
.u-title-units::before {
    content: "["; }
    
.u-title-units::after {
    content: "]"; }
*/

/* Change (or get rid of) the declared timezone code (UTC, GMT, PST, UTC+1, etc).  Pay attention to space before timezone (if required) */
/*
.u-add-timezone::after {
    content: " (GMT)";
}
*/

#weatherdashboard_tv {      /* offset top boxes */
    top: 0%;
    height: 100%;
    width: 100%;
}

/* To Fix Scaling issues with 125% / 150% / 175% Windows OS Zoom */

@media	only screen and (min-resolution: 120dpi)
	{
    html {
        font-size: 0.5rem ;
    }
} 

@media	only screen and (min-resolution: 144dpi)
	{
    html {
        font-size: 0.44rem;
    }
} 

@media	only screen and (min-resolution: 150dpi)
	{
    html {
        font-size: 0.38rem;
    }
}