@font-face{
  font-family:"Optima W01_R4";
  src:url("36a73a3c-1fe5-4986-92cf-92879e7d3ac3.eot?#iefix") format("embedded-opentype")
}
@font-face{
  font-family:"Optima W01";
  src:url("36a73a3c-1fe5-4986-92cf-92879e7d3ac3.eot?#iefix");
  font-weight: 400;
  font-style: Regular;
}

html {
  /* height 100% so that footer can always be pushed to bottom of page */
  height: 100%;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

#PageContainer{min-height:400px;padding-bottom: 0px !important;}


.social{
    display: inline-block;
    border: solid #3f5065 1px;
    width: 39px;
    height: 39px;
    padding: 0;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    transition: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    -webkit-background-size: 50%;
    -moz-background-size: 50%;
    -o-background-size: 50%;
    background-size: 80%;
}


/****************************************************/
/*        THEME RULES (do not affect layout)        */
/****************************************************/

/* headerglobal colour */
.greyblue {
  background: #25374B;
}

/* service menu colour */
.blueblack {
  background: #182837;
}

/* footer colour */
.deepblue {
  background: #132940;
}

.infogrey {
  background-color:#e3e3e0;
  color:#77818b;
}

.infogreen {
  background-color:#d8e6cf;
  color:#458429;
}

.infoyellow {
  background-color:#F3E5AF;
  color:#8F5522;
}

.infored {
  background-color:#F0D9DB;
  color:#B2334C;
}

.social:hover{
background-color:#23527c;
}

/* twitter logo - blue */
.btbird {
  background: url('RBKCimages/btbird.svg') 0 0 no-repeat;
}
/* twitter logo - white */

.wtbird {
  background: url('RBKCimages/wtbird.svg') 0 0 no-repeat;
}

/* white facebook icon, F alone, no box */
.wficon {
  background: url('RBKCimages/wficon.svg') 0 0 no-repeat;
}
/* white youtube icon */
.wytube {
  background: url('RBKCimages/wytube.svg') 0 0 no-repeat;
}

.logo,
.hamburger,
.magnify,
.btbird ,
.wtbird,
.wficon,
.wytube  {
  -webkit-background-size: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.large-text {
  font-size:20px;
  /* 16/20 = 1.25  */
  font-size:1.25rem;
  line-height:29px;
  line-height: 1.8125rem;
}
.small-text {
  font-size: 14px;
  /* 14/16 = .875; */
  font-size:.875rem;
  line-height:24px;
}
.smallest-text {
  font-size:13px;
  /* 13/16 = .8125; */
  font-size:.8125rem;
  line-height:18px;
}

.lightlinks a {
  color: #DEE2E5;
}
.lightlinks a:hover {
  color: #fff;
  border-bottom: dotted #fff 1px;
}


.text-white{color:#fff;}
.text-offwhite{color:#637484;}


/***  begin footer ***/
.footerglobal {
  display:block;
  clear:both;
  background-image :url('RBKCimages/rbkc_footer_logo.png') ;
  background-repeat: no-repeat;
  background-position: 50% 1.5rem;
  background-size: 65px;
  color: #637484;
  font-size:13px;
  /* 13/16 = 0.8125; 
  font-size:.8125rem;*/
  padding-top: 6.5rem;
  padding-bottom:1em;
  overflow:visible;
}
.footerglobal p {
  width:80%;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  clear:both;
}


.footerglobal__address {
  margin-bottom: 9px;
  margin-bottom: 0.6rem;
  padding-top:40px;
}


.footerglobal__contact {
  display: inline-block;
  background-color:#2a3d54;
  transition: none;
  color: #fff;
  padding: 5px 10px;
}
.footerglobal__contact:first-of-type {
  margin-right: 8px;
  margin-right: 0.5rem;
}
/* a selector required for specificity */
a.footerglobal__contact:hover,
.footerglobal__contact:active,
.footerglobal__contact:focus {
  border-bottom: 0;
  background: #142230;
}
.footerglobal__links {
  list-style-type:none;
  width:80%;
  margin: 2rem auto 1rem auto;
  overflow:hidden;
  padding-left:0;
  background:transparent;
}
.footerglobal__links li {
  float:left;
  width:100%;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align: center;
  padding-bottom:10px;
}
.footerglobal__social {
  clear:both;
  float:left;
  width:100%;
  text-align:center;
  margin:0 auto;
  margin-left:-20px;
  padding-bottom: 10px;
  list-style-type:none;
}
.footerglobal__social li  {
  display: inline-block;
  padding: 4px 2px;
}
.footerglobal__social a {
  display:inline-block;
  border: solid #3f5065 1px;
  width: 39px;
  height: 39px;
  padding: 0;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  transition: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center;
  -webkit-background-size: 50%;
  -moz-background-size: 50%;
  -o-background-size: 50%;
  background-size: 50%;
}
.footerglobal__social a:hover {
  background-color: #6a7888;
}
.footerglobal__social .wytube {
  -webkit-background-size: 70%;
  -webkit-background-size: 70%;
  -moz-background-size: 70%;
  -o-background-size: 70%;
  background-size: 70%;
}
.footerglobal__social:before {
  content: "";
  display:block;
  background: #637484;
  width: 130px;
  height:1px;
  clear: none;
  margin: 5px auto 20px auto;
}

  #govmetric,.gm_sidebar_anchor
  {display:none;}

@media only screen and (min-width: 960px) {

  .heading__h1 {
    font-size: 54px;
    font-size: 3.375rem;
    padding: 0.6rem 0.5rem 0.7rem 0.5rem;
  }
  .heading__h1.long {
    font-size: 2rem;
    padding: 2rem 0;
  }

  .middle,
  .middle-hp {
    padding-bottom: 142px
   }

   /*** footer ***/
  .footerglobal {
    width:100%;
    margin:0 auto;
    padding:1em 0;
    background:#132940 none;
    /*position: absolute;*/
    bottom: 0;
    height: 130px;
  }
  .footerglobal .inner{
    background: #132940 url('RBKCimages/rbkc_footer_logo.png')  1rem 1.6rem no-repeat;
    background-size: 65px;
    /*padding: 1.5rem 1rem;*/
  }
  .footerglobal p {
    text-align:left;
    /*margin-left:80px;*/
    line-height: 1.2rem;
    margin-bottom: 6px;
  }
  /* specificity required */
  a.footerglobal__contact {
    background: none;
    display: inline;
    padding: 0;
  }

.footerglobal .inner p {
  position:relative;
  top:-20px;
  padding-bottom:10px;
}

  a.footerglobal__contact:hover {
    background: none;
    border-bottom: dotted #fff 1px;
  }
  .footerglobal .footerglobal__social {
    /*width: 20rem;*/
    position:absolute;
    right: 0.8rem;
    top:3.2rem;
    text-align:right;
  }
  .footerglobal .footerglobal__social a {
    padding:0;
    text-align:center;
    margin: 0 0 0 10px;
    display: inline-block;
  }
  .footerglobal__contact {
    padding: 0 6px 0 0;
  }
  .footerglobal .footerglobal__social:before {
    content: "";
    display:none;
  }
  .footerglobal__links {
    list-style-type:none;
    width:80%;
    margin:1em auto auto 1em;
    overflow:auto;
    padding-left:0;
    position:absolute;
    top: 1.45rem;
    right:0;
    background:transparent;
    margin:0 1rem 0 0;
    width:auto;
  }
  .footerglobal__links li {
    text-align:center;
    width:auto;
    margin-right:0;
    padding-left: 17px;
  }

  #govmetric,.gm_sidebar_anchor
  {display:block;}


}/* end media query */





.headerglobal {
  overflow: hidden;
  z-index: 1;
  /* adding specific height stops the breadcrumb shifting about in desktop view */
  min-height: 71px;
}
.headerglobal__logowrap {
  height: 0;
  z-index: 1;
}
.headerglobal__logowrap .logo {
  display:block;
  width:120px;
  width:15.3rem;
  height:58px;
  height:6rem;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-indent: 300%;
  white-space: nowrap;
  overflow: hidden;
  top: 10px;
}
.headerglobal__logowrap .logo:hover {
  border-bottom: none;
}
/* can't use the nowrap image replacement on these as overflow needs to be visible for active display element - have put text inside accessibly hidden span tags */
.headerglobal__open {
  display: inline-block;
  width:42px;
  height:42px;
  margin-top: 14px;
  margin-bottom: 15px;
  border: solid #4c5465 1px;
}
.headerglobal__open.hamburger {
  float:left;
}
.headerglobal__open.magnify {
  float:right;
}
.headerglobal__open:hover {
  background-color: #182837;
}
.headerglobal__nav  {
  display: block;
  background-color: #182837;
  margin: 0 -16px;
  margin: 0 -1rem;
  clear: both;
  transition: all linear .2s;
  visibility: visible;
}
.headerglobal__nav li {
  padding: 10px;
  border-bottom: solid #3C4856 1px;
}
.headerglobal__nav a {
  display:block;
  padding: 10px;
 }

.headerglobal__nav a:hover {
  background: #142230;
  border-bottom: 0;
 }
.headerglobal__nav a:active,
.headerglobal__nav .pseudoLink:active {
  color: #fff;
  background: #1F303F;
  transition:none;
}
.headerglobal__nav li:last-child {
  border-bottom: none;
}
.headerglobal__openservices:after,
.headerglobal__open:after {
  /* css triangle */
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  border-bottom: 20px solid #182837;
  content: "";
  display:block;
  height: 0;
  left: -21px;
  top: 45px;
  position: relative;
  right: 0;
  transition:all .15s linear 0s;
  width:0;
  z-index: 100;
}
.headerglobal__open.active {
  background-color: #182837;
}
.headerglobal__open.active:after {
  top: 34px;
}

.logo {
  background:transparent url('../images/rbkc_logo.png') 0 0 no-repeat;
  background-size: 100%;
}