﻿@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
.hidden {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#s4-bodyContainer {padding-bottom:0;}
/* Fix Footer Category Color */
footer h3 {color: #fff !important;}
/*Override BS3 container width auto*/
.container {max-width:970px;}
html {overflow: auto;}
/*BS3 Scroll Fix*/
body #s4-workspace {overflow-y:scroll;}
/*BS3 Ribbon Fixes*/
#SignIn {}
#MSOTlPn_MainTD {position:relative;z-index:100;}
.ms-core-webpartadder, .ms-core-menu-box {position:relative;z-index:10000;top:0;}
/* Fix font color issue in IE8*/
.deptName SPAN {color: #fff;}
.navbar {z-index:40;}
#s4-bodyContainer {margin-top:-10px;}
/**/
.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {color:#144e82;line-height: 1.1;}
.ms-rteFontSize-1, blockquote, em {font-size:14px;}
body, td, th{font-family:"open_sansregular";}
h1, h2, h3, .h1, .h2, .ms-rteElement-H2 strong, .h3, .ms-rteElement-H3 strong{font-family:'open_sanslight' !important;color:#144e82 !important;line-height:1.1 !important;font-weight:500 !important;}
h4, h5, h6, .h4, .h5, .h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700 !important; line-height:1.1 !important;}
h1, h2, h3{margin-top:20px;margin-bottom:10px;}
h4, h5, h6{margin-top:10px;margin-bottom:10px;}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small{font-size:65% !important;line-height:1 !important;}
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small{font-size:75% !important;line-height:1 !important;}
h1, .h1{font-size:36px;}
h2, .h2, .ms-rteElement-H2{font-size:30px;font-style:normal;}
h3, .h3, .ms-rteElement-H3{font-size:24px;font-style:normal;}
h4, .h4, .ms-rteElement-H4{font-size:18px;font-style:normal;}
h5, .h5, .ms-rteElement-H5{font-size:14px;font-style:normal;}
h6, .h6, .ms-rteElement-H6{font-size:12px;font-style:normal;}
h1, h2, h3, .h1, .h2, .ms-rteElement-H2 strong, .h3, .ms-rteElement-H3 strong, header.h2 {color: #144e82 !important;font-family: 'open_sansregular' !important;}
/* Main Header */
h1.deptName {color:rgba(255,255,255,1.00) !important;}
/* Links */
#FYI a, #FYI a:link, #FYI a:visited{color:#3498db;}
#FYI a:focus, #FYI a:active, #FYI a:hover{color:#144e82;}
a:hover, a:focus{color:#144e82;text-decoration:none !important;}
footer a:visited, #footer a:visited{color:#fff;opacity:0.7;}
/*Skip Nav*/
#skip {position: absolute;left: 0px;width: 100%; white-space:nowrap}
#skip a, #skip a:hover, #skip a:visited{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;color:#fff;}
#skip a:active, #skip a:focus{position:relative;top:50px;z-index:102;width:150px;height:auto;padding:10px;margin:0 auto;color:#fff !important;background-color:#000;display:block;} 
/* Search */
#SearchBox .ms-srch-sb-border, #SearchBox .ms-srch-sb {width:100%; border-collapse:collapse; border-width:0; white-space:nowrap;}
#SearchBox .ms-srch-sb-border > input, #SearchBox .ms-srch-sb > input {display:inline-block;width:90% !important;font-size:14px;font-style:italic;font-family:'open_sansregular';height:32px;padding:6px 12px;line-height:1.4285;color:#fff;vertical-align:middle;background:transparent;background-color:rgba(20,81,132,0.50);border:1px solid rgba(225,225,225,0.3);border-radius:4px 0 0 4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;box-sizing:border-box;}
input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus, .sp-peoplepicker-topLevelFocus, .ms-inputBoxActive, .ms-inputBoxActive.ms-inputBox:hover {border-color: #2a8dd4;}
#SearchBox .ms-srch-sb-border > input:focus{font-style:normal;}
#SearchBox .ms-srch-sb-border > input:focus, #SearchBox .ms-srch-sb-border > input:hover{background-color:rgba(20, 81, 132, 0.50);border-color: rgba(225, 225, 225, 0.6);outline: none;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) ;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
/*dropdown*/
#SearchBox .ms-srch-sb-navLink {display:none;}
/*Search button*/
a.ms-srch-sb-searchLink {display:inline-block;width:32px;}
a.ms-srch-sb-searchLink{background:url(../img/search_32x32_darkbg_noborder.png) no-repeat;width:32px;height:32px;display:inline-block;border:0;}
a.ms-srch-sb-searchLink:hover{background:url(../img/search_32x32_lightbg_noborder.png) no-repeat;width:32px;height:32px;display:inline-block;border:0;}
a.ms-srch-sb-searchLink img {display:none;}
.ms-srch-sb > .ms-srch-sb-searchLink {height:32px;width:32px;margin:0;}
@media (max-width:767px){
.container >.navbar-collapse {max-height:none;}
#SearchBox .ms-srch-sb-border > input, #SearchBox .ms-srch-sb > input {color:#666;background-color:#ECF0F1;}
#SearchBox .ms-srch-sb-border > input:focus, #SearchBox .ms-srch-sb-border > input:hover {background:#ECF0F1;color:#000;border:solid 1px #145084;box-shadow:none;-webkit-box-shadow:none;}
}
/*Fix padding issue for Feature Information Slider */
.carousel-inner .item {padding:0;}
/* Fix list pagination missing gif sprites */
span.ms-promlink-button-image img {max-width: none !important;}
/*TRANSALTE*/
@media (min-width: 768px) {
 .translate-list{min-width: 80px !important;height: 50px;padding: 0px;opacity: 0.3;text-transform: uppercase;}
 .translate-list .navbar-right .dropdown-menu {
left: 0;
}
.webkit .topSearch {
  margin-top: -13px !important;
}
 .translate-list:hover{
    background-color: transparent;
    opacity: .8;
}
 .translate-list:hover   a{
    color: #fff !important;
    background: transparent;
}
 .translate-list .dropdown-menu {
top:50px;
}
 .translate-list .dropdown-menu {
box-shadow: 0 6px 7px rgba(0, 0, 0, 0.4);
border: 1px;
margin: 0;
background-color:#fff !important;
color:#000 !important;
z-index:6000 !important;
position:absolute !important;
left:0;
right:0;
margin-right:-15px;
}
 .translate-list .dropdown-menu a,  .translate-list .dropdown-menu a:visited {
color:#000 !important;
}
 .translate-list .dropdown-menu li {
    min-width: 80px;
}
 .translate-list .dropdown-menu a:hover, .translate-list .dropdown-menu a:focus,  .translate-list .dropdown-menu li:hover {
color:#fff !important;
background-color:#000 !important;
}
 .translate-list .dropdown-menu > li > a {
color:#000 !important;
}
 .translate-list .btn {
height:50px;
margin-right:-15px;
font-size:10px;
}
    .webkit .topSearch {
        margin-top: 40px;
    }
}
 .translate-list .btn-primary{
    background-color: rgba(5, 42, 66, 0.23);
    border-color: transparent;
    padding-top: 13px;
    height: auto;
    padding-bottom: 15px;
    font-size: 1.03em;
}
.translate-list a{
    border: none;
    /*margin-top: 7px;*/
    width: 100%;
    float: left;
    text-align: left;
    color: #fff;
    padding: 0 0px;
    font-family: 'open_sansbold';
    letter-spacing: 0.05em;
    line-height: 25px;
    font-size: 14px;
}

@media (max-width:991px) {
     .translate-list .btn-primary{
        background-color: rgba(5, 42, 66, 0.23);
        /* border-color: rgba(193, 193, 193, 0.7); */
        padding-top: 13px;
        height: auto;
        padding-bottom: 0px;
        font-size: 16px;
    }
}

@media (min-device-width : 480px) and (max-width: 767px) {
     .translate-list {margin-right: 35px;padding:10px;margin-top: -40px;}
     .translate-list .dropdown-menu {
    box-shadow: 0 6px 7px rgba(0, 0, 0, 0.4);
    border: 1px;
    margin: 0;
    background-color:#fff !important;
    color:#000 !important;
    z-index:6000 !important;
    position:absolute !important;
    left:0;
    right:0;
    margin-right:-15px;
    }
     .translate-list:hover{
        background-color: #d36424;
    }
     .translate-list:hover   a{
        color:#fff !important;
    }
     .translate-list .btn-primary{
        background-color: rgba(5, 42, 66, 0.23);
        border-color: transparent;
        padding-top: 12px;
        height: auto;
        padding-bottom: 0px;
    }
     .translate-list .dropdown-menu a,  .translate-list .dropdown-menu a:visited {
    color:#000 !important;
    }
     .translate-list .dropdown-menu a:hover, .translate-list .dropdown-menu a:focus,  .translate-list .dropdown-menu li:hover {
    color:#fff !important;
    background-color:#000 !important;
    }
     .translate-list .dropdown-menu > li > a {
    color:#000 !important;
    }
    
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
     .translate-list .btn-primary {
        margin-right: -50px;
        margin-top: 49px;
        margin-bottom: -50px;
    }
    .translate-list a {
        color: #fff !important;
        border: none;
        margin-top: -38px ;
        float: right;
        width: 50%;
        margin-right: 8px;
    }
}


@media (min-width : 992px) and (max-width: 1200px){
    .webkit .topSearch {
      margin-top: 30px !important;
    }
}