/* ============================================
General Styling
============================================ */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700&display=swap');

body a {
    color: #688721;
}

body .entry-content p a{
    font-weight: bold;
}

.page article.page .entry-content .niu-textbox-link-styling ul {
    padding-left: 20px;
}

.page article.page .entry-content .niu-textbox-link-styling a,
.single .era-single-post article .entry-content a {
    color: #688721;
}

.page article.page .entry-content .niu-textbox-link-styling a:hover,
.single .era-single-post article .entry-content a:hover {
    text-decoration: none;
}

ul, ol {
    padding-left: 20px !important;
}

/* ============================================
Shortcode: Taxonomy Categories Block Styling
============================================ */
.era-topics-categories-section {
    position: relative;
    height: 180px;
}

.era-topics-categories-section .era-topics-absolute {
    position: absolute;
    z-index: 9;
    top: -80px;
    left: 0;
    right: 0;
}

.era-topics-categories-section .topic-cat-post .topic-cat-image {
    height: 160px;
    border-radius: 15px;
    margin-bottom: 20px;
    background-size: cover !important;
}

.era-topics-categories-section .topic-cat-post .topic-cat-image .topic-cat-img {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
}

.era-topics-categories-section .topic-cat-post .topic-cat-title {
    text-align: center;
}

.era-topics-categories-section .topic-cat-post .topic-cat-title a {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px;
    color: #000;
}

.era-topics-categories-section .topic-cat-post .topic-cat-title a:hover {
    text-decoration: none;
}

.era-topics-categories-section .topic-cat-post .topic-cat-desc p {
    font-weight: 100;
    font-size: 14px;
    color: #929298;
    margin-bottom: 20px;
}

.era-topics-categories-section .topic-cat-post .topic-cat-button .topic-cat-button-left a {
    color: #53671C;
    text-decoration: none;
    box-shadow: none;
}

.era-topics-categories-section .topic-cat-post .topic-cat-button .topic-cat-button-right {
    text-align: right;
}

.era-topics-categories-section .topic-cat-post .topic-cat-button .topic-cat-button-right a {
    color: #9C9C9C;
    text-decoration: none;
    box-shadow: none;
    font-size: 12px;
}

/* ============================================
VC Element: VC Icon Box Block Styling
============================================ */
.era-icons-section {
    margin-top: 50px;
}

.era-icons-section .era-icon-section {
    text-align: center;
}

.era-icons-section .era-icon-section .icon-holder {
    margin-bottom: 25px;
}

.era-icons-section .era-icon-section .icon-holder .icon-holder-link {
    box-shadow: none !important;
    padding: 30px 30px 35px 30px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #818181;
    transition: ease 0.5s;
}

.era-icons-section .era-icon-section .icon-holder .icon-holder-link:hover {
    background-color: #ececec;
    transition: ease 0.5s;
}

.era-icons-section .era-icon-section .icon-holder .icon-holder-link img {
    box-shadow: none !important;
    width: 50px;
    height: 50px;
}

.era-icons-section .era-icon-section .text-holder h4 {
    font-size: 14px;
    margin-top: 35px;
    font-weight: 700;
}

/* ============================================
Shortcode: Project Home Block Styling
============================================ */

.era-home-projects-section .projects-filter-container {
    text-align: center;
}

.era-home-projects-section .projects-filter-container .filter-item {
    cursor: pointer;
    display: inline-block;
    transition: background-color .1s linear;
    padding: 4px 10px;
    border-radius: 30px;
    margin: 0 5px 5px 0;
}

.era-home-projects-section .projects-filter-container .filter-item.active {
    background-color: #EBEBEB;
}

.era-home-projects-section .projects-filter-container .filter-item:not(:first-child) {
    margin-left: 15px;
}

.era-home-projects-post {
    height: 520px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
    border-right: 1px solid #fff;
}

.era-home-projects-post.no-featured-image {
    background-color: #ccc;
}

.era-home-projects-post:last-child {
    border-right: none;
}

.era-home-projects-post .era-home-project-link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    transition: ease 0.5s;
    opacity: 0.7;
    box-shadow: none;
}

.era-home-projects-post .era-home-project-link:hover {
    box-shadow: none;
    opacity: 1;
    transition: ease 0.5s;
}

.era-home-projects-post .era-home-project-title {
    position: absolute;
    bottom: 150px;
    width: 100%;
    padding: 0 5%;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif !important;
}

.era-home-projects-post .era-home-project-excerpt {
    position: absolute;
    bottom: 55px;
    padding: 0 10% 0 5%;
    color: #fff;
    line-height: 1.4;
    font-size: 15px;
    min-height: 79px;
    font-family: Arial, Helvetica, sans-serif !important;
}

.era-topic-projects-button {
    text-align: center;
    margin: 50px 0;
}

.era-topic-projects-button a {
    color: #fff;
    box-shadow: none;
    padding: 15px 50px;
    background: #688721;
    border-radius: 40px;
    transition: ease 0.5s;
}

.era-topic-projects-button a:hover {
    box-shadow: none;
    text-decoration: none;
    color: #000;
    background: #fff;
    transition: ease 0.5s;
}

/* ============================================
Shortcode: Topics Home Block Styling
============================================ */
.era-topics-home-section .era-home-topics-filtering-category {
    padding-bottom: 30px;
}

.era-home-topics-filtering-types {
    padding-bottom: 50px;
}

.era-home-topics-filtering-types a {
    color: #9C9C9C;
    box-shadow: none;
    font-size: 17px;
    font-weight: 700;
    margin-right: 40px;
    padding-bottom: 5px;
}

