﻿
body {
    font-family: 'Lato', sans-serif;
    color: #6e6e71;
}

.pubs{
    height: 260px !important;
    vertical-align: top;
}

h1,h2{
    margin-top: 0;
}

/*  SECTIONS    */

#header {
    margin: 15px 25px 25px;
}

#content{
    margin-bottom:20px;
}

#content, #content-home, #content-home-columns , #content-home-documents, #newsletter, #site_content {margin-top:20px;}

#content-home .bg-blue, #content-home-documents .bg-grey{/*padding:30px 50px;*/}

#content-home-columns .column {padding:20px;min-height: 546px;}

#site_content .col-sm-9 .bg-grey,#site_content .col-xs-12 .bg-grey {
    padding: 20px 30px;
}

#site_content .col-sm-9 .bg-grey h1 {
    margin-top: 0px;
}

#site_content .col-sm-9 .bg-white,#site_content .col-xs-12 .bg-white {
    padding: 20px 30px;
}

#site_content .col-sm-9 .bg-white h1 {
    margin-top: 0px;
}

#site_content img{
    max-width: 100%;
    height: auto;
}

#footer .bg-green{
    padding: 30px;
}

#footer .bg-grey{
    padding: 30px;
}

#footer .bg-green ul    {padding-left:0;}
#footer .bg-green ul li {list-style:none;}
#footer .bg-green ul li a, #footer .bg-green p a {color:#fff;}
#footer .bg-grey ul    {padding-left:0;}
#footer .bg-grey ul li {list-style:none;}
#footer .bg-grey ul li a, #footer .bg-grey p a {color:#6E6E71;}

#newsletter input {color:#666;}

#accreditation img{
    padding: 5px 5px
}

a:focus{
    text-decoration: none;
    outline: none;
}

/* CONTENT*/

#content .bg-grey {
    padding: 20px 50px 0;
}

.fRight{
    float:right;
}


/*  BACKGROUNDS */


