/*=== Specific Browsers and Devices ===*/
/* Internet Explorer */
    /* Global */
    .ie #page-middle [class*="size-"][class*="content-placement-"] .cell-content {min-height:0;}
    .ie #page-middle [class*="size-"].content-placement-bottom .cell-content {height:auto;} 
    .ie #page-header {-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}

        /* Sustainability triange */
        .ie #sustainability-diagram {width:240px; height:240px;}

        /* RNS */
	    .ie .content-area #rns-list .text-filter-box input + .btn {height:36px;}

        /* Line chart */
            /* Energy Efficiant */
            .ie #chart-5735 {padding-bottom:50px;}        
            .ie #chart-5735 .ct-chart-line .ct-labels .ct-label.ct-end {writing-mode: tb;}
   
        /* Login */
        .ie .login #page-header {-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}

    /* IE 10 */
    .ie10 #side-panel-wrapper {display:block; overflow-x:auto}

    /* IE 9 */
    .ie9 #side-panel-wrapper {display:block; overflow-x:auto}

/* Mobile */
    .mobile #page-banner.banner-video {background: transparent url("/media/2054/male-with-skyline.jpg?anchor=center&mode=crop&heightratio=1.6916666666666666666666666667&width=480") no-repeat top center; background-size:cover;}
    .mobile #page-banner.banner-video > .background-video {display:none;}

/* Tablet */
    .tablet:not(.ie) #page-banner.banner-video {background: transparent url("/media/2054/male-with-skyline.jpg?anchor=center&mode=crop&heightratio=1.6916666666666666666666666667&width=480") no-repeat top center; background-size:cover;}
    .tablet:not(.ie) #page-banner.banner-video > .background-video {display:none;}

/* Ipad */
    /* Row */
    .ipad .umb-grid-row[style*="background-image"],
    .ipad .content-area > div:first-child.umb-grid-row[style*="background-image"] {background-attachment: unset; background-size: auto 100vh;} 
    .ipad .umb-grid-row[style*="background-image"][class*="theme-"]:after {height: 100vh;}
    .ipad .umb-grid-row.bottom[style*="background-image"] {background-position:top center;}

    /* Back to top */
    .ipad #back-to-top-wrapper.inactive #back-to-top-trigger .trigger-icon,
    .ipad #back-to-top-wrapper.inactive #back-to-top-trigger p {opacity:1;}


/*========== Small Tablet devices and up ==========*/
@media (min-width: 480px) { 
/*=== Specific Browsers and Devices ===*/
/* Internet Explorer */
     /* Global */
        /* Sustainability triange */
        .ie #sustainability-diagram {width:500px; height:556px;}

        /* RNS */
	    .ie .content-area #rns-list .text-filter-box input + .btn {height:38px;}

/* Mobile */
     .mobile #page-banner.banner-video {background-image: url("/media/2054/male-with-skyline.jpg?anchor=center&mode=crop&heightratio=1.3333333333333333333333333333&width=768");}

/* Tablet */
     .tablet:not(.ie) #page-banner.banner-video {background-image: url("/media/2054/male-with-skyline.jpg?anchor=center&mode=crop&heightratio=1.3333333333333333333333333333&width=768");}
}


/*========== Large Tablet devices and up ==========*/
@media (min-width: 768px) {
/*=== Specific Browsers and Devices ===*/
/* Internet Explorer */
     /* Global */
	    /* RNS */
	    .ie .content-area #rns-list .text-filter-box input + .btn {height:37px;}

        /* Maps */
	    .ie #interactive-map {height:450px;}
	    .ie #interactive-map .map-wrapper {height:100%;}

/* Mobile */
    .mobile #page-banner.banner-video {background-image: url("/media/2054/male-with-skyline.jpg?anchor=center&mode=crop&heightratio=1.0887096774193548387096774194&width=992");}

/* Tablet */
    .tablet:not(.ie) #page-banner.banner-video {background-image: url("/media/2054/male-with-skyline.jpg?anchor=center&mode=crop&heightratio=1.0887096774193548387096774194&width=992");}
}


/*========== Small Laptop devices and up ==========*/
@media (min-width: 992px) {
/*=== Specific Browsers and Devices ===*/
/* Internet Explorer */
     /* Global */
        /* Cookies */
        .ie .cc-window .cc-message {width:calc(100% - 120px);}
        .ie .cc-window .cc-compliance {float:right;}

        /* RNS */
	    .ie .content-area #rns-list .text-filter-box input + .btn {height:43px;}

        /* Maps */
	    .ie #interactive-map {height:540px;}

/* Tablet */
    .tablet:not(.ie) #page-banner.banner-video {background-image: url("/media/2054/male-with-skyline.jpg?anchor=center&mode=crop&heightratio=0.9&width=1200");}

}

/*========== Desktop devices and up ==========*/
@media (min-width: 1200px) {
/*=== Specific Browsers and Devices ===*/
/* Internet Explorer */
     /* Global */
        /* RNS */
	    .ie .content-area #rns-list .text-filter-box input + .btn {height:44px;}

        /* Maps */
	    .ie #interactive-map {height:980px;}

/* Tablet */
    .tablet:not(.ie) #page-banner.banner-video {background-image: url("/media/2054/male-with-skyline.jpg?anchor=center&mode=crop&heightratio=0.5625&width=1920");}
}