.era-home-topics-filtering-types a:hover, #era-type-filtering a.type-selected,
.era-topic-archive-section .era-type-filtering a:hover, .era-topic-archive-section .era-type-filtering a.type-selected
.era-archive-section .era-type-filtering a:hover, .era-archive-section .era-type-filtering a.type-selected {
    text-decoration: none;
    border-bottom: 5px solid #688721;
    box-shadow: none !important;
    font-weight: 700;
    color: #000;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-image .era-home-topic-img,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-image .era-home-topic-img,
.era-archive-section .era-archive-post .era-home-archive-image .era-home-archive-img {
    height: 200px;
    background-size: cover !important;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-info .info,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-info .info,
.era-archive-section .era-archive-post .era-home-archive-info .info {
    background-color: #fff;
    padding: 30px 20px;
    margin-bottom: 40px;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-info .info .era-home-topic-date p,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-info .info .era-home-topic-date p,
.era-archive-section .era-archive-post .era-home-archive-info .info .era-home-archive-date p {
    font-size: 12px;
    color: #A6A6A6;
    margin-bottom: 10px;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-info .info .era-home-topic-title,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-info .info .era-home-topic-title,
.era-archive-section .era-archive-post .era-home-archive-info .info .era-home-archive-title {
    min-height: 80px;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-info .info .era-home-topic-title h3,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-info .info .era-home-topic-title h3,
.era-archive-section .era-archive-post .era-home-archive-info .info .era-home-archive-title h3 {
    font-size: 18px;
    font-weight: 700;
    min-height: 50px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
}

.era-archive-section .era-archive-post .era-home-archive-info .info .era-home-archive-title h3 a {
    color: inherit;
    text-decoration: none;
}

.era-topics-home-section .info .era-home-topic-button .era-home-topic-button-left a,
.era-topic-archive-section .era-topic-archive-post .info .era-home-topic-button .era-home-topic-button-left a,
.era-archive-section .era-archive-post .info .era-home-archive-button .era-home-archive-button-left a {
    color: #9C9C9C;
    text-decoration: none;
    box-shadow: none;
}

.era-topics-home-section .info .era-home-topic-button .era-home-topic-button-right,
.era-topic-archive-section .era-topic-archive-post .info .era-home-topic-button .era-home-topic-button-right,
.era-archive-section .era-archive-post .info .era-home-archive-button .era-home-archive-button-right {
    text-align: right;
}

.era-topics-home-section .info .era-home-topic-button .era-home-topic-button-right a,
.era-topic-archive-section .era-topic-archive-post .info .era-home-topic-button .era-home-topic-button-right a,
.era-archive-section .era-archive-post .info .era-home-archive-button .era-home-archive-button-right a {
    color: #9C9C9C;
    text-decoration: none;
    box-shadow: none;
    font-size: 12px;
    margin-right: 5px;
}

.era-topic-home-button {
    text-align: center;
    margin-top: 50px;
}

.era-topic-home-button a {
    color: #fff;
    box-shadow: none;
    padding: 15px 50px;
    background: #688721;
    border-radius: 40px;
    transition: ease 0.5s;
}

.era-topic-home-button a:hover {
    box-shadow: none;
    text-decoration: none;
    color: #000;
    background: #fff;
    transition: ease 0.5s;
}

/* ============================================
Shortcode: Topics Tax Styling
============================================ */
.era-topic-category-display .topic-cat {
    padding-bottom: 50px;
}

.era-topic-category-display .topic-cat .topic-cat-img {
    height: 200px;
    position: relative;
    background-size: cover !important;
}

.era-topic-category-display .topic-cat .topic-cat-img h4 {
    position: absolute;
    color: #fff;
    z-index: 100;
    padding: 0;
    margin: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.era-topic-archive-section .era-topic-archive-post {
    padding-bottom: 50px;
}


.era-topic-archive-section .era-topic-archive-post .era-home-topic-image {
    position: relative;
}

.era-topic-archive-section .era-topic-archive-post .topic-type-section {
    position: absolute;
    top: 0;
    padding: 10px 20px;
    font-size: 13px;
    color: #fff;
}

.era-topic-archive-section .blog-pagination .nav-prev,
.era-archive-section .blog-pagination .nav-prev {
    float: left;
}

.era-topic-archive-section .blog-pagination .nav-next,
.era-archive-section .blog-pagination .nav-next {
    float: right;
    text-align: right;
}

.era-topic-archive-section .blog-pagination .nav-prev a,
.era-topic-archive-section .blog-pagination .nav-next a,
.era-archive-section .blog-pagination .nav-prev a,
.era-archive-section .blog-pagination .nav-next a {
    color: #000;
    text-decoration: none;
    box-shadow: none;
    transition: ease 0.5s;
}


.era-topic-archive-section .blog-pagination .nav-prev a:hover,
.era-topic-archive-section .blog-pagination .nav-next a:hover,
.era-archive-section .blog-pagination .nav-prev a:hover,
.era-archive-section .blog-pagination .nav-next a:hover {
    transition: ease 0.5s;
    color: #688721;
}

/* ============================================
Shortcode: Video Playlist Block Styling
============================================ */
.era-home-video-section .video-list {
    padding: 0 40px;
}

.era-home-video-section .video-list .other-video-post {
    margin-bottom: 50px;
}

.era-home-video-section .video-list .other-video-post:last-child {
    margin-bottom: 0;
}

.era-home-video-section .video-list .other-video-post .other-video-image {
    height: 100px;
    margin-bottom: 0;
    background-size: cover !important;
}

.era-home-video-section .video-list .other-video-post .other-video-title {
    padding: 10px 15px;
    position: relative;
}

.era-home-video-section .video-list .other-video-post .other-video-title .read-more {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 11px;
    color: #688721;
    right: 0;
    text-align: right;
}

.era-home-video-section .video-list .other-video-post .other-video-title a {
    color: #fff;
    font-size: 17px;
    box-shadow: none;
    text-decoration: none;
    transition: ease 0.5s;
    margin-top: 20px;
}

.era-home-video-section .video-list .other-video-post .other-video-title a:hover {
    color: #688721;
    transition: ease 0.5s;
}

/* ============================================
Single Post: Single Post Styling
============================================ */
.era-single-post {
    width: 100% !important;
    padding: 50px 0 !important;
}

.era-single-post .entry-content p {
    margin-bottom: 30px;
}

/* ============================================
Single Post: IPPC Post Styling
============================================ */

.ippc-post-content-container {
    margin-top: -6px;
}

body.single-ippc_installations .meta-item {
    padding-bottom: 20px;
}

body.single-ippc_installations .meta-item.permit {
    display: flex;
}

body.single-ippc_installations .meta-item-title, body.single-ippc_installations .meta-item-content {
    width: 49%;
    display: inline-block;
}

body.single-ippc_installations .meta-item-title, body.single-ippc_installations .meta-item-content a {
    width: 100%;
    display: block;
}

body.single-ippc_installations .meta-item-subtitle {
    padding-left: 20px;
}

body.single-ippc_installations .primary-title-area {
    border-left: 6px solid #688721;
    padding-left: 10px;
    position: relative;
}

body.single-ippc_installations .primary-title-area h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    margin: 7px 0 40px 0;
}

/* ============================================
Job Listing Styling
============================================ */
.job_listings .position h3,
.job_listings .meta .job-type {
    color: #688721 !important;
}

.job_listings .job_listing > a {
    box-shadow: none;
}

.single_job_listing .company img {
    display: none;
}

.single_job_listing .company .name .website,
.single_job_listing .location .google_map_link {
    color: #688721;
    box-shadow: none;
}

.single_job_listing .job-type {
    background-color: #688721 !important;
}

.single_job_listing .job_application input[type="button"] {
    background-color: #688721 !important;
    border: 1px solid #688721;
    transition: ease 0.5s;
}

.single_job_listing .job_application input[type="button"]:hover {
    background-color: #fff !important;
    transition: ease 0.5s;
    color: #688721;
}

/* ============================================
Gravity Form Styling
============================================ */
.contact-form-section {
    padding: 0 10%;
}

/* ============================================
Gravity Form Styling
============================================ */
.ginput_container input,
.ginput_container textarea {
    padding: 15px 14px !important;
    border: 1px solid #688721;
}

.ginput_container input::placeholder,
.ginput_container textarea::placeholder {
    color: #CECECE !important;
}

.gform-label-visible label {
    display: block !important;
}

.gform_button {
    background-color: #688721 !important;
    border: 1px solid #688721;
    transition: ease 0.5s;
}

.gform_button:hover {
    background-color: #fff !important;
    transition: ease 0.5s;
    color: #688721;
}

.ginput_container_consent .gfield_consent_label a {
    color: #688721;
}

/* ============================================
Search: Search Page
============================================ */
.search-form-section {
    padding: 50px 0 !important;
    width: 100% !important;
}

.search-form-section article {
    padding: 40px 0 0 0 !important;
}

.search-form-section article .entry-header {
    display: block !important;
    padding: 0 !important;
}

.search-form-section article .entry-header a {
    color: #688721;
    transition: ease 0.5s;
}

.era-404-section {
    padding-top: 50px;
}

/* ============================================
Careers: Career Archive Page Styling
============================================ */
.careers-table-archive tr {
    border-bottom: 2px solid #688721;
}

.careers-table-archive tr th,
.careers-table-archive tr td {
    padding: 10px;
}

.careers-table-archive tr .big-row {
    width: 60%;
}

.careers-table-archive .apply-here {
    color: #000;
    transition: ease 0.5s;
}

.careers-table-archive .apply-here:hover {
    color: #688721;
    transition: ease 0.5s;
    text-decoration: none;
}


.era-careers-section .blog-pagination .nav-prev {
    float: left;
}

.era-careers-section .blog-pagination .nav-next {
    float: right;
    text-align: right;
}

.era-careers-section .blog-pagination .nav-next a,
.era-careers-section .blog-pagination .nav-prev a {
    color: #000;
    text-decoration: none;
    box-shadow: none;
    transition: ease 0.5s;
}

.era-careers-section .blog-pagination .nav-next a:hover {
    transition: ease 0.5s;
    color: #688721;
}

/* ============================================
Careers: Subscribe to Vacancies Button
============================================ */
.subscribe-vacancies-button:hover {
    background-color: #5a6f1c !important;
    transition: background-color 0.3s;
}

.careers-subscribe-section {
    margin-bottom: 20px;
}

#careers-subscribe-modal {
    font-family: inherit;
}

#careers-subscribe-modal input,
#careers-subscribe-modal select {
    font-family: inherit;
}

#careers-subscribe-modal .close-modal:hover {
    color: #333;
}

/* ============================================
Careers: Single Career Page
============================================ */
.era-single-career-post {
    width: 100% !important;
    padding: 50px 0;
}

.era-single-career-post .career-meta {
    padding-bottom: 50px;
}

.era-single-career-post .career-image-section {
    background-size: contain !important;
}

.era-single-career-post .career-info-section {
    padding: 20px 0 20px 60px;
}

.era-single-career-post .career-info-section h3 span {
    color: #688721;
}

.era-single-career-post .career-info-section p {
    margin-bottom: 10px;
    font-size: 15px;
    float: left;
    width: 40%;
}

.era-single-career-post .career-info-section p a {
    color: #000;
    transition: 0.5s;
}

.era-single-career-post .career-info-section p a:hover {
    color: #688721;
    text-decoration: none;
    transition: 0.5s;
}

.era-single-career-post .career-info-section i {
    color: #688721;
}

.era-single-career-post .apply-here-section {
    padding-top: 30px;
}

.era-single-career-post .apply-here-section .apply-here-button {
    padding: 20px 40px;
    background-color: #688721;
    border: 1px solid #688721;
    color: #fff !important;
    transition: ease 0.5s;
    display: inline-block;
}

.era-single-career-post .apply-here-section .apply-here-button:hover {
    background-color: #fff;
    color: #688721 !important;
    transition: ease 0.5s;
}

.era-single-career-post .career-form-section {
    padding: 10px 5%;
    display: none;
}

/* ============================================
Topics: Category Pages
============================================ */
.era-single-topic-category-post,
.archive-content-area{
    width: 100% !important;
    padding: 50px 0;
}

.era-topics-category-children .topic-child-cat {
    margin-bottom: 32px;
}

.era-topics-category-children .topic-child-cat .topic-child-cat-image {
    height: 160px;
    border-radius: 15px;
    margin-bottom: 20px;
    background-size: cover !important;
}

.era-topics-category-children .topic-child-cat .topic-child-cat-image .image-container {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
}

.era-topics-category-children .topic-child-cat .topic-child-cat-image .topic-child-background {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
    background-color: #CCCCCC;
}

.era-topics-category-children .topic-child-cat .topic-child-cat-image .topic-link {
    width: 100%;
    height: 100%;
    display: block;
}

.era-topics-category-children .topic-child-cat .title-container {
    text-align: center;
}

.era-topics-category-children .topic-child-cat .title-container .topic-title {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px;
    color: #000;
}

.era-topics-category-children .topic-child-cat .title-container .topic-title:hover {
    text-decoration: none;
}

.child-category-posts-container .single-topic-post {
    margin-bottom: 30px;
}

.child-category-posts-container .single-topic-post .era-topic-post-image a .image-container {
    height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.child-category-posts-container .single-topic-post .era-topic-post-description .description-container {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 10px;
}

.child-category-posts-container .era-topic-post-description .description-container .post-date {
    font-size: 12px;
    color: #A6A6A6;
    margin-bottom: 10px;
}

.child-category-posts-container .era-topic-post-description .description-container .post-title h3 {
    font-size: 18px;
    font-weight: 700;
    min-height: 40px;
}

.child-category-posts-container .era-topic-post-description .description-container .post-title h3 a {
    color: #000;
    text-decoration: none;
}

.child-category-posts-container .era-topic-post-description .description-container .post-link .read-more-left a {
    color: #9C9C9C;
    text-decoration: none;
}

.child-category-posts-container .era-topic-post-description .description-container .post-link .arrow-button-right {
    text-align: right;
}

.child-category-posts-container .era-topic-post-description .description-container .post-link .arrow-button-right a {
    color: #9C9C9C;
    text-decoration: none;
    box-shadow: none;
    font-size: 12px;
    margin-right: 5px;
}

.child-category-posts-container .pagination .pagination-link {
    cursor: pointer;
}

.child-category-posts-container .pagination .pagination-link.prev-page-link {
    margin-right: 15px;
}

.child-category-posts-container .pagination .pagination-link .loading-icon-ajax {
    display: none;
}

.single-era_topic article .entry-content ul {
    padding-left: 20px;
}

.single-era_topic article .entry-content a {
    color: #688721;
}

/** Topic Categories Sidebar styling */

.era-child-category-container .sidebar-container {
    width: 100% !important;
    float: left !important;
}

.era-child-category-container .sidebar-container .widget {
    list-style: none;
}

.era-child-category-container .sidebar-container .widget .category-link-item {
    border: 1px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0;
    cursor: pointer;
}

.era-child-category-container .sidebar-container .widget .category-link-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.era-child-category-container .sidebar-container .widget .category-link-item.child-item,
.era-child-category-container .sidebar-container .widget .category-link-item.ancestor-item {
    display: none;
}

.era-child-category-container .widget .category-link-item a,
.era-child-category-container .widget .category-link-item a:hover,
.era-child-category-container .widget .category-link-item a:focus {
    color: #fff;
    display: block;
    padding: 10px 15px;
}

.era-child-category-container .widget .category-link-item a .fa {
    margin-left: 10px;
}

.era-child-category-container .widget .category-link-item.top-parent {
    background-color: #2E3910 !important
}

.era-child-category-container .widget .category-link-item {
    background-color: #749027;
}

.era-child-category-container .widget .category-link-item.item-depth-2 {
    background-color: #3D4B15;
}

.era-child-category-container .widget .category-link-item.item-depth-3 {
    background-color: #4C5E1A;
}

.era-child-category-container .widget .category-link-item.item-depth-4 {
    background-color: #728245;
}

.era-child-category-container .widget .category-link-item.item-depth-5 {
    background-color: #919E6E;
}

.era-child-category-container .widget .category-link-item.item-depth-6 {
    background-color: #B0B997;
}

.era-child-category-container .widget .category-link-item.is-current-term,
.era-child-category-container .widget .category-link-item:hover,
.era-child-category-container .widget .category-link-item:focus {
    background-color: #53671C;
}

/* ============================================
Topics, Sea Responses, Public Consultation,
EIA Projects: Parent Category Pages
============================================ */

.era-post-cat-items-container .single-cat-item {
    margin-bottom: 32px;
}

.era-post-cat-items-container .single-cat-item .cat-image {
    height: 160px;
    border-radius: 15px;
    margin-bottom: 20px;
    background-size: cover !important;
}

.era-post-cat-items-container .single-cat-item .cat-image .image-container {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
}

.era-post-cat-items-container .single-cat-item .cat-image .cat-item-background {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
    background-color: #CCCCCC;
}

.era-post-cat-items-container .single-cat-item .cat-link {
    width: 100%;
    height: 100%;
    display: block;
}

.era-post-cat-items-container .single-cat-item .title-container {
    text-align: center;
}


.single-category-tile-item {
    margin-bottom: 20px;
}

.single-category-tile-item .category-image-container {
    height: 160px;
    border-radius: 15px;
    background-size: cover !important;
}

.single-category-tile-item .category-image-container .image {
    height: 100%;
    border-radius: 15px;
    background-size: cover;
}

.single-category-tile-item .category-background-container {
    height: 160px;
    border-radius: 15px;
    background-color: #ccc;
}

.single-category-tile-item .category-image-container .cat-link {
    width: 100%;
    height: 100%;
    display: block;
}

.single-category-tile-item .title-container {
    text-align: center;
}

.single-category-tile-item .title-container .cat-link {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px;
    color: #000;
}

/* ============================================
Table Data Category Pages
============================================ */

.category-posts-table-container .table thead {
    background-color: #688721;
    color: #fff;
}

.category-posts-table-container .table tbody a {
    color: #53671c;
}

.category-posts-table-container .pagination .pagination-link {
    cursor: pointer;
}

.category-posts-table-container .pagination .pagination-link.prev-page-link {
    margin-right: 15px;
}

.category-posts-table-container .pagination .pagination-link .loading-icon-ajax {
    display: none;
}

.projects-table tbody tr td:first-child {
    background-color: #688721;
}

.projects-table tbody tr td:first-child a {
    color: #fff;
}

/* ============================================
Projects and Public Consultations Single Post
============================================ */

.era-single-post .project-consultation-post-content .primary-title-area {
    border-left: 6px solid #688721;
    padding-left: 10px;
    position: relative;
}

.era-single-post .project-consultation-post-content .primary-title-area h1 {
    font-size: 26px;
    width: 470px;
    font-weight: normal;
    margin: 0;
}

.era-single-post .project-consultation-post-content .single-post-meta-content {
    margin: 0;
}

.single-post-meta-content .meta-group-container {
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 15px;
}

.single-post-meta-content .meta-group-container > div {
    margin-bottom: 5px;
}

.era-single-post .project-consultation-post-content .single-post-meta-content .meta-item-title {
    font-weight: bold;
}

.era-single-post .project-consultation-post-content .single-post-meta-content .disclaimer {
    font-style: italic;
}

.era-single-post .project-consultation-post-content .single-post-meta-content .other-documents-list {
    list-style: none;
}

@media screen and (max-width: 517px) {
    .era-single-post .project-consultation-post-content .primary-title-area h1 {
        font-size: 20px;
        width: 100%;
    }
}

/* ============================================
TablePress Styling
============================================ */

body .tablepress thead th {
    background-color: #688721;
    color: #fff;
}

body .tablepress.quarry-blasting-tables tbody tr td.column-1 {
    vertical-align: middle;
}

/* ============================================
Procurements Styling
============================================ */

.single-era_procurement .site-content .era-page-banner h3 {
    padding: 0 14%;
    font-size: 30px;
}

/* Set overlay CSS for background banners. Made hardcoded exceptions for 4 pages as they already had overlay. */
/* Several identifiers are defined here as there are some pages which have their banner already overlayed . */
.tax-era_topic_categories:not(.term-my-environment, .term-environmental-assessment, .term-environmental-permitting, .term-environmental-and-enforcement-compliance) .site-content .era-page-banner:after,
.tax-era_project_categories .site-content .era-page-banner:after,
.term-environmental-policy .site-content .era-page-banner:after,
.page-id-18550 .site-content .era-page-banner:after,
.page-id-22063 .site-content .era-page-banner:after,
.single.single-post .site-content .era-page-banner:after,
.single-era_topic .site-content .era-page-banner:after,
.era-page-banner.has-banner-image:after
/*.era-page-banner.image-not-found:after*/
{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.tax-era_procurement_categories .era-child-category-container .description-container .post-title a {
    font-size: 15px;
}

.search-results article .entry-summary a {
    color: #53671c;
}

.ippc-summary-container a {
    color: #53671c;
}


/* ============================================
General Styling
============================================ */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700&display=swap');


.page article.page .entry-content .niu-textbox-link-styling ul {
    padding-left: 20px;
}

.page article.page .entry-content .niu-textbox-link-styling a,
.single .era-single-post article .entry-content a {
    color: #688721;
}

.page article.page .entry-content .niu-textbox-link-styling a:hover,
.single .era-single-post article .entry-content a:hover {
    text-decoration: none;
}

/* ============================================
Shortcode: Taxonomy Categories Block Styling
============================================ */
.era-topics-categories-section {
    position: relative;
    height: 180px;
}

.era-topics-categories-section .era-topics-absolute {
    position: absolute;
    z-index: 9;
    top: -80px;
    left: 0;
    right: 0;
}

.era-topics-categories-section .topic-cat-post .topic-cat-image {
    height: 160px;
    border-radius: 15px;
    margin-bottom: 20px;
    background-size: cover !important;
}

.era-topics-categories-section .topic-cat-post .topic-cat-image .topic-cat-img {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
}

.era-topics-categories-section .topic-cat-post .topic-cat-title {
    text-align: center;
}

.era-topics-categories-section .topic-cat-post .topic-cat-title a {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px;
    color: #000;
}

.era-topics-categories-section .topic-cat-post .topic-cat-title a:hover {
    text-decoration: none;
}

.era-topics-categories-section .topic-cat-post .topic-cat-desc p {
    font-weight: 100;
    font-size: 14px;
    color: #929298;
    margin-bottom: 20px;
}

.era-topics-categories-section .topic-cat-post .topic-cat-button .topic-cat-button-left a {
    color: #688721;
    text-decoration: none;
    box-shadow: none;
}

.era-topics-categories-section .topic-cat-post .topic-cat-button .topic-cat-button-right {
    text-align: right;
}

.era-topics-categories-section .topic-cat-post .topic-cat-button .topic-cat-button-right a {
    color: #9C9C9C;
    text-decoration: none;
    box-shadow: none;
    font-size: 12px;
}

/* ============================================
VC Element: VC Icon Box Block Styling
============================================ */
.era-icons-section {
    margin-top: 50px;
}

.era-icons-section .era-icon-section {
    text-align: center;
}

.era-icons-section .era-icon-section .icon-holder {
    margin-bottom: 25px;
}

.era-icons-section .era-icon-section .icon-holder .icon-holder-link {
    box-shadow: none !important;
    padding: 30px 30px 35px 30px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #818181;
    transition: ease 0.5s;
}

.era-icons-section .era-icon-section .icon-holder .icon-holder-link:hover {
    background-color: #ececec;
    transition: ease 0.5s;
}

.era-icons-section .era-icon-section .icon-holder .icon-holder-link img {
    box-shadow: none !important;
    width: 50px;
    height: 50px;
}

.era-icons-section .era-icon-section .text-holder h4 {
    font-size: 14px;
    margin-top: 35px;
    font-weight: 700;
}

/* ============================================
Shortcode: Project Home Block Styling
============================================ */

.era-home-projects-section .projects-filter-container {
    text-align: center;
}

.era-home-projects-section .projects-filter-container .filter-item {
    cursor: pointer;
    display: inline-block;
    transition: background-color .1s linear;
    padding: 4px 10px;
    border-radius: 30px;
    margin: 0 5px 5px 0;
}

.era-home-projects-section .projects-filter-container .filter-item.active {
    background-color: #EBEBEB;
}

.era-home-projects-section .projects-filter-container .filter-item:not(:first-child) {
    margin-left: 15px;
}

.era-home-projects-post {
    height: 520px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
    border-right: 1px solid #fff;
}

.era-home-projects-post.no-featured-image {
    background-color: #ccc;
}

.era-home-projects-post:last-child {
    border-right: none;
}

.era-home-projects-post .era-home-project-link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    transition: ease 0.5s;
    opacity: 0.7;
    box-shadow: none;
}

.era-home-projects-post .era-home-project-link:hover {
    box-shadow: none;
    opacity: 1;
    transition: ease 0.5s;
}

.era-home-projects-post .era-home-project-title {
    position: absolute;
    bottom: 150px;
    width: 100%;
    padding: 0 5%;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif !important;
}

.era-home-projects-post .era-home-project-excerpt {
    position: absolute;
    bottom: 55px;
    padding: 0 10% 0 5%;
    color: #fff;
    line-height: 1.4;
    font-size: 15px;
    min-height: 79px;
    font-family: Arial, Helvetica, sans-serif !important;
}

.era-topic-projects-button {
    text-align: center;
    margin: 50px 0;
}

.era-topic-projects-button a {
    color: #fff;
    box-shadow: none;
    padding: 15px 50px;
    background: #688721;
    border-radius: 40px;
    transition: ease 0.5s;
}

.era-topic-projects-button a:hover {
    box-shadow: none;
    text-decoration: none;
    color: #000;
    background: #fff;
    transition: ease 0.5s;
}

/* ============================================
Shortcode: Topics Home Block Styling
============================================ */
.era-topics-home-section .era-home-topics-filtering-category {
    padding-bottom: 30px;
}

.era-home-topics-filtering-types {
    padding-bottom: 50px;
}

.era-home-topics-filtering-types a {
    color: #9C9C9C;
    box-shadow: none;
    font-size: 17px;
    font-weight: 700;
    margin-right: 40px;
    padding-bottom: 5px;
}

.era-home-topics-filtering-types a:hover, #era-type-filtering a.type-selected,
.era-topic-archive-section .era-type-filtering a:hover, .era-topic-archive-section .era-type-filtering a.type-selected
.era-archive-section .era-type-filtering a:hover, .era-archive-section .era-type-filtering a.type-selected {
    text-decoration: none;
    border-bottom: 5px solid #688721;
    box-shadow: none !important;
    font-weight: 700;
    color: #000;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-image .era-home-topic-img,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-image .era-home-topic-img,
.era-archive-section .era-archive-post .era-home-archive-image .era-home-archive-img {
    height: 200px;
    background-size: cover !important;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-info .info,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-info .info,
.era-archive-section .era-archive-post .era-home-archive-info .info {
    background-color: #fff;
    padding: 30px 20px;
    margin-bottom: 40px;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-info .info .era-home-topic-date p,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-info .info .era-home-topic-date p,
.era-archive-section .era-archive-post .era-home-archive-info .info .era-home-archive-date p {
    font-size: 12px;
    color: #A6A6A6;
    margin-bottom: 10px;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-info .info .era-home-topic-title,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-info .info .era-home-topic-title,
.era-archive-section .era-archive-post .era-home-archive-info .info .era-home-archive-title {
    min-height: 80px;
}

.era-topics-home-section .era-home-topic-post .era-home-topic-info .info .era-home-topic-title h3,
.era-topic-archive-section .era-topic-archive-post .era-home-topic-info .info .era-home-topic-title h3,
.era-archive-section .era-archive-post .era-home-archive-info .info .era-home-archive-title h3 {
    font-size: 18px;
    font-weight: 700;
    min-height: 50px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
}

.era-topics-home-section .info .era-home-topic-button .era-home-topic-button-left a,
.era-topic-archive-section .era-topic-archive-post .info .era-home-topic-button .era-home-topic-button-left a,
.era-archive-section .era-archive-post .info .era-home-archive-button .era-home-archive-button-left a {
    color: #9C9C9C;
    text-decoration: none;
    box-shadow: none;
}

.era-topics-home-section .info .era-home-topic-button .era-home-topic-button-right,
.era-topic-archive-section .era-topic-archive-post .info .era-home-topic-button .era-home-topic-button-right,
.era-archive-section .era-archive-post .info .era-home-archive-button .era-home-archive-button-right {
    text-align: right;
}

.era-topics-home-section .info .era-home-topic-button .era-home-topic-button-right a,
.era-topic-archive-section .era-topic-archive-post .info .era-home-topic-button .era-home-topic-button-right a,
.era-archive-section .era-archive-post .info .era-home-archive-button .era-home-archive-button-right a {
    color: #9C9C9C;
    text-decoration: none;
    box-shadow: none;
    font-size: 12px;
    margin-right: 5px;
}

.era-topic-home-button {
    text-align: center;
    margin-top: 50px;
}

.era-topic-home-button a {
    color: #fff;
    box-shadow: none;
    padding: 15px 50px;
    background: #688721;
    border-radius: 40px;
    transition: ease 0.5s;
}

.era-topic-home-button a:hover {
    box-shadow: none;
    text-decoration: none;
    color: #000;
    background: #fff;
    transition: ease 0.5s;
}

/* ============================================
Shortcode: Topics Tax Styling
============================================ */
.era-topic-category-display .topic-cat {
    padding-bottom: 50px;
}

.era-topic-category-display .topic-cat .topic-cat-img {
    height: 200px;
    position: relative;
    background-size: cover !important;
}

.era-topic-category-display .topic-cat .topic-cat-img h4 {
    position: absolute;
    color: #fff;
    z-index: 100;
    padding: 0;
    margin: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.era-topic-archive-section .era-topic-archive-post {
    padding-bottom: 50px;
}


.era-topic-archive-section .era-topic-archive-post .era-home-topic-image {
    position: relative;
}

.era-topic-archive-section .era-topic-archive-post .topic-type-section {
    position: absolute;
    top: 0;
    padding: 10px 20px;
    font-size: 13px;
    color: #fff;
}

.era-topic-archive-section .blog-pagination .nav-prev,
.era-archive-section .blog-pagination .nav-prev {
    float: left;
}

.era-topic-archive-section .blog-pagination .nav-next,
.era-archive-section .blog-pagination .nav-next {
    float: right;
    text-align: right;
}

.era-topic-archive-section .blog-pagination .nav-prev a,
.era-topic-archive-section .blog-pagination .nav-next a,
.era-archive-section .blog-pagination .nav-prev a,
.era-archive-section .blog-pagination .nav-next a {
    color: #000;
    text-decoration: none;
    box-shadow: none;
    transition: ease 0.5s;
}


.era-topic-archive-section .blog-pagination .nav-prev a:hover,
.era-topic-archive-section .blog-pagination .nav-next a:hover,
.era-archive-section .blog-pagination .nav-prev a:hover,
.era-archive-section .blog-pagination .nav-next a:hover {
    transition: ease 0.5s;
    color: #688721;
}

/* ============================================
Shortcode: Video Playlist Block Styling
============================================ */
.era-home-video-section .video-list {
    padding: 0 40px;
}

.era-home-video-section .video-list .other-video-post {
    margin-bottom: 50px;
}

.era-home-video-section .video-list .other-video-post:last-child {
    margin-bottom: 0;
}

.era-home-video-section .video-list .other-video-post .other-video-image {
    height: 100px;
    margin-bottom: 0;
    background-size: cover !important;
}

.era-home-video-section .video-list .other-video-post .other-video-title {
    padding: 10px 15px;
    position: relative;
}

.era-home-video-section .video-list .other-video-post .other-video-title .read-more {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 11px;
    color: #688721;
    right: 0;
    text-align: right;
}

.era-home-video-section .video-list .other-video-post .other-video-title a {
    color: #fff;
    font-size: 17px;
    box-shadow: none;
    text-decoration: none;
    transition: ease 0.5s;
    margin-top: 20px;
}

.era-home-video-section .video-list .other-video-post .other-video-title a:hover {
    color: #688721;
    transition: ease 0.5s;
}

/* ============================================
Single Post: Single Post Styling
============================================ */
.era-single-post {
    width: 100% !important;
    padding: 50px 0 !important;
}

.era-single-post .entry-content p {
    margin-bottom: 30px;
}

/* ============================================
Single Post: IPPC Post Styling
============================================ */

.ippc-post-content-container {
    margin-top: -6px;
}

body.single-ippc_installations .meta-item {
    padding-bottom: 20px;
}

body.single-ippc_installations .meta-item-title, body.single-ippc_installations .meta-item-content {
    width: 49%;
    display: inline-block;
}

body.single-ippc_installations .meta-item-subtitle {
    padding-left: 20px;
}

body.single-ippc_installations .primary-title-area {
    border-left: 6px solid #688721;
    padding-left: 10px;
    position: relative;
}

body.single-ippc_installations .primary-title-area h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    margin: 7px 0 40px 0;
}


/* ============================================
Job Listing Styling
============================================ */
.job_listings .position h3,
.job_listings .meta .job-type {
    color: #688721 !important;
}

.job_listings .job_listing > a {
    box-shadow: none;
}

.single_job_listing .company img {
    display: none;
}

.single_job_listing .company .name .website,
.single_job_listing .location .google_map_link {
    color: #688721;
    box-shadow: none;
}

.single_job_listing .job-type {
    background-color: #688721 !important;
}

.single_job_listing .job_application input[type="button"] {
    background-color: #688721 !important;
    border: 1px solid #688721;
    transition: ease 0.5s;
}

.single_job_listing .job_application input[type="button"]:hover {
    background-color: #fff !important;
    transition: ease 0.5s;
    color: #688721;
}

/* ============================================
Gravity Form Styling
============================================ */
.contact-form-section {
    padding: 0 10%;
}

/* ============================================
Gravity Form Styling
============================================ */
.ginput_container input,
.ginput_container textarea {
    padding: 15px 14px !important;
    border: 1px solid #688721;
}

.ginput_container input::placeholder,
.ginput_container textarea::placeholder {
    color: #CECECE !important;
}

.gform-label-visible label {
    display: block !important;
}

.gform_button {
    background-color: #688721 !important;
    border: 1px solid #688721;
    transition: ease 0.5s;
}

.gform_button:hover {
    background-color: #fff !important;
    transition: ease 0.5s;
    color: #688721;
}

.ginput_container_consent .gfield_consent_label a {
    color: #688721;
}

/* ============================================
Search: Search Page
============================================ */
.search-form-section {
    padding: 50px 0 !important;
    width: 100% !important;
}

.search-form-section article {
    padding: 40px 0 0 0 !important;
}

.search-form-section article .entry-header {
    display: block !important;
    padding: 0 !important;
}

.search-form-section article .entry-header a {
    color: #688721;
    transition: ease 0.5s;
}

.era-404-section {
    padding-top: 50px;
}

/* ============================================
Careers: Career Archive Page Styling
============================================ */
.careers-table-archive tr {
    border-bottom: 2px solid #688721;
}

.careers-table-archive tr th,
.careers-table-archive tr td {
    padding: 10px;
}

.careers-table-archive tr .big-row {
    width: 60%;
}

.careers-table-archive .apply-here {
    color: #000;
    transition: ease 0.5s;
}

.careers-table-archive .apply-here:hover {
    color: #688721;
    transition: ease 0.5s;
    text-decoration: none;
}


.era-careers-section .blog-pagination .nav-prev {
    float: left;
}

.era-careers-section .blog-pagination .nav-next {
    float: right;
    text-align: right;
}

.era-careers-section .blog-pagination .nav-next a,
.era-careers-section .blog-pagination .nav-prev a {
    color: #000;
    text-decoration: none;
    box-shadow: none;
    transition: ease 0.5s;
}

.era-careers-section .blog-pagination .nav-next a:hover {
    transition: ease 0.5s;
    color: #688721;
}

/* ============================================
Careers: Single Career Page
============================================ */
.era-single-career-post {
    width: 100% !important;
    padding: 50px 0;
}

.era-single-career-post .career-meta {
    padding-bottom: 50px;
}

.era-single-career-post .career-image-section {
    background-size: contain !important;
}

.era-single-career-post .career-info-section {
    padding: 20px 0 20px 60px;
}

.era-single-career-post .career-info-section h3 span {
    color: #688721;
}

.era-single-career-post .career-info-section p {
    margin-bottom: 10px;
    font-size: 15px;
    float: left;
    width: 40%;
}

.era-single-career-post .career-info-section p a {
    color: #000;
    transition: 0.5s;
}

.era-single-career-post .career-info-section p a:hover {
    color: #688721;
    text-decoration: none;
    transition: 0.5s;
}

.era-single-career-post .career-info-section i {
    color: #688721;
}

.era-single-career-post .apply-here-section {
    padding-top: 30px;
}

.era-single-career-post .apply-here-section .apply-here-button {
    padding: 20px 40px;
    background-color: #688721;
    border: 1px solid #688721;
    color: #fff !important;
    transition: ease 0.5s;
    display: inline-block;
}

.era-single-career-post .apply-here-section .apply-here-button:hover {
    background-color: #fff;
    color: #688721 !important;
    transition: ease 0.5s;
}

.era-single-career-post .career-form-section {
    padding: 10px 5%;
    display: none;
}

/* ============================================
Topics: Category Pages
============================================ */
.era-single-topic-category-post {
    width: 100% !important;
    padding: 50px 0;
}

.era-topics-category-children .topic-child-cat {
    margin-bottom: 32px;
}

.era-topics-category-children .topic-child-cat .topic-child-cat-image {
    height: 160px;
    border-radius: 15px;
    margin-bottom: 20px;
    background-size: cover !important;
}

.era-topics-category-children .topic-child-cat .topic-child-cat-image .image-container {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
}

.era-topics-category-children .topic-child-cat .topic-child-cat-image .topic-child-background {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
    background-color: #CCCCCC;
}

.era-topics-category-children .topic-child-cat .topic-child-cat-image .topic-link {
    width: 100%;
    height: 100%;
    display: block;
}

.era-topics-category-children .topic-child-cat .title-container {
    text-align: center;
}

.era-topics-category-children .topic-child-cat .title-container .topic-title {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px;
    color: #000;
}

.era-topics-category-children .topic-child-cat .title-container .topic-title:hover {
    text-decoration: none;
}

.child-category-posts-container .single-topic-post {
    margin-bottom: 30px;
}

.child-category-posts-container .single-topic-post .era-topic-post-image a .image-container {
    height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.child-category-posts-container .single-topic-post .era-topic-post-description .description-container {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 10px;
}

.child-category-posts-container .era-topic-post-description .description-container .post-date {
    font-size: 12px;
    color: #A6A6A6;
    margin-bottom: 10px;
}

.child-category-posts-container .era-topic-post-description .description-container .post-title h3 {
    font-size: 18px;
    font-weight: 700;
    min-height: 40px;
}

.child-category-posts-container .era-topic-post-description .description-container .post-title h3 a {
    color: #000;
    text-decoration: none;
}

.child-category-posts-container .era-topic-post-description .description-container .post-link .read-more-left a {
    color: #9C9C9C;
    text-decoration: none;
}

.child-category-posts-container .era-topic-post-description .description-container .post-link .arrow-button-right {
    text-align: right;
}

.child-category-posts-container .era-topic-post-description .description-container .post-link .arrow-button-right a {
    color: #9C9C9C;
    text-decoration: none;
    box-shadow: none;
    font-size: 12px;
    margin-right: 5px;
}

.child-category-posts-container .pagination .pagination-link {
    cursor: pointer;
}

.child-category-posts-container .pagination .pagination-link.prev-page-link {
    margin-right: 15px;
}

.child-category-posts-container .pagination .pagination-link .loading-icon-ajax {
    display: none;
}

.single-era_topic article .entry-content ul {
    padding-left: 20px;
}

.single-era_topic article .entry-content a {
    color: #688721;
}

/** Topic Categories Sidebar styling */

.era-child-category-container .sidebar-container {
    width: 100% !important;
    float: left !important;
}

.era-child-category-container .sidebar-container .widget {
    list-style: none;
}

/*.era-child-category-container .sidebar-container .widget .category-link-item {*/
/*    border: 1px solid #ddd;*/
/*    border-bottom-right-radius: 4px;*/
/*    border-bottom-left-radius: 4px;*/
/*    padding: 0;*/
/*    cursor: pointer;*/
/*}*/

/*.era-child-category-container .sidebar-container .widget .category-link-item:first-child {*/
/*    border-top-left-radius: 4px;*/
/*    border-top-right-radius: 4px;*/
/*}*/

/*.era-child-category-container .sidebar-container .widget .category-link-item.child-item,*/
/*.era-child-category-container .sidebar-container .widget .category-link-item.ancestor-item {*/
/*    display: none;*/
/*}*/

/*.era-child-category-container .widget .category-link-item a,*/
/*.era-child-category-container .widget .category-link-item a:hover,*/
/*.era-child-category-container .widget .category-link-item a:focus {*/
/*    color: #fff;*/
/*}*/

/*.era-child-category-container .widget .category-link-item a .fa {*/
/*    margin-left: 10px;*/
/*}*/

/*.era-child-category-container .widget .category-link-item.top-parent {*/
/*    background-color: #53671C !important*/
/*}*/

/*.era-child-category-container .widget .category-link-item {*/
/*    background-color: #749027;*/
/*}*/

/*.era-child-category-container .widget .category-link-item.parent-item:hover,*/
/*.era-child-category-container .widget .category-link-item.parent-item:focus {*/
/*    background-color: #688721;*/
/*}*/

/*!*.era-child-category-container .widget .category-link-item.child-item.open {*!*/
/*!*    background-color: #688721;*!*/
/*!*}*!*/

/*.era-child-category-container .widget .category-link-item.child-item:hover,*/
/*.era-child-category-container .widget .category-link-item.child-item:focus {*/
/*    background-color: #B7D760;*/
/*}*/

/*.era-child-category-container .widget .category-link-item.ancestor-item.open {*/
/*    background-color: #B7D760;*/
/*}*/

/*.era-child-category-container .widget .category-link-item.ancestor-item:hover,*/
/*.era-child-category-container .widget .category-link-item.ancestor-item:focus {*/
/*    background-color: #C9E188;*/
/*}*/

/* ============================================
Topics, Sea Responses, Public Consultation,
EIA Projects: Parent Category Pages
============================================ */

.era-post-cat-items-container .single-cat-item {
    margin-bottom: 32px;
}

.era-post-cat-items-container .single-cat-item .cat-image {
    height: 160px;
    border-radius: 15px;
    margin-bottom: 20px;
    background-size: cover !important;
}

.era-post-cat-items-container .single-cat-item .cat-image .image-container {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
}

.era-post-cat-items-container .single-cat-item .cat-image .cat-item-background {
    height: 100%;
    border-radius: 15px;
    background-size: cover !important;
    background-color: #CCCCCC;
}

.era-post-cat-items-container .single-cat-item .cat-link {
    width: 100%;
    height: 100%;
    display: block;
}

.era-post-cat-items-container .single-cat-item .title-container {
    text-align: center;
}

.era-post-cat-items-container .single-cat-item .title-container .cat-title {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px;
    color: #000;
}

.single-category-tile-item {
    margin-bottom: 20px;
}

.single-category-tile-item .category-image-container {
    height: 160px;
    border-radius: 15px;
    background-size: cover !important;
}

.single-category-tile-item .category-image-container .image {
    height: 100%;
    border-radius: 15px;
    background-size: cover;
}

.single-category-tile-item .category-background-container {
    height: 160px;
    border-radius: 15px;
    background-color: #ccc;
}

.single-category-tile-item .category-image-container .cat-link {
    width: 100%;
    height: 100%;
    display: block;
}

.single-category-tile-item .title-container {
    text-align: center;
}

.single-category-tile-item .title-container .cat-link {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px;
    color: #000;
}

/* ============================================
Table Data Category Pages
============================================ */

.category-posts-table-container .table thead {
    background-color: #688721;
    color: #fff;
}

.category-posts-table-container .table tbody a {
    color: #53671c;
}

.category-posts-table-container .pagination .pagination-link {
    cursor: pointer;
}

.category-posts-table-container .pagination .pagination-link.prev-page-link {
    margin-right: 15px;
}

.category-posts-table-container .pagination .pagination-link .loading-icon-ajax {
    display: none;
}

.projects-table tbody tr td:first-child {
    background-color: #688721;
}

.projects-table tbody tr td:first-child a {
    color: #fff;
}

/* ============================================
Projects and Public Consultations Single Post
============================================ */

.era-single-post .project-consultation-post-content .primary-title-area {
    border-left: 6px solid #688721;
    padding-left: 10px;
    position: relative;
}

.era-single-post .project-consultation-post-content .primary-title-area h1 {
    font-size: 26px;
    width: 470px;
    font-weight: normal;
    margin: 0;
}

.single-post-meta-content .meta-group-container {
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 15px;
}

.single-post-meta-content .meta-group-container > div {
    margin-bottom: 5px;
}

.era-single-post .project-consultation-post-content .single-post-meta-content .meta-item-title {
    font-weight: bold;
}

.era-single-post .project-consultation-post-content .single-post-meta-content .disclaimer {
    font-style: italic;
}

.era-single-post .project-consultation-post-content .single-post-meta-content .other-documents-list {
    list-style: none;
    display: inline-grid;
    padding-left: 3px !important;
}

@media screen and (max-width: 517px) {
    .era-single-post .project-consultation-post-content .primary-title-area h1 {
        font-size: 20px;
        width: 100%;
    }
}

/* ============================================
TablePress Styling
============================================ */

body .tablepress thead th {
    background-color: #688721;
    color: #fff;
}

body .tablepress.quarry-blasting-tables tbody tr td.column-1 {
    vertical-align: middle;
}

/* ============================================
Procurements Styling
============================================ */

.single-era_procurement .site-content .era-page-banner h3 {
    padding: 0 14%;
    font-size: 30px;
}

.tax-era_procurement_categories .era-child-category-container .description-container .post-title a {
    font-size: 15px;
}

.search-results article .entry-summary a {
    color: #53671c;
}


/* ============================================
Widget Styling
============================================ */

p {
    color: #231f20;
}

.aq-widget-section .aq-icons {
    position: absolute;
    right: 15px;
}

.aq-widget-section .aq-icons.aq-icon-graph {
    top: 30px;
}

.aq-widget-section .aq-icons.aq-icon-table {
    top: 60px;
}

.aq-widget-section .aq-icons.aq-icon-table .fa-table {
    color: #797B88;
    border-radius: 50%;
    border: 2px solid #797B88;
    padding: 2px;
    position: relative;
    font-size: 12px;
    font-weight: bold;
}

.aq-widget-section .aq-icons {
    position: absolute;
    right: 15px;
}

.aq-widget-section .aq-icons.aq-icon-graph {
    top: 30px;
}

.index-result {
    position: absolute;
    transform: translate(50%);
    width: 50%;
    left: 0;
    top: 45%;
    font-weight: bold;
    font-size: 21px;
}

.air-quality {
    letter-spacing: 2px;
    font-size: 16px;
}

.main-pollutant-acronym {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 62px;
}

.main-pollutant-acronym span.pollutant-integer {
    font-size: 30px;
    top: 5px;
    position: relative;
    right: 10px;
}

.index-result {
    position: absolute;
    transform: translate(50%);
    width: 50%;
    left: 0;
    top: 58%;
    font-weight: bold;
}

.air-quality-title {
    letter-spacing: 2px;
    font-size: 16px;
    color: #797B88;
}

.air-quality-type {
    font-weight: bold;
    color: #424258;
    font-size: 29px;
}

.main-pollutant-acronym {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 62px;
}

.main-pollutant-acronym span.pollutant-integer {
    font-size: 30px;
    top: 5px;
    position: relative;
    right: 10px;
}

.pollutants-title {
    font-weight: 700;
    color: #797B88;
    font-size: 22px;
    text-transform: uppercase !important;
}

.widget-date {
    font-size: 24px;
    color: #424258;
    font-weight: 400 !important;
}

.widget-update {
    font-size: 18px;
}

button.form-control {
    font-weight: 400 !important;
    font-size: 22px;
    color: #797B88;
    background-color: #fff !important;
    border-radius: 0 !important;
    box-shadow: 0 1px 10px 0 #f0f0f0 !important;
    border: 0;
}

button i.fa-chevron-down {
    position: relative;
    right: -25px;
    font-size: 12px !important;
    top: -3px;
}

.pollutant-widget {
    box-shadow: 0 1px 10px 0 #f0f0f0 !important;
    border-radius: 5px;
}

.pollutant-widget .pollutant-widget-row {
    max-height: 350px !important;
}

.widget-era-logo {
    width: 100px;
    margin: 0 auto;
}

.pollutant_acronym {
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #424258;
    font-weight: bold;
}

.pollutant_acronym .pollutant-integer {
    position: relative;
    right: 2px;
    font-size: 12px;
    top: 3px;
}

.pollutant-index, .pollutant-value {
    font-size: 14px;
    font-weight: 700;
}

.pollutant-value {
    margin-bottom: 0;
}

#aq_index_modal {
    margin-top: 90px;
    z-index: 10001;
}

#aq_index_modal .modal-dialog {
    max-width: 700px !important;
}

#aq_index_modal .modal-title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 28px;
    letter-spacing: 0;
    color: #424258;
}

#aq_index_modal a {
    color: #698822;
    font-weight: 700;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    display: none !important;
}

.pagination .page-item.active .page-link,
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus,
.pagination .page-item.active .page-link:hover {
    background-color: #698822 !important;
    border-color: #698822 !important;
    color: #ffffff !important;
    pointer-events: none;
}

a.toggle-vis {
    color: #698822;
    font-weight: 700;
}

a.toggle-vis.not-visible {
    text-decoration: line-through;
}

button.form-control.pollutant-avg-btn, a.form-control.pollutant-avg-btn.air-graph {
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    padding: 5px;
    border: 1px solid grey;
}

button.form-control.pollutant-avg-btn.air-graph, a.form-control.pollutant-avg-btn.air-graph {
    font-size: 15px !important;
    width: 100% !important;
    float: left;
    font-weight: 700 !important;
    box-shadow: none !important;
    padding: 5px;
    border: 1px solid grey;
}

a.form-control.pollutant-avg-btn.air-graph {
    background: none !important;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    color: #797B88 !important;
}

.pollutant-avg-btn .fa {
    right: 0;
    top: -2px;
}

#time_btn {
    margin-right: 20px;
}

#location_btn {
    width: 250px;
    box-shadow: none !important;
    font-size: 26px;
    color: #698822;
    border: 1px solid #698822;
}


@media screen and (max-width: 1399px) {
    #awDataTable_wrapper {
        overflow: scroll !important;
    }
}

@media screen and (max-width: 1024px) {
    button.form-control.pollutant-avg-btn, a.form-control.pollutant-avg-btn.air-graph {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    .pollutant-avg-btn {
        float: left !important;
        margin: 5px 0px !important;
    }

}


/** FILTERED AIR POLLUTION WIDGET **/

.filtered-air-widget .widget-date {
    font-size: 18px;
}

.filtered-air-widget .widget-update {
    font-size: 14px;
}

.filtered-air-widget #airStations {
    font-size: 15px;
}

.filtered-air-widget .pollutant-indicator img {
    width: 40px !important;
}

.filtered-air-widget .air-quality {
    font-size: 14px;
}

.filtered-air-widget button i.fa-chevron-down {
    right: -5px;
}

.filtered-air-widget .filtered-sub-pol .canvas-con {
    width: 60px;
    height: 37px !important;
    margin: 0 auto;
}

.filtered-air-widget .filtered-sub-pol .pollutant-index {
    font-size: 10px
}

.filtered-air-widget .filtered-sub-pol .pollutant-value {
    font-size: 12px;
}

.filtered-air-widget .filtered-sub-pol .pollutant_acronym {
    font-size: 14px
}

.filtered-air-widget .main-pollutant-acronym {
    font-size: 45px;
}

.filtered-air-widget .pollutants-title {
    font-size: 20px;
}

.filtered-air-widget .due_to {
    font-size: 16px;
}

.filtered-air-widget .widget-era-logo {
    width: 80px;
}

.filtered-air-widget canvas {
    pointer-events: none !important;
}

.hide-pollutant {
    display: none;
}

.hide {
    opacity: 0;
}

.aq-widget-section .aq-icons:hover {
    opacity: 0.7;
}


.processing-overlay {
    left: 50%;
    top: 50%;
    position: absolute;
}

.processing-overlay .spinner-con {
    animation: fa-spin 2s infinite linear;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.processing-overlay .fa-spinner {
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: #698822;
}


@media screen and (max-width: 1400px) {
    .filtered-sub-pol {
        width: 20% !important;
    }

    .air-quality {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .pollutant_acronym {
        font-size: 13px;
    }

    .pollutant-index, .pollutant-value {
        font-size: 12px;
    }
}

.home .wrap {
    padding-top: 0 !important;
}

@media screen and (max-width: 1255px) {

    .header-nav-bottom .header-nav-nav li {
        padding: 14px 8px;
    }

    .header-nav-bottom .header-nav-nav li a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1000px) {

    .header-nav-bottom .header-nav-nav li {
        padding: 14px 6px;
    }

    .header-nav-bottom .header-nav-nav li a {
        font-size: 13px;
    }
}

article ul li, article ol li {
    color: #231F20;
}

table {
    table-layout: fixed !important;
}

.term-environmental-assessment .era-topics-category-children > .row {
    justify-content: center;
}

.era-home-project-excerpt p {
    color: white;
}

.disclaimers .disclaimer p {
    color: black;
    font-size: 12px;
    line-height: 1.3;
}

.disclaimers .disclaimer h4 {
    font-style: normal;
    font-size: 16px;
}

.tablepress thead tr th {
    width: 100% !important;
}

.banner-container {
    width: 1400px;
    display: block;
    height: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 990px) {
    .banner-container {
        width: 100%;
    }
}

@media screen and (min-width: 991px) {
    .banner-container {
        width: 911px;
    }
}

@media screen and (min-width: 1200px) {
    .banner-container {
        width: 1200px;
    }
}

@media screen and (min-width: 1400px) {
    .banner-container {
        width: 1400px;
    }
}

.sub-menu {
    padding-left: 0 !important;
}

.cn-button {
    background-color: #688721 !important;
    background-image: none !important;
}

.search #search-tables {
    display: none;
}

.max-width-50 img {
    max-width: 50% !important;
}

span.pollutant-units {
    font-size: 12px;
    position: relative;
    color: grey;
    top: -5px;
}

.term-desc {
    margin-bottom: 25px;
}

.single-project-comments-section p {
    color: #000;
}

.archived-public-notice {
    text-align: center;
    padding: 20px 10%;
    border: 1px solid rgb(187, 187, 187);
    margin-bottom: 25px;
}

.archived-public-notice p {
    margin: 0;
    font-size: 16px;
}

.archived-public-notice p a:hover {
    color: black;
}

.remove_poll{
    display: none !important;
}

.vc_btn3-color-green {
    background-color: #688721 !important;
    font-weight: bold;
    font-size: 20px !important;
}

.vc_btn3-style-outline-custom{
    border-color: #688721 !important;
    color: #688721 !important;
    font-weight: bold;
    font-size: 20px;
}

.vc_btn3.vc_btn3-style-outline-custom:hover, .vc_btn3.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-style-outline:hover {
    background: #688721 !important;
    color: white !important;
}

body[class*="pojo-a11y-resize-font"] .cat-title{
    font-size: inherit !important;
}

body[class*="pojo-a11y-resize-font"] .topic-cat-title a{
    font-size: inherit !important;
}

body[class*="pojo-a11y-resize-font"] .era-home-topics filtering a
{
    font-size: inherit !important;
}

body[class*="pojo-a11y-resize-font"] .topic-title{
    font-size: inherit !important;
}

body[class*="pojo-a11y-resize-font"] .vc_btn3-size-lg{
    font-size: inherit !important;
}

body.pojo-a11y-high-contrast div.era-topic-post-image a:hover div,
body.pojo-a11y-high-contrast div[style*='background'],
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div[style*='background'],
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) div[style*='background']{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

body.pojo-a11y-high-contrast div.vc_icon_element-inner a,
body.pojo-a11y-high-contrast div.image-container a,
body.pojo-a11y-high-contrast div.topic-cat-img a,
body.pojo-a11y-high-contrast div.era-home-projects-post a,
body.pojo-a11y-high-contrast div.category-image-container a,
body.pojo-a11y-high-contrast div.vc_column-inner[class*="vc_custom_"][style*="background-image"],
body.pojo-a11y-high-contrast div.vc_column-inner[class*="vc_custom_"][style*="background-image"] div.wpb_wrapper,
body.pojo-a11y-high-contrast div.vc_column-inner[class*="vc_custom_"][style*="background-image"] div.wpb_wrapper div.vc_empty_space,
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div.vc_icon_element-inner a,
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div.image-container a,
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div.topic-cat-img a,
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div.era-home-projects-post a,
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div.category-image-container a,
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div.vc_column-inner[class*="vc_custom_"][style*="background-image"],
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div.vc_column-inner[class*="vc_custom_"][style*="background-image"] div.wpb_wrapper,
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div.vc_column-inner[class*="vc_custom_"][style*="background-image"] div.wpb_wrapper div.vc_empty_space,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) div.vc_icon_element-inner a,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) div.image-container a,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) div.topic-cat-img a,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) div.era-home-projects-post a,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) div.category-image-container a,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) div.vc_column-inner[class*="vc_custom_"][style*="background-image"],
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) div.vc_column-inner[class*="vc_custom_"][style*="background-image"] div.wpb_wrapper,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) div.vc_column-inner[class*="vc_custom_"][style*="background-image"] div.wpb_wrapper div.vc_empty_space{
    background: transparent !important;
    background-color: transparent !important;
}