.bg-blue, .bg-blue-menu     { background-color: #bfd4ee; }
.bg-yellow, .bg-yellow-menu     { background-color: #FEC91C; }
.bg-red, .bg-red-menu           { background-color: #ee4137; }
.bg-green, .bg-green-menu       { background-color: #8DC73F; }
.bg-blue, .bg-blue-menu         { background-color: #bfd4ee; }
.bg-darkblue, .bg-darkblue-menu { background-color: #1D93D1; }
.bg-grey                        { background-color: #f0eeed; }
.bg-dark-grey                   { background-color: #e2e0df; }
.bg-white                       { background-color: #FFFFFF; }

.bg-yellow-menu,.bg-red-menu,.bg-green-menu,.bg-blue-menu,.bg-blue-menu{
    padding-right:0;
    padding-left:0;
    border-right:8px solid #fff;
}



.dropdown-menu {font-size:1.2em;}

.dropdown-menu .bg-yellow-menu,
.dropdown-menu .bg-red-menu,
.dropdown-menu .bg-green-menu,
.dropdown-menu .bg-blue-menu,
.dropdown-menu .bg-blue-menu{border-right:none;}

/*  TEXT AND LINKS  */

h1 {font-size:25px;}

.text-blue, a.text-blue {color:#1c93d1;}
.text-white, a.text-white {color:#fff;}
.text-dark, a.text-dark{color:#999;}
.text-green, a.text-green{color:#8cc540;}
.text-grey, a.text-grey{color:#6E6E71;}

.light { font-weight: 300;}
.normal{ font-weight: 400;}
.bold  { font-weight: 700;}
.black { font-weight: 900;}

.big{
    font-size: 120%;
}


.noMarg { margin: 0px; }

/*  FORMS   */

.search_text {
    float: left;
    height: 30px;
    min-width: 165px;
}

input {
    border:none;
    /*min-height:30px;*/
    padding:5px;
}

.btn-arrow {
    background-image:url("/images/arrow-blue.png");
    background-position:center center;
    background-repeat:no-repeat;
    width:30px;
    }

.btn-success{
    margin-top: 15px;
}

/*  MISC */

.pad50{padding:50px;}
.padTopBottom50{padding:50px 0;}

.margTop05em {
    margin-top: 0.5em;
}

.margTop15em {
    margin-top: 1.5em;
}

hr{
    border-bottom:2px dotted #0068A2;
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.dotted-blue {
    border-bottom:2px dotted #0068A2;
}

hr.dotted-green {
    border-bottom:2px dotted #8cc540;
}

hr.dotted-white {
    border-top: none;
    border-bottom:2px dotted #fff;
}

/*  MENU */

.active-bar{min-height:35px;}

#box-menu a {color:#fff;}

#box-menu .navbar-default {
    background-color: transparent;
    border:0;
    /*border-color: #e7e7e7;*/
}
#box-menu .navbar {border-radius: 0;}

#box-menu .navbar {
    border: 0px solid transparent;
    margin-bottom: 0;
    min-height: 50px;
    position: relative;
}


.menuLevel1 {
    /*background-image:url("../images/box-menu-corner.png");
    background-position:right bottom;
    background-repeat:no-repeat;
    width:25%;*/
    padding-right: 0;
    background-color: #0268A3 !important;
}


.menuLevel1 a:hover, a:active, .menuLevel1.selected{
    background-color: #BFD4EE !important;
    color: #6E6E71 !important;
}

.menuLevel2.selected > a {
    font-weight:bold;
}

.menuLevel1:nth-child(2) a, .menuLevel1:nth-child(2) a:hover {
    /*background-color: #ee4137 !important;*/
}
/* equivalent to li:nth-child(2) */
/*.navbar ul li:first-child + li a {
    background-color: #ee4137 !important;
}*/

.menuLevel1:nth-child(3) a, .menuLevel1:nth-child(3) a:hover {
    /*background-color: #8cc540 !important;*/
}
/* equivalent to li:nth-child(3) */
/*.navbar ul li:first-child + li + li a {
    background-color: #8cc540 !important;
}*/

.menuLevel1:last-child a, .menuLevel1:last-child a:hover {
    /*background-color: #1c93d1 !important;*/
    border-right: none !important;
}
/* equivalent to li:nth-child(4) */
/*.navbar ul li:first-child + li + li + li a {
    background-color: #1c93d1 !important;
}*/

/*.menuLevel1:last-child {
    padding-right: 15px;
}*/

.menuLevel1.bg-yellow, .menuLevel1.bg-red, .menuLevel1.bg-green {/*border-right:8px solid #fff;*/}

.menuLevel1 > a {
    /*background-image: url("/images/box-menu-corner.png");
    background-position: right bottom;
    background-repeat: no-repeat;*/
    /*font-size: 215%;*/
    /*height: 165px;
    line-height: 115% !important;*/
    padding-left: 17px !important;
    padding-right: 17px !important;
    width: 100%;
    font-size: 12px;
}

/*.menuLevel1 > a:hover {background-image:none !important;}*/

.menuLevel2 > a {font-size:24px;}

.navbar-default .navbar-nav > li > a{
    color:#fff;
    border-right: 1px solid #fff;
    /*font-size:1.2em;*/
    line-height:0.9;
}

.navbar-nav {float:none;background-color: #0268a3;}

.navbar-nav ul.sm-nowrap > li > a{
    word-wrap:normal !important;
    white-space:pre-wrap;
}

.dropdown-menu{
    background-clip: padding-box;
    background-color: inherit;
    border:0;
    border-radius: 0;
    box-shadow: none;
    width:100% !important;
    padding-left:15px;
    padding-right:15px;
    max-width:none !important;
    position:absolute;
    top:120px !important;
    background-image:url("../images/box-menu-corner.png");
    background-position:right bottom;
    background-repeat:no-repeat;
    padding-bottom:75px;
}

.dropdown-menu li {
    border-bottom:1px solid #fff;
    padding:5px 0;
    margin:10px 0;
}

.sub-arrow{display:none !important;}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: inherit !important;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: inherit !important;
  border:0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: inherit !important;
  border: 0;
  border-bottom-color: transparent;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: inherit !important;
  outline: 0;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: inherit !important;
}

ul#submenu:not(:empty){
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 15px 20px 30px;
    min-width: 100%;
}

ul#submenu li {
    border-bottom:1px dotted #f0eeed;
    padding:5px 0;
    /*margin:10px 15px;*/
}

 .menuLevel3 {
    border-bottom:none!important;
    list-style: outside none none;
    padding:5px 0;
    margin-left: -20px;
    /*margin:10px 15px;*/
}

  .menuLevel3 a {
    /*border-bottom:1px dotted #f0eeed;
    list-style: outside none none;
    padding:5px 0;*/
    color: #0166a4!important;
    font-size: 110%!important;
    border-bottom:none!important;
    /*margin:10px 15px;*/
}

    .menuLevel3.selected {
font-weight:bold;
}

ul#submenu li a {
    color: #1c93d1;
    font-size: 130%;
    text-decoration:none;
    cursor:pointer;
}

.submenu.padding{
    padding-right:0;
}

/*  ROYAL SLIDER*/

.royalSlider {
     height: auto;
     width: 100%;
}

.royalSlider img {
    width: 100%;
    height: auto;
    /*margin: 10px auto;*/
} 

.banner-caption {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 250%;
    left: 5%;
    line-height: 130%;
    padding: 2%;
    position: absolute;
    top: 15%;
    width: 35%;
}

/*  BOOTSTRAP OVER RIDES */

@media (min-width: 768px) {
    .banner-caption{}
}

@media (min-width: 992px) {
    .banner-caption{}
}

@media (min-width: 1200px) {
    .banner-caption{}
}

@media (max-width: 767px) {
    .banner-caption p {
    }
    .btn-rounded{
        margin: 10px 0;
    }
}

@media (max-width: 480px) {
    .banner-caption {
        top:3%;
    }
    #site_content .col-sm-9 .bg-grey {
    padding: 15px 10px 25px;
    }
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .banner-caption {
        top:3%;
    }
}

.padTop02em   {	padding-top:0.2em;	}
.padTop05em   {	padding-top:0.5em;	}
.padTop1em	  {	padding-top:1em;	}
.padTop15em   {	padding-top:1.5em;	}
.padTop2em	  {	padding-top:2em;	}
.padTop25em   {	padding-top:2.5em;	}
.padTop3em	  {	padding-top:3em;	}
.padTop35em   {	padding-top:3.5em;	}
.padLeft1em   {	padding-left:1em;	}
.padLeft15em  {	padding-left:1.5em;	}
.padLeft2em   {	padding-left:2em;	}
.padLeft3em   {	padding-left:3em;	}
.padLeft9em   {	padding-left:7.5em;	}
.padRight05em {	padding-right:0.5em;}
.padRight1em  {	padding-right:1em;	}
.padRight15em {	padding-right:1.5em;}
.padRight2em  {	padding-right:2em;	}
.padRight25em {	padding-right:2.5em;}
.padBottom05em{	padding-bottom:0.5em;}
.padBottom1em{	padding-bottom:1em;}
.padBottom2em{	padding-bottom:2em;}
.margTop0em  {	margin-top:0em;	}
.margTop05em  {	margin-top:0.5em;	}
.margTop1em	  {	margin-top:1em;		}
.margTop15em  {	margin-top:1.5em;	}
.margTop2em	  {	margin-top:2em;		}
.margTop25em  {	margin-top:2.5em;	}
.margTop3em	  {	margin-top:3em;		}
.margTop35em  {	margin-top:3.5em;	}
.margLeft05em {	margin-left:0.5em;	}
.margLeft1em  {	margin-left:1em;	}
.margLeft15em {	margin-left:1.5em;	}
.margLeft2em  {	margin-left:2em;	}
.margLeft3em  {	margin-left:3em;	}
.margRight05em{	margin-right:0.5em;	}
.margRight1em {	margin-right:1em;	}
.margRight15em{	margin-right:1.5em;	}
.margRight2em {	margin-right:2em;	}
.margBottom05em  {	margin-bottom:0.5em;	}
.margBottom1em	  {	margin-bottom:1em;		}
.margBottom15em  {	margin-bottom:1.5em;	}
.margBottom2em	  {	margin-bottom:2em;		}


.button-blue {
    background-color: #0068A2;
    color: #fff!important;
    font-size: 15px;
    font-weight: bold!important;
    padding: 8px 16px;
}

.button-red {
    background-color: #EE4237;
    color: #fff!important;
    font-size: 15px;
    font-weight: bold!important;
    padding: 8px 16px;
}

.button-yellow {
    background-color: #FFC917;
    color: #fff!important;
    font-size: 15px;
    font-weight: bold!important;
    padding: 8px 16px;
}

.button-green {
    background-color: #8CC341;
    color: #fff!important;
    font-size: 15px;
    font-weight: bold!important;
    padding: 8px 16px;
    margin:10px 0;
}

.mediaNavigatorBullets {
    list-style:none!important;
    margin-left:0px;
    padding-left:0px;
}

.mediaNavigatorTitle {
    margin-top: 25px;
}

.noPad {
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;

}

.ui-widget {
    font-family: 'Open Sans', sans-serif;
}

ul.mediaNavigator {
    padding-bottom:3px;
    list-style: none;
    margin: 10px 0 0 !important;
    padding: 0px !important;
}
ul.mediaNavigator h4 {
    margin: 0px;
    text-align:left;
    border: none;
    background-color: #0268a3;
    color: #fff;
}
ul.mediaNavigator h4:hover, h4.ui-state-active {
    color: #fff !important;
    
}
ul.mediaNavigator ul {
    list-style: none;
    margin: 0px;
    padding: 0px !important;
}
ul.mediaNavigator li {
    padding-top: 0px;
    padding-left: 0px;
}
ul.mediaNavigator li::before {
    content: "" !important;
    margin-right: 0px !important;
}
.mediaNavigator hr {
    margin-bottom: 10px;
    margin-top: 10px;
}
.mediaNavigator strong {
    /*font-family: 'sinkin_light';*/
}
.ui-accordion .ui-accordion-content {
    padding: 1em 1.2em;
}
.ui-accordion .ui-accordion-header {
    background: #bfd4ee;
    color: #1c93d1;
    border: none;
    padding: 15px 15px;
    font-size: 16px;
}
.ui-accordion-header.ui-state-default::after {
    content: "\2716";
    float: right;
    position: absolute;
    right: 36px;
    font-size: 26px;
    top: 9px;
    transform: rotate(45deg);
    transition: .2s;
}
.ui-widget-content a {
    color: #23527c;
    text-decoration: none;
}
.ui-widget-content a:hover {
    color: #23527c;
    text-decoration: underline;
}

#accordion.collapsed strong::after{
    content:"\002B";
    color: #337ab7;
    font-size: 24px;
    width: 15px;
    margin-left: 30px;
    text-decoration: none!important;
    line-height: 0;
    transition: .3s;
    transform: rotate(00deg);
    display: inline-block;
    position: absolute;
    top: 15px;
}

#accordion strong::after{
    content:"\002B";
    color: #337ab7;
    font-size: 24px;
    width: 15px;
    margin-left: 30px;
    text-decoration: none!important;
    line-height: 0;
    transition: .3s;
    transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    top: 17px;
}

p > img[style*="float: right"] {
    margin: 0 0 0.5em 1em;
}

p > img[style*="float: left"] {
    margin: 0 1em 0.5em 0;
}

a > img[style*="float: right"] {
    margin: 0 0 0.5em 1em;
}

a > img[style*="float: left"] {
    margin: 0 1em 0.5em 0;
}

.ui-state-default{
    background: #0268a3;
    border: #0268a3;
    color: #fff;
}

.ui-state-active{
    background: #BFD4EE;
    border: #BFD4EE;
    color: #6E6E71;
}

table{
    float: none!important;
}

.homeBox {
    /*min-height: 300px;*/
    text-align: center;
    margin-bottom: 1.5em;
    /*background-color: blue;*/
}

.homeBoxInside {
    min-height:260px;
    color: #fff!important;
    padding: 18px;
}

.homeBoxInside a{
    color: #fff;
}

.homeBoxInside .bg-yellow {
    background-color:#ffc919;
}

.homeBoxInside .bg-darkblue {
    background-color:#0068A2;
}

.homeBoxInside .bg-green {
    background-color:#8cc540;
}

.homeBoxInside h2 {
    border-bottom: dotted 2px #fff;
    padding-bottom: 18px;
    font-size:22px;
}

#content-home .bg-grey, #content-home .bg-grey {
    padding: 18px;
}
/* 
#content-home .bg-grey {
    color: #fff;
} */

.homeBoxInside img {
    width: 50%;
    margin-top: 10px;
}

.newsHome {
    min-height: 542px;
    margin-bottom: 1.5em;
    padding-bottom: 0!important;
}

.peopleSearch {
    height: 260px;
    margin-top: 20px;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
}

.peopleSearchContent{
    height: 260px;
    /*margin-top: 20px;*/
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
}

.team-col{
    margin-bottom: 20px;
}

.team-col *{
    font-size: 12px;
}

.team-col h4{
    font-weight: bold;
}

.team-img{
    margin-bottom: 10px;
    max-width: 100px;
}

.org-col{
    margin-bottom: 20px;
}

.org-col *{
    font-size: 12px;
}

.org-img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 100px;
}

.org-col img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 100px;
}

.news-col *{
    font-size: 16px;
}

.news-col{
    margin-bottom: 20px;
}

.news-col-text{
    min-height: 150px;
}

.more-link{
    position: absolute;
    bottom: 0;
    left: 15px;
}

.news-img{
    width: 130px;
    height: 130px;
    background-size: cover;
}

.ddl-list{
    min-width: 200px;
    max-width: 400px;
}

.question-wrapper{
    margin-bottom: 50px;
    border-bottom: 1px solid;
}

.ask-julie{
    width: 200px;
    font-size: 20px;
    font-weight: 700;
    background-color: #0268A3 !important;
    color: #fff;
    border-radius: 5px;
}

.ask-julie-input{
    width: 100%;
    background: #fff;
    border: 1px solid lightgrey;
    border-radius: 5px;
}

.ask-julie-input::-webkit-input-placeholder{
    color:rgb(161, 161, 161);
}

.ask-julie-input:-ms-input-placeholder{
    color:rgb(161, 161, 161);
}

.ask-julie-input::-ms-input-placeholder{
    color:rgb(161, 161, 161);
}

.ask-julie-input::-moz-placeholder{
    color:rgb(161, 161, 161);
}

.ask-julie-input::placeholder{
    color:rgb(161, 161, 161);
}

.search-button{
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 700;
    color: #6e6e71;
}

.d-block{
    display: block;
}

.d-inline-block{
    display: inline-block;
}

.m-auto{
    margin-left: auto;
    margin-right: auto;
}

.peopleSearchContent{
    color: #fff;
    text-align: center;
}

.peopleSearchContent input[type="submit"], .peopleSearchContent input[type="text"]{
    margin-left: auto;
    margin-right: auto;
}

.peopleSearchContent input[type="text"]{
    margin-left: 5px;
    border:none!important;
}


.peopleSearchContent input, .peopleSearchContent select{
    color: #6E6E71;
}

.peopleSearchContent select{
    background: #fff;
    border: none;
    padding: 5px;
    height: 30px;
}

.peopleSearchContent h4{
    display: none;
    visibility: hidden;
}

.input-btn:hover{
    fill: #8DC73F;
}

.header-intranet{
    margin-top: 15px;
    font-size: 48px;
    font-weight: 700;
    color: #0268A3;
}

.homeBoxInside > a {
    height: 130px;
    display: block;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-intro{
    display: block;
    display: flex;
    align-items: center;
}

.gSearch{
    height: 32px;
    border-radius: 32px;
    border: 1px solid #dfe1e5;
    width: 100%;
    padding-left: 40px;
}

.gSearch:focus{
    outline: none;
    box-shadow: none;
}

.gSearch:focus + .gIcon{
    transform: rotate(360deg);
    transition: .5s;
}

.gButton{
    position: absolute;
    top: 1px;
    right: 10px;
    width: 40px;
    height: 32px;
    background: none;
    border: none;
    text-align: left;
    background-image: url("/images/search.svg");
    background-repeat: no-repeat;
    background-position: 2px 5px;
}

.gIcon{
    position: absolute;
    top: 8px;
    left: 32px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 7px;
    font-size: 12px;
}

.home-link:hover{
    text-decoration: none;
}

.btn-print{
    background-image: url("/images/printer-white.svg");
    background-color: #8cc540;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 37px;
    color: #fff;
    background-size: 16px;
}

.news-date{
    position: absolute;
    top: 25px;
    left: 30px;
}

.btn-rounded{
    display: block;
    height: 32px;
    border-radius: 32px;
    background: #FEC91C;
    border: 1px solid #FEC91C;
    color: #000;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    font-size: 12px;
}

.compliments{
    height: 498px;
    margin-bottom: 1.5em;
}

.footer-logo-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px 15px;
}

.footer-regulators{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}