/* 05-Aug-2020 */
@font-face {
    font-family: new johnson bold;
    src: url(../../fonts/johnson/NJFont-BookBold.eot);
    src: url(../../fonts/johnson/NJFont-BookBold.eot?#iefix) format("embedded-opentype"), url(../../fonts/johnson/NJFont-BookBold.woff) format("woff"), url(../../fonts/johnson/NJFont-BookBold.otf) format("opentype"), url(../../fonts/johnson/NJFont-BookBold.svg) format("svg")
}

@font-face {
    font-family: new johnson;
    src: url(../../fonts/johnson/NJFont-Book.eot);
    src: url(../../fonts/johnson/NJFont-Book.eot?#iefix) format("embedded-opentype"), url(../../fonts/johnson/NJFont-Book.woff) format("woff"), url(../../fonts/johnson/NJFont-Book.otf) format("opentype"), url(../../fonts/johnson/NJFont-Book.svg) format("svg")
}

@font-face {
    font-family: nj signing;
    src: url(../../fonts/johnson/njfontsigning-medium.eot);
    src: url(../../fonts/johnson/njfontsigning-medium.eot?#iefix) format("embedded-opentype"), url(../../fonts/johnson/njfontsigning-medium.woff) format("woff"), url(../../fonts/johnson/njfontsigning-medium.ttf) format("truetype"), url(/static/1/assets/fonts/njfontsigning-medium.svg#njfontsigning-medium) format("svg")
}

@font-face {
    font-family: johnston100-hairline;
    src: url(/cdn/static/assets/fonts/Johnston100-Hairline.woff2) format("woff2"), url(/cdn/static/assets/fonts/Johnston100-Hairline.woff) format("woff")
}

@font-face {
    font-family: johnston100-light;
    src: url(../../fonts/johnson/Johnston100-Light.woff2) format("woff2"), url(../../fonts/johnson/Johnston100-Light.woff) format("woff")
}

@font-face {
    font-family: johnston100-medium;
    src: url(../../fonts/johnson/Johnston100-Medium.woff2) format("woff2"), url(../../fonts/johnson/Johnston100-Medium.woff) format("woff")
}

@font-face {
    font-family: johnston100-regular;
    src: url(../../fonts/johnson/Johnston100-Regular.woff2) format("woff2"), url(../../fonts/johnson/Johnston100-Regular.woff) format("woff")
}

html, body {
    font-family: Johnston100-Light, Arial, Helvetica, sans-serif;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
h1, .h1, h2, .h2, h3, .h3 {
    font-family: Johnston100-Regular,Arial,Helvetica,sans-serif;
}
a:hover { text-decoration: none; }


.home_box_cnt .box_txt p {
    font-size: 16px;
    line-height: 153.333%;
}
.home_box_cnt .box_txt h3 {
    font-size: 20px;
    line-height: 25px;
    color: #2d3039;
}
.home_box_cnt .box_txt h3 a { color: #2d3039!important; }
.home_box_cnt .box_txt h3 a:hover { color: #1a5a92!important; }
.home_box_cnt .box_txt h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.home_box_cnt { padding: 20px 0 30px; }
.home_box_cnt:hover .box_txt {
    border-bottom-color: #2070b0;
    background-color: #eff6fd;
}
.box_txt h2 {
    background: rgba(31,32,37,.9)!important;
	/* text-transform: none; */
	font-size: 20px;
	white-space: nowrap;
    padding: 15px 30px 15px 15px;
    border-bottom: 3px solid #121315;
}
.home_box:hover .box_txt h2 {
    border-bottom-color: #2070b0;
}
.box_txt h2:after {
    background-image: url(https://tfl.gov.uk/static/1/images/vsprite_x2.6cea7f1f.png);
    background-size: 96px 3744px;
    height: 32px;
    width: 32px;
    background-position: -32px -640px;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
}
footer {
    border-top: 3px solid #ccc;
    background-color: #202329;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0px,#292C34),color-stop(6px,#373D48),color-stop(300px,#1F2329));
    background-image: -webkit-linear-gradient(#292C34 0px,#373D48 6px,#1F2329 300px);
    background-image: linear-gradient(#292C34 0px,#373D48 6px,#1F2329 300px);
}
.secondary-footer {
    background-color: #2c2f38;
    padding: 11px 3%;
    float: left;
    width: 100%;
}
.r {
    max-width: 1140px;
    min-width: 300px;
    position: relative;
    display: block;
    margin: 0 auto;
    zoom: 1;
}
.secondary-footer ul {
    list-style-type: none;
    margin-bottom: 0;
}
.secondary-footer li {
    float: left;
    margin: 0 1% 0 0;
}
.secondary-footer a {
    color: #6cc!important;
    text-decoration: underline;
    font-size: 14px;
}
.visually-hidden, .assistive-text, .assistive-button {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.secondary-footer span.heading {
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
    float: right;
    display: block;
}
.ftr_txt, .footer-logos p {
    color: #cdcdcd;
    font-size: 14px;
}
.home_box:hover .box_bg {
    transform: none;
}
.topMenuBar {
    font-size: 16px;
    /* font-family: Johnston100-Regular,Arial,Helvetica,sans-serif; */
}
.topMenuBar .navbar-brand {
    height: auto;
}
.topMenuBar .menuItems {
    margin-top: 22px;
}
#back_top {
    border-bottom: 3px solid #2070b0;
}
#back_top:hover {
    border-bottom: 3px solid #000;
}
.topMenuBar .dropdown-menu>li>a {
    font-size: 16px;
    padding-bottom: 10px;
}
.topMenuBar .dropdown-menu>li>a:hover {
    text-decoration: underline;
}

.about_us_content iframe {
    width: 100%;
    border: 0;
}

.ytp-chrome-top {
    display: none!important;
}

.blog_listing .column .box > a {
    background: #eee;
    color: #2d3039;
    border-bottom: 3px solid #999;
    transition: all .1s;
}

.column .box:hover a {
    border-bottom-color: #2070b0;
    background-color: #eff6fd;
}

.blog_listing .column .box .date {
    font-size: 20px;
    letter-spacing: 0;
    font-family: Johnston100-Regular,Arial,Helvetica,sans-serif!important;
}

.all_events.casestudies .column .box > a {
    background: #eee;
    color: #2d3039;
    border-bottom: 3px solid #999;
    transition: all .1s;
}
.all_events.casestudies .column .box .pdf_head {
    font-size: 20px;
}
.all_events.casestudies .column .box:hover a {
    background: #eff6fd;
    border-bottom-color: #2070b0;
}
.all_events.casestudies .column .box a .by-head {
    font-style: normal;
    font-size: 13px;
}

.resource-action { position: relative; }
.resource-action:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;    
    height: 32px;
    width: 32px;
    content: "\f019";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
}
.cih-action { position: relative; }
.cih-action:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;    
    height: 32px;
    width: 32px;
    content: "\f054";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
}

.page_description {
    font-size: 16px;
}

.wwf_btn {
    cursor: default;
}

.about_us_content .container {
    padding: 0;
    margin: 0;
}