body.pojo-a11y-high-contrast div.vc_icon_element-inner a:hover,
body.pojo-a11y-high-contrast div.era-topic-post-image a:hover,
body.pojo-a11y-high-contrast div.image-container a:hover,
body.pojo-a11y-high-contrast div.topic-cat-img a:hover{
    background: rgba(64, 0, 0, 0.4) !important;
    background-color: rgba(64, 0, 0, 0.4) !important;
}

body.pojo-a11y-high-contrast .widget-era-logo img,
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) img{
    background: #808080 !important;
    background-color: #808080 !important;
}

body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) img.vc_single_image-img{
    background: #231F20 !important;
    background-color: #231F20 !important;
}

body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) .vc_toggle_color_green .vc_toggle_icon:before,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) .vc_toggle_color_green .vc_toggle_icon:after{
    background-color: black;
}

body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) li.widget_media_image img,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) div.era-footer-gov img,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) div.era-footer-niu a,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) div.era-footer-niu img,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) header#era-header-section div.header-logo img{
    background-color: #231F20 !important;
}

div.public-consultation-button a:focus{
    color: #ffffff !important;
    background-color: #688721 !important;
}

.publications-links a{
    color: #0a0a0a;
}

/* ============================================
Project Status Tags Styling
============================================ */
.era-home-projects-section .era-home-projects-post {
    position: relative !important;
}

.era-home-projects-section .era-home-projects-post .project-status-tag {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    z-index: 100 !important;
    color: #fff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    pointer-events: none;
    display: inline-block;
}

.era-home-projects-section .era-home-projects-post .project-status-tag.status-ongoing {
    background-color: #688721 !important;
}

.era-home-projects-section .era-home-projects-post .project-status-tag.status-concluded {
    background-color: #6c757d !important;
}

.era-home-projects-section .era-home-projects-post .project-status-tag.status-ongoing:hover {
    background-color: #53671C !important;
}

.era-home-projects-section .era-home-projects-post .project-status-tag.status-concluded:hover {
    background-color: #5a6268 !important;
}