/*
 Theme Name:   EUS Website
 Theme URI:    https://www.euskills.co.uk
 Description:  EUS Website Theme
 Author:      DesignReligion
 Author URI:   https://www.designreligion.co.uk
 Template:  framework
 Version:      1.0.0
*/

body {
    font-family: "Lato", san-serif;
}

.block {
    display: block;
}

blockquote {
    border-left: 2px solid #00bb31;
}

.flex {
    display: flex !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-1 {
    flex: 1 1 0%;
}

.h-full {
    height: 100%;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mt-4 {
    margin-top: 1rem;
}

.btn-gray {
    background-color: #4e4f4c;
    border-radius: 0;
    color: #fff;
}

.btn-gray:hover {
    color: #ffffff;
}

.text-primary {
    color: #002f6c;
}

.site-wrapper:focus {
    outline: 0 none;
}
.slick-prev,
.slick-next {
    z-index: 99;
    font-size: 20px;
}
.slick-prev {
    left: 20px;
}
.slick-next {
    right: 20px;
}
.slick-prev::before,
.slick-next::before {
    font-family: "FontAwesome";
}
.slick-prev::before {
    content: "\f104";
}
.slick-next::before {
    content: "\f105";
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #002f6c;
}
.sidebar {
    background: #e9e6f1;
    position: relative;
    min-height: 400px;
    padding-bottom: 30px;
    margin-bottom: 100px;
}

.sidebar::after {
    display: block;
    content: " ";
    width: 100%;
    height: 80px;
    background: url(assets/img/sidebar-cut.png);
    position: absolute;
    left: 0px;
    margin-bottom: -80px;
    bottom: 0px;
    background: url(assets/img/sidebar-cut.svg);
    background-size: 600px auto !important;
    background-position: bottom center;
    background-repeat: no-repeat;

    overflow: hidden;
}

.sidebar a {
    color: #002f6c;
}
.sidebar a .read-more {
    color: #00bb31;
}

.post-body h2.page-title {
    color: #00bb31;
    font-size: 26px;
    margin-bottom: 0px;
}
/*
 * HEADER
 */
@media screen and (min-width: 1025px) {
    .navbar-right {
        float: right !important;
        margin-right: -20px;
        padding: 0px;
    }
}
.site-header {
    background: #fff;
}

.home .navbar-collapse {
    border-bottom: 0px solid #00bb31;
    margin-bottom: 0px;
}
.header-search {
    padding-left: 40px;
    padding-right: 20px;
}

.navbar-nav > li > a {
    padding-top: 35px;
    padding-bottom: 35px;
    color: #002f6c;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav > li.dropdown .dropdown-menu {
    color: #707372;
    text-decoration: none;
    outline: 0;
}
.searh-trigger {
    color: #00bb31;
}
@media screen and (max-width: 1024px) {
    .navbar-collapse.collapse {
        background: #f5e9f5;
    }

    .navbar-toggle .icon-bar {
        background: #00bb31;
    }

    .navbar-collapse.collapse .dropdown-menu > .active > a,
    .navbar-collapse.collapse .dropdown-menu > .active > a:hover,
    .navbar-collapse.collapse .dropdown-menu > .active > a:focus,
    .navbar-collapse.collapse .nav > li.dropdown .dropdown-menu,
    .navbar-collapse.collapse .header-search-form {
        color: #707372;
        text-decoration: none;
        outline: 0;
        background-color: rgba(255, 255, 255, 0.3);
    }
}
.nav > li.dropdown .dropdown-menu > li > a:hover,
.nav > li.dropdown .dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav > li.dropdown .dropdown-menu li:hover ul.nav li a:hover,
.nav > li.dropdown .dropdown-menu li:hover ul.nav li a:focus,
.site-header .dropdown-menu li.current-menu-item a {
    background: transparent;
}

.site-header .dropdown-menu li.current-menu-item a,
.site-header .dropdown-menu li a:hover,
.site-header .dropdown-menu li a:focus,
.site-header .dropdown-menu li.current-menu-item li a:hover,
.site-header .dropdown-menu li.current-menu-item li a:focus {
    color: #00bb31;
}

.site-header .dropdown-menu li.current-menu-item li a {
    color: #000;
}
.nav > li.dropdown .dropdown-menu {
    background: #f5e9f5;
}

.nav > li.dropdown .dropdown-menu li:hover > ul.nav {
    display: block;
}

/*
 * TEXT COLOURS 
 */
.purple-text,
.purple-text strong {
    color: #002f6c !important;
}
.pink-text,
.pink-text strong {
    color: #00bb31 !important;
}
.orange-text,
.orange-text strong {
    color: #ff8200 !important;
}

.media.active {
    background: #e0e0e0;
}

.media a:hover {
    text-decoration: none;
}
.media a .entry-content {
    color: #707372;
}

.cat-links {
    display: none;
}
/*
 * BREADCRUMB 
 */
.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    margin-top: 10px;
}
.breadcrumb a {
    margin-right: 8px;
}
.breadcrumb li:first-child .fa {
    display: none;
}
.breadcrumb .fa {
    font-size: 50%;
    margin-right: 8px;
}
.breadcrumb a {
    color: #707372;
}
.breadcrumb li.current {
    opacity: 0.6;
}

/*
 * Equal heights
 */
@media screen and (min-width: 992px) {
    .equalheight {
        overflow: hidden;
    }
    .equalheight .post-body,
    .equalheight .sidebar {
        margin-bottom: -99979px;
        padding-bottom: 99999px;
    }
}
.post-body {
    margin-bottom: 30px;
}

/*
 * Post body UL
 */
.post-body ul,
.tribe-events-content ul {
    padding-left: 0px;
    margin-left: 0px;
    list-style: none;
}
.post-body ul li,
.tribe-events-content ul li {
    padding-left: 30px;
    background: url(assets/img/bullet.png);
    background-repeat: no-repeat;
    margin-bottom: 3px;
    background-position: 0px 4px;
}

.event-date.dashicons-before:before {
    margin-right: 10px;
}

/*
 * Table
 */
tr td:first-child .table-content-wrapper {
    /*max-width: 200px;*/
    display: block;
}

/*
 * Page Intro
 */

.group-page-block .thumbnail {
    border: 0px;
    padding: 0px;
    background: transparent !important;
}
.group-page-block .thumbnail img {
    display: none !important;
}
.group-page-block .thumbnail .caption {
    padding: 0px 0px 10px 0px;
}
/*
 * Page Intro
 */
.page-intro {
    padding-bottom: 250px !important;
    margin-bottom: -220px;
    overflow: visible;
    background: url(assets/img/cut.png) no-repeat bottom center;

    background: url(assets/img/cut.svg) no-repeat bottom center;

    background-size: 100%;
}
.page-intro h3,
.page-intro h2 {
    color: #4e4f4c;
    font-weight: normal;

    font-size: 24px;
}
/*
 * Post Body 
 */
.post-body {
    padding-right: 30px;
}
.post-body h1.page-title {
    margin-bottom: 0px;
}
.post-image {
    margin-bottom: 30px;
}

/*
 * Post Body : OL
 */
ol {
    padding-left: 15px;
    margin-left: 0px;
}
/*
 *Carousel
 */

.slider-block .caption.unboxed {
    background: rgba(0, 0, 0, 0.2);
}
.slider-block h2,
.slider-block h1 {
    font-size: 30px;
}
.slider-block .caption.unboxed .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 30% 0px 0px;
}
.slider-block .btn-primary {
    border-radius: 0px;
    font-size: 18px;
    margin-top: 15px;
}

.slide-link {
    position: relative;
    width: 100%;
    display: block;
    height: 100%;
} /*
.slide-link::before {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0;
	z-index: 1;
	content: '';
	display: block;
	background: rgba(255,255,255,0.4);
}*/

.slide-link:hover::before {
    opacity: 1;
}

@media screen and (min-width: 980px) {
    .slider-block .caption.unboxed .inner {
        display: table-cell;
        vertical-align: middle;
        padding: 0px 50% 0px 0%;
    }
}

@media screen and (min-width: 1200px) {
    .slider-block .caption.unboxed .inner {
        padding: 0px 60% 0px 0%;
    }
}
/*
 * Section title
 */

.section-title {
    margin-top: 0px;
    margin-left: 8px;
    color: #fff;
    font-size: 20px;
}
/*
 * Table
 */

thead {
    background: #00bb31;
    color: #fff;
    border-color: #00bb31;
}

.table thead tr td,
.table thead tr th {
    border-color: #00bb31;
}

tr td:first-child .table-content-wrapper {
    color: #002f6c;
}

.archive-sidebar ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
.archive-sidebar ul li {
    border-top: 1px solid #d0d0d0;
    padding: 0px;
}
.archive-sidebar ul li:last-child {
    border-bottom: 1px solid #d0d0d0;
}
.archive-sidebar ul li a {
    display: block;
    padding: 5px 0px;
}

/*
 * BLOG PAGE : media  
 */
.blog .media-object {
    max-width: 150px;
}

.related-news-sidebar .media-object {
    max-width: 100px;
}
.related-news-sidebar h4 {
    text-transform: capitalize;
}
.blog .media-body {
    padding: 10px;
}
/*
 * CHILD PAGE : media  
 */
.page-child .thumbnail-staff .media-object {
    max-width: 100%;
}

.thumbnail.thumbnail-staff {
    padding: 0px;
}

.thumbnail-staff .media-heading {
    font-size: 16px;
}
.thumbnail-staff .job-role,
.thumbnail-staff .read-more {
    font-size: 13px;
}
.page-child .media-object {
    height: auto;
    max-width: 95px;
}
/*
 * media  : Case Study
 */
.case-studies-block.row {
    margin-top: 20px;
}

.media.media-case-study {
    overflow: hidden;
}

.media.media-case-study img {
    max-width: 140px;
}

.case-studies-block h2 {
    margin-left: 5px;
    color: #002f6c;
}
/*
 * media  : LINKED CONTENT
 */

.homepage-sidebar .media.linked-content-block,
.homepage-sidebar .media.linked-content-block a,
.homepage-sidebar .media-caption {
    color: #fff;
}
.homepage-sidebar {
    display: table;
}
.homepage-sidebar .media.linked-content-block {
    display: table-row;
}
.homepage-sidebar .media-left,
.homepage-sidebar .media-right,
.homepage-sidebar .media-body {
    display: table-cell;
    vertical-align: middle;
}
.homepage-sidebar .media-body {
    padding: 20px 60px 30px 20px;
    position: relative;
}
.homepage-sidebar .media-body .read-more {
    position: absolute;
    right: 30px;
    top: 50%;
    color: #ffcd00;
    margin-top: -10px;
}
.homepage-sidebar .media-body .read-more .fa:before {
    display: none;
}
.homepage-sidebar .media-body .read-more .fa {
    background: url(assets/img/yellow-bullet.png);
    background-size: cover;
    background-repeat: none;
    background-position: center right;
    height: 25px;
    width: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .homepage-sidebar .media-body .read-more .fa {
        background: url(assets/img/yellow-bullet@2x.png);
        background-size: cover;
        background-repeat: none;
    }
}

.homepage-sidebar .media-body .read-more .read-more-text {
    display: none;
}
.homepage-sidebar .media.linked-content-block:nth-child(2) {
    background: #3e1c7d;
}
.homepage-sidebar .media.linked-content-block:nth-child(3) {
    background: #4b2d84;
}
.homepage-sidebar .media.linked-content-block h3 {
    color: #ffcd00;
    text-transform: uppercase;
    font-size: 18px;
}
.homepage-sidebar .media-left {
    display: none;
}
.media.linked-content-block {
    background: transparent;
    display: block;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .homepage-sidebar .media.linked-content-block {
        display: inline-block;
        float: left;
        width: 33.3%;
        margin: 0px;
    }
}
@media screen and (max-width: 1024px) {
    .homepage-sidebar .media.linked-content-block,
    .linked-content-block.homepage-sidebar,
    .homepage-sidebar .media-body {
        display: block;
        width: 100%;
    }
    .matchrowheight {
        height: auto !important;
    }
    .homepage-sidebar .media.linked-content-block {
        margin: 0px;
    }
}
/*
 * media  
 */
.media {
    display: block;
}
/*
 * Sidebar : media  
 */
.sidebar .media-body {
    padding: 12px 10px;
}
/*
 * Header Search
 */

.header-search.navbar-form {
    position: relative;
    padding-top: 25px;
}
.header-search-form {
    position: absolute;
    right: 7px;
    width: 255px;
    display: none;
    z-index: 3;
    background: #f5e9f5;
    padding: 5px;
    top: 15px;
}

.header-search-form.open {
    display: block;
}
.header-search-form .form-control {
    border: 0px;
    background: transparent;
    box-shadow: none;
    color: #00bb31;
}

.header-search-form .close {
    display: none;
}

.header-search-form.open .form-control {
    padding-left: 30px;
}

.header-search-form.open .close {
    position: absolute;
    left: 15px;
    top: 15px;
    display: block;
    font-size: 14px;
}
.header-search-form .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #00bb31;
}
.header-search-form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #00bb31;
}
.header-search-form .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #00bb31;
}
.header-search-form .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #00bb31;
}
.header-search-form .search-button {
    border: 0px;
    background: 0px;
    outline: 0px;
    float: right;
    color: #00bb31;
    line-height: 30px;
}
.header-search.navbar-form:hover .header-search-form,
.header-search.navbar-form:focus .header-search-form {
    display: block;
}

.media-left,
.media-right,
.media-body {
    overflow: hidden;
}
/*
 * media 
 */
a.media.page-block:focus {
    border: 1px solid #00bb31;
}

.media.page-block {
    background: #f1f1f1;
    display: block;
    margin-bottom: 10px;
}
.media-caption,
a .media-caption {
    color: #474a4f;
    padding: 5px 0px 8px 0px;
    display: block;
}
.read-more {
    font-weight: 600;
}
/*
 * Nav Downloads 
 */
.nav-downloads .fa {
    font-size: 30px;
}

.nav-downloads .fa {
    font-size: 30px;
    margin-right: 10px;
    color: #002f6c;
    position: absolute;
    left: 0px;
    top: 4px;
}

.nav-downloads li {
    position: relative;
    padding-left: 40px !important;
    border-bottom: 2px solid #d0d0d0;
    padding-bottom: 5px;
    background: none !important;
}
.nav-downloads li a {
    padding-left: 0px;
    position: static;
}
.nav-downloads li:last-child {
    border-bottom-color: transparent;
}
/*
 * Thumbnail
 */
.thumbnail {
    margin-bottom: 10px;
    border-radius: 0px;
    border-color: #00bb31;
}

.thumbnail .read-more {
    color: #00bb31;
}

.media.page-block h3 {
    color: #002f6c;
    font-size: 23px;
}

.thumbnail:hover,
.thumbnail:focus {
    border-color: #002f6c;
}
/*
 * Job Role Title
 */
.job-role-title {
    color: #002f6c;
    font-size: 20px;
}
.profile-image {
    max-width: 180px;
    height: auto;
} /*
 * Post Slider
 */

.post-slider-block .thumbnail {
    background: transparent;
    border: 0px;
    padding: 0px;
}
.post-slider-block .thumbnail .caption {
    padding: 5px 0px;
    color: #fff;
}
.post-slider-block .thumbnail .caption h4 {
    color: #ffcd00;
    margin-top: 3px;
}
.post-slider-block.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.post-slider-block .slick-dots {
    position: absolute;
    bottom: auto;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    top: -45px;
    right: 0px;
}

.post-slider-block .slick-dots li.slick-active button::before,
.post-slider-block .slick-dots li button::before {
    color: #fff;
}
.site-footer .nav > li {
    width: auto;
    float: left;
    padding: 0px 5px;
}
.site-footer .nav > li > a {
    position: relative;
    display: block;
    padding: 0px 0px;
    display: block;
}

.footer-logos {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1024) {
    .footer-logos {
        margin-top: 20px;
    }
    .accreditations .footer-logo {
        text-align: right;
    }
}

.site-footer {
    padding: 50px 0px 10px;
}
.accreditations-text {
    margin-top: 25px;
    display: block;
}
.footer-logo img {
    /* max-width: 200%; */
    width: auto;
    /* max-height: 100%; */
    max-height: 45px;
}

.footer-logo.footer-logo-2 img {
    max-height: 60px;
    margin-top: -10px;
}
@media screen and (min-width: 992px) {
    .cta-content-wrap {
        max-width: 80%;
    }
}
.best-comp-logo img {
    max-width: 70px !important;
}
@media screen and (max-width: 1024px) {
    .footer-logos {
        margin-top: 30px;
    }
    .footer-logos.text-right {
        text-align: left;
    }
    .accreditations .footer-logo img {
        max-width: 100%;
    }

    .copyright.mt50 {
        margin-top: 20px !important;
    }

    .accreditations {
        margin-top: 10px;
        clear: both;
    }

    .accreditations .footer-logo {
        text-align: left !important;
        float: left !important;
    }

    .searh-trigger {
        display: none;
    }
    .header-search-form {
        width: 100%;
    }
    .navbar-form .form-group {
        display: inline-block;
    }
    .header-search-form .search-button {
        float: none;
    }
    .header-search-form {
        display: block;
        position: static;
    }
    .header-search.navbar-form {
        padding: 0px;
    }
}

@media screen and (max-width: 980px) {
    .footer-logo img {
        max-width: 100%;
    }
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }

    .slider-block .caption.unboxed .inner {
        display: table-cell;
        vertical-align: middle;
        padding: 0px 0% 0px 0px;
    }
    .slider-block h2,
    .slider-block h1 {
        font-size: 22px;
    }

    .media-object {
        max-width: 100px;
        display: table-cell;
    }
    .media-left,
    .media-right,
    .media-body {
        display: table-cell;
    }

    .media-caption,
    a .media-caption {
        display: none;
    }
}
hr {
    border-top-width: 1px;
    border-color: #00afec;
}
/*********************************************
 * Site Header
 ********************************************/
.site-header li a {
    font-size: 14px;
}
/*********************************************
 * Purple Block
 ********************************************/
.home .carousel h2 {
    font-size: 45px;
}
.home .carousel {
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1;
}

/*********************************************
 * Purple Block
 ********************************************/
.purple-block .thumbnail {
    background: #00bb31;
    color: #fff;
    padding: 0px;
    border: 0px;
}

.purple-block .thumbnail .caption {
    padding: 30px;
}
.purple-block .thumbnail h3,
.purple-block .thumbnail .media-caption,
.purple-block .thumbnail a .media-caption {
    color: #fff;
}

.purple-block .thumbnail .media-caption,
.purple-block .thumbnail a .media-caption {
    font-size: 16px;
}
.purple-block .thumbnail .media-caption {
    opacity: 0.8;
}

.purple-block a.thumbnail:hover {
    text-decoration: none;
}

.purple-block .thumbnail .read-more {
    display: none;
}

/*********************************************
 * Our Work
 ********************************************/

.our-work-blocks .media-caption {
    display: none;
}

.our-work-blocks .section-title {
    color: #00bb31;
    margin-bottom: 20px;
}

.our-work-blocks .thumbnail {
    border: 0px;
    padding: 0px;
}

.our-work-blocks .thumbnail h3 {
    font-size: 18px;
}

/*********************************************
 * FOLLOW US
 ********************************************/
.follow-us.shortcode {
    margin-left: 40px;
    margin-top: 10px;
}
.follow-us.shortcode ul li {
    font-size: 20px;
    color: #00bb31;
}

.follow-us.shortcode ul li .fa {
    color: #00bb31;
}
/*********************************************
 * Footer Address
 ********************************************/

.footer-address {
    font-size: 15px;
    font-weight: bold;
}
.copyright {
    font-size: 12px;
}

@media screen and (max-width: 768px) {
    .footer-address {
        margin-top: 20px;
    }
}
/*********************************************
 * Footer Business Logo
 ********************************************/
.footer-eus-logo img {
    max-width: 240px;
    height: auto;
}

/*********************************************
 * Call to action
 ********************************************/

.call-to-action {
    font-size: 18px;
    padding: 90px 0px 60px 0px;
    background: rgba(0, 47, 108, 0.7);
}
.call-to-action,
.call-to-action h1,
.call-to-action h3,
.call-to-action h3,
.call-to-action h4,
.call-to-action h5 {
    color: #fff;
}

.call-to-action .btn {
    margin-top: 55px;
    background: #b5bd00;
    border-radius: 0px;
    border-color: #b5bd00;
    font-size: 20px;
    color: #002f6c;
}
.call-to-action h3 {
    font-size: 40px;
}

/*********************************************
 * Social Nav
 ********************************************/
li.social:last-child {
    margin-right: -10px;
}

li.social a {
    color: #707372;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 18px;
}

/*********************************************
 * Members Area
 ********************************************/
li.member-area a {
    color: #707372;
}
.member-area .fa {
    border: 0px;
    background: 0px;
    outline: 0px;
    color: #00bb31;
    margin-right: 5px;
    font-size: 18px;
}

/*********************************************
 * Page Hero
 ********************************************/
.hero-section {
    margin-bottom: 30px;
    background: #002f6c;
}

#tribe-events-bar #tribe-bar-form {
    margin-bottom: 30px;
    background: #002f6c;
    padding: 50px 30px;
    color: #fff;
}

#tribe-bar-form .tribe-bar-views-inner label {
    padding: 0px;
}

#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
    background: rgba(255, 255, 255, 0.7);
    color: #444;
    display: block;
    padding: 6px 15px;
    text-align: left;
    text-decoration: none;
    width: auto;
    display: inline-block;
    border-radius: 10px;
}

.hero-section h1 {
    color: #fff;
}

.hero-into {
    padding: 30px;
}

#tribe-bar-form .tribe-bar-submit input[type="submit"] {
    background: #00afec;
}
.tribe-bar-views-inner {
    background: transparent;
}
.hero-section h2,
.hero-section h3,
.hero-section h4,
.hero-section h5 {
    color: #00afec;
}
.hero-section h2 {
    margin-bottom: 0px;
}

.hero-section .post-image {
    margin-bottom: 0px;
}
.hero-section .post-image img {
    min-width: 100%;
}
@media screen and (min-width: 980px) {
    .hero-section {
        position: relative;
        max-height: 380px;
        overflow: hidden;
    }
    .hero-into {
        width: 50%;
        padding: 38px 45px;
        background: #002f6c;
        color: #fff;
        float: left;
        position: relative;
        /* height: 100px; */
    }
    .hero-into a,
    .hero-into strong {
        color: #00afec;
    }
    .hero-into,
    .post-image {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .hero-section .post-image::after {
        display: block;
        content: " ";
        width: 150px;
        height: 101%;
        background: url(assets/img/intro-cut.png);
        position: absolute;
        left: 0px;
        top: 0px;
        background: url(assets/img/intro-cut.svg);
        background-size: auto 1000px;
        background-position: right;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    .hero-section .post-image {
        width: 50%;
        float: right;
        position: relative;
        top: 0px;
        bottom: 0px;
        margin-bottom: 0px;
        overflow: hidden;
    }
}
/*********************************************
 * Hero Into Search
 ********************************************/
.hero-into.hero-into-form {
    width: 100%;
}
.hero-into.hero-into-form:after {
    display: none;
}

.hero-into.hero-into-form .form-inline .form-group {
    margin-right: 10px;
    min-width: 30%;
}

.hero-into.hero-into-form .form-inline .form-group input,
.hero-into.hero-into-form .form-inline .form-group select {
    width: 100%;
}

.hero-into.hero-into-form .form-inline .btn {
    margin-top: 25px;
}

.hero-into.hero-into-form .search-results,
.hero-into.hero-into-form .form-inline {
    margin-top: 20px;
}

/*********************************************
 *  Search
 ********************************************/

.search .thumbnail .no-feature {
    background: rgb(152, 29, 151, 0.1);
}
.search .thumbnail .no-feature .fa {
    color: #00bb31;
    font-size: 60px;
}
.search .thumbnail {
    padding: 0px;
}
/*********************************************
 * Carousel
 ********************************************/
@media screen and (max-width: 980px) {
    .slick-slide .caption,
    .slider-block .caption.unboxed,
    .slider-block .caption.boxed {
        display: block;
        position: absolute;
        margin-top: 50%;
        height: auto;
        bottom: 0px;
        padding: 30px !important;
        font-size: 16px;
        background: #002f6c;
    }

    .slider-block .caption.unboxed h2,
    .slider-block .caption.boxed h2,
    .slider-block .caption.unboxed h3,
    .slider-block .caption.boxed h3 {
        font-size: 24px;
    }
}

.slide-boxed,
.slide-unboxed {
    position: relative;
}

.slide-img {
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0%;
    bottom: 0px;
    display: block;
    /* background: #000; */
}

.slide-link:hover {
    text-decoration: none;
}
.caption.boxed {
    width: 100%;
    padding-right: 180px;
    height: 100%;
    display: table;
}

.caption.boxed .inner {
    display: table-cell;
    vertical-align: middle;
}

@media screen and (min-width: 980px) {
    .caption.boxed {
        width: 55%;
        padding-right: 80px;
        height: 100%;
        display: table;
        position: relative;
    }

    .caption.boxed::after {
        display: block;
        content: " ";
        width: 150px;
        height: 100%;
        background: url(assets/img/intro-cut.png);
        position: absolute;
        right: -120px;
        top: 0px;
        background: url(assets/img/intro-cut.svg);
        background-size: auto 1000px !important;
        background-position: right;
        background-repeat: no-repeat;
    }
    .slide-img {
        position: absolute;
        right: 0px;
        top: 0px;
        left: 50%;
        bottom: 0px;
        display: block;
        /* background: #000; */
    }
}

/*********************************************
 * Member Directory
 ********************************************/
.member-directory .thumbnail {
    margin-bottom: 10px;
    background: #fff;
}

.member-directory .thumbnail-image {
    background: #fff;
    padding: 10px;
    min-height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.member-directory .thumbnail-image img {
    flex: none;
}

/*********************************************
 * Member Directory
 ********************************************/
.sidebar-resources {
    margin-bottom: 20px;
}

/*********************************************
 * Download Icon
 ********************************************/
.download-icon {
    width: 25%;
    background: #f5f2f9;
    vertical-align: middle;
    height: 100%;
    padding: 20px;
    text-align: center;
    font-size: 40px;
}
/*********************************************
 * News & Events Overview
 ********************************************/
.news-post-body {
    background: #fff;
    padding: 0px;
}

.events-post-body {
    background: #e9e6f1;
    padding: 0px;
}

.news-header,
.events-header {
    border-bottom: 2px solid #f4f2f8;
}

.news-header h2,
.events-header h2 {
    margin: 0px;
    font-size: 20px;
    width: auto;
    display: inline-block;
    font-size: 22px;
    padding: 8px;
}

.news-body,
.events-body {
    padding: 30px;
}

.news-header .btn,
.events-header .btn {
    float: right;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0px;
    color: #00bb31;
}

.news-post-body .media {
    background: #f0f0f0;
}

/*********************************************
 *Members Area
 ********************************************/

#loginform,
.post-password-form {
    padding: 30px;
    background: #fff;
    margin-top: 30px;
}

.post-password-form {
    margin-bottom: 20px;
}
#loginform label,
.post-password-form label {
    display: block;
}

#loginform input[type="text"],
#loginform input[type="password"],
.post-password-form input[type="text"],
.post-password-form input[type="password"] {
    width: 100%;
    border: 1px solid #d0d0d0;
    outline: 0px;
    box-shadow: none;
    padding: 5px 8px;
}

#loginform input[type="submit"],
.post-password-form input[type="submit"] {
    border: 1px solid #00bb31;
    background: #00bb31;
    color: #fff;
    padding: 6px 10px;
}

.page-template-member-page .download-icon,
.download-icon.white-icon {
    width: auto;
    background: #fff;
    vertical-align: middle;
    height: 100%;
    padding: 20px;
    text-align: center;
    font-size: 40px;
    min-width: 100px;
}
/*********************************************
 * Linked Content
 ********************************************/
.media.linked-content-block {
    background: #fff;
}

.media.linked-content-block .media-object {
    max-width: 150px;
}

/*********************************************
 * Mega Menu 
 ********************************************/

@media screen and (min-width: 980px) {
    .mega-menu {
        position: static !important;
    }

    .mega-menu .menu-title {
        font-size: 18px !important;
    }

    .mega-menu .dropdown-menu {
        width: 100%;
        top: 100px;
        padding-top: 30px !important;
        padding-bottom: 50px !important;
    }

    .mega-menu .dropdown-menu li {
        width: 50%;
        float: left;
    }
    .mega-menu .dropdown-menu li ul {
        width: 100%;
    }

    .mega-menu .dropdown-menu li ul li {
        width: 50%;
        float: left;
    }
    .mega-menu.mega-menu-3 .dropdown-menu li {
        width: 33%;
        float: left;
    }

    .nav > li.dropdown.mega-menu:hover ul {
    }

    .mega-menu .dropdown-menu li ul.nav {
        display: block !important;
        position: static !important;
    }

    .mega-menu .dropdown-menu li ul.nav li {
        width: 100%;
        float: none;
    }
    .mega-menu .dropdown-menu li ul li {
        width: auto;
        float: left;
        display: inline-block;
        min-width: 100%;
    }

    .mega-menu .dropdown-menu li ul li.menu-item-has-children li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mega-menu .dropdown-menu li ul li.menu-item-has-children li a {
        background: rgba(0, 0, 0, 0.02);
    }

    .mega-menu .sub-title,
    .mega-menu .sub-title-no-children {
        color: #000;
    }
    .mega-menu .sub-dropdown .nav > li > a {
        padding-top: 4px;
        background: transparent !important;
        padding-bottom: 4px;
    }
}
/*.mega-menu .nav.nav-stacked.depth-2, .nav.nav-stacked.depth-2, .nav.nav-stacked.depth-3 {*/
/*display: none;*/
/*}*/
#tribe-events-header {
    display: none;
}

.event-sidebar .media .media-left img {
    max-width: 120px;
}

.sidebar h3 {
    margin-top: 0px;
}

.page-block img {
    min-width: 100%;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav > li > a:hover .sub-dropdown .nav > li > a:hover,
.nav > li:focus .sub-dropdown .nav > li > a:focus {
    background: transparent;
    outline: 0px none;
    color: #00bb31;
}

.nav > li > a:hover .sub-dropdown .nav > li > a,
.nav > li:focus .sub-dropdown .nav > li > a,
.sub-dropdown .nav > li > a {
    color: #000;
}

.member-contact {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
}
@media screen and (min-width: 980px) and (max-width: 1024px) {
    .sidebar .media-left,
    .sidebar .media-body {
        width: 100%;
        display: block;
    }

    .sidebar .media-left img {
        min-width: 100%;
        height: auto;
    }
}

/* 404 Page */
.error404 .site-wrapper {
    margin-bottom: 0;
}

.error404 .main {
    text-align: center;
    margin-top: 145px !important;
    margin-bottom: 145px !important;
}

.error404 .main .error-message {
    max-width: 520px;
    margin: 0 auto;
}

.error404 .main h1 {
    font-size: 55px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.error404 .main p {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 30px;
}

.error404 .main p small {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}

@media screen and (max-width: 992px) {
    li.social a {
        color: #707372;
        font-size: 14px;
    }
    li.social .fa {
        margin-left: 10px;
    }
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .slick-dots {
        position: absolute;
        bottom: 10px;
        display: block;
        width: 100%;
        padding: 0px 20px;
        margin: 0;
        list-style: none;
        text-align: left;
    }
    .navbar-nav {
        margin: 7.5px -10px;
    }

    .call-to-action {
        padding: 50px 0px 30px 0px;
    }

    .call-to-action h3 {
        font-size: 34px;
    }

    .call-to-action .btn.pull-right {
        float: left !important;
        margin-top: 20px;
    }

    #block-59e0c2ce2bb6e.content-block.pl20 {
        padding-left: 0px !important;
    }

    .hero-into h2 {
        font-size: 21px;
    }
    .hero-section h1 {
        font-size: 30px;
    }

    .page-block {
        height: auto !important;
    }
}
@media screen and (max-width: 480px) {
    .news-body .media-left,
    .news-body .media-right,
    .news-body .media-body {
        display: block;
        width: 100%;
    }
    .news-body .media-left img {
        max-width: 100%;
        min-width: 100%;
    }
    .news-body .media-left {
        text-align: center;
    }
}

.table > tbody > tr > td {
    border-right: 1px solid #ddd;
}
.table > tbody > tr > td:last-child {
    border-right: 0px solid transparent;
}

ul.tribe-events-sub-nav li {
    padding-left: 0px;
    background: transparent;
}
/*========================================================*/
/*                  NSAP PAGE Edits                       */
/*========================================================*/

body.page-template-nsap-page {
    background: #f7f3f2;
}

body.page-template-nsap-page .hero-section h2,
body.page-template-nsap-page .hero-section h3,
body.page-template-nsap-page .hero-section h4,
body.page-template-nsap-page .hero-section h5 {
    color: #fee2cd;
}
body.page-template-nsap-page .sidebar {
    background: #fee2cd;
}

body.page-template-nsap-page .sidebar::after {
    background-image: url(assets/img/sidebar-cut-nsap.png);

    background-image: url(assets/img/sidebar-cut-nsap.svg);
}

body.page-template-nsap-page .hero-into,
body.page-template-nsap-page .hero-section {
    background: #f17224;
}

body.page-template-nsap-page hr {
    border-top-width: 1px;
    border-color: #f17224;
}
body.page-template-nsap-page .sidebar h3,
body.page-template-nsap-page h2,
body.page-template-nsap-page .tribe-events-single-section-title {
    color: #f17224;
}
body.page-template-nsap-page .sidebar h4,
body.page-template-nsap-page h3,
body.page-template-nsap-page h4,
body.page-template-nsap-page h5,
body.page-template-nsap-page h6 {
    color: #4e4f4c;
}
body.page-template-nsap-page .hero-section .post-image::after {
    background-image: url(assets/img/intro-cut-nsap.png);

    background-image: url(assets/img/intro-cut-nsap.svg);
}
body.page-template-nsap-page .woocommerce #respond input#submit.alt,
body.page-template-nsap-page .woocommerce a.button.alt,
body.page-template-nsap-page .woocommerce button.button.alt,
body.page-template-nsap-page .woocommerce input.button.alt,
.tribe-button,
body.page-template-nsap-page a.tribe-button,
body.page-template-nsap-page button.tribe-button,
body.page-template-nsap-page input.tribe-button {
    background: #f17224;
    color: #fff;
    border-radius: 0px;
    border: 0px none;
    margin: 0px;
    padding: 10px 15px;
}

.tribe-events-tickets .woocommerce.add-to-cart {
    padding: 6px 16px 16px;
}

.tribe-events-tickets .woocommerce .quantity input {
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: left;
    width: 4.375em;
    outline: 0px;
    border: 0px;
}
.tribe-events-tickets input[type="date"],
.tribe-events-tickets input[type="datetime-local"],
.tribe-events-tickets input[type="email"],
.tribe-events-tickets input[type="month"],
.tribe-events-tickets input[type="number"],
.tribe-events-tickets input[type="password"],
.tribe-events-tickets input[type="search"],
.tribe-events-tickets input[type="tel"],
.tribe-events-tickets input[type="text"],
.tribe-events-tickets input[type="time"],
.tribe-events-tickets input[type="url"],
.tribe-events-tickets input[type="week"],
.tribe-events-tickets select,
.tribe-events-tickets textarea {
    background: #fff;
    border: 0px;
    padding: 10px 15px;
    width: 100%;
}

body.page-template-nsap-page .navbar-brand {
    padding: 5px 20px;
}

@media screen and (max-width: 768px) {
    body.page-template-nsap-page .navbar-brand,
    .navbar-brand {
        padding: 5px 0px;
    }
    .container {
        padding: 0px 15px;
    }
}
body.page-template-nsap-page .site-logo .brand,
body.page-template-nsap-page .navbar-brand .brand {
    max-height: 75px;
    width: auto;
}
body.page-template-nsap-page .post-body a,
body.page-template-nsap-page .member-area .fa,
body.page-template-nsap-page .header-search-form .search-button,
body.page-template-nsap-page .searh-trigger,
body.page-template-nsap-page .breadcrumb a,
body.page-template-nsap-page .sidebar .read-more {
    color: #1b8fce;
}

body.page-template-nsap-page
    .header-search-form
    .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #1b8fce;
}
body.page-template-nsap-page
    .header-search-form
    .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #1b8fce;
}
body.page-template-nsap-page
    .header-search-form
    .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #1b8fce;
}
body.page-template-nsap-page
    .header-search-form
    .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #1b8fce;
}

body.page-template-nsap-page .media.active {
    background: rgba(255, 255, 255, 0.4);
}
body.page-template-nsap-page
    .tribe-events-organizer
    .tribe-events-organizer-meta {
    border-bottom: 2px solid #1b8fce;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

body.page-template-nsap-page
    .tribe-events-organizer
    .tribe-events-loop
    .type-tribe_events {
    padding: 30px;
    background: #fff;
    margin-top: 20px;
}
@media screen and (min-width: 992px) {
    body.page-template-nsap-page
        .tribe-events-organizer
        .tribe-events-loop
        .type-tribe_events {
        display: flex;
    }
}

.single-tribe_events .tribe-events-event-image {
    clear: both;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 30px;
}

#tribe-events-content a {
    /* white-space: nowrap; */
}

body.page-template-nsap-page
    .tribe-events-organizer
    .tribe-events-list
    .tribe-events-loop
    .tribe-events-event-image {
    width: 90%;
}

.tribe-events-list-separator-month {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 2.5em 0 0;
    padding: 10px 15px;
    text-transform: uppercase;
}
body.page-template-nsap-page .tribe-events-list-separator-month {
    color: #b2a78c;
    background-color: #fff;
}

body.page-template-nsap-page
    .tribe-events-organizer
    .tribe-events-loop
    .type-tribe_events
    .tribe-events-content {
    display: none;
}

body.page-template-nsap-page.single-tribe_organizer .post-body h1 {
    color: #4e4f4c;
}

.proudly-sponsoredby {
    background: #fff;
    margin-bottom: 30px;
}

.proudly-sponsoredby .sponsoredby-header {
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    color: #f17224;
    font-weight: 600;
    font-size: 18px;
}

.proudly-sponsoredby .sponsoredby-body {
    padding: 15px 20px;
}

.sponsoredby-body .brand {
    max-width: 280px;
    margin: auto;
}
/*========================================================*/
/*                  EUSR PAGE Edits                       */
/*========================================================*/

body.page-template-energy-and-utility-skills-register {
    background: #fff;
}

body.page-template-energy-and-utility-skills-register h3,
body.page-template-energy-and-utility-skills-register .tribe-events-single h1,
body.page-template-energy-and-utility-skills-register .tribe-events-single h5,
body.page-template-energy-and-utility-skills-register a,
body.page-template-energy-and-utility-skills-register
    .header-search-form
    .search-button,
body.page-template-energy-and-utility-skills-register .site-header .fa,
body.page-template-energy-and-utility-skills-register .member-area .fa {
    color: #19a8e2;
}

body.page-template-energy-and-utility-skills-register
    .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #19a8e2;
}
body.page-template-energy-and-utility-skills-register
    .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #19a8e2;
}
body.page-template-energy-and-utility-skills-register
    .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #19a8e2;
}
body.page-template-energy-and-utility-skills-register
    .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #19a8e2;
}

body.page-template-energy-and-utility-skills-register .site-header a {
    color: #4e4f4c;
}
body.page-template-energy-and-utility-skills-register .sidebar {
    background: #f0f0f0;
}
body.page-template-energy-and-utility-skills-register .sidebar::after {
    background-image: url(assets/img/sidebar-cut-eusr.png);
    background-image: url(assets/img/sidebar-cut-eusr.svg);
}

body.page-template-energy-and-utility-skills-register .site-header .container {
    border-bottom: 2px solid #19a8e2;
}
body.page-template-energy-and-utility-skills-register .site-footer .container {
    border-top: 2px solid #19a8e2;
    padding-top: 50px;
}
body.page-template-energy-and-utility-skills-register .site-footer {
    padding-top: 0px;
}
body.page-template-energy-and-utility-skills-register .proudly-sponsoredby {
    background: #002f6c;
}

body.page-template-energy-and-utility-skills-register
    .proudly-sponsoredby
    .sponsoredby-body {
    text-align: center;
    padding: 20px;
}
body.page-template-energy-and-utility-skills-register .sponsoredby-body .brand {
    max-width: 280px;
    margin: auto;
}

body.page-template-energy-and-utility-skills-register
    .proudly-sponsoredby
    .sponsoredby-header {
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

body.page-template-energy-and-utility-skills-register
    .site-header
    li.highlight
    a,
body.page-template-energy-and-utility-skills-register
    .site-header
    .dropdown-menu
    li.current-menu-item
    a,
body.page-template-energy-and-utility-skills-register
    .site-header
    .dropdown-menu
    li
    a:hover,
body.page-template-energy-and-utility-skills-register
    .site-header
    .dropdown-menu
    li
    a:focus,
body.page-template-energy-and-utility-skills-register
    .site-header
    .dropdown-menu
    li.current-menu-item
    li
    a:hover,
body.page-template-energy-and-utility-skills-register
    .site-header
    .dropdown-menu
    li.current-menu-item
    li
    a:focus,
body.page-template-energy-and-utility-skills-register .breadcrumb a,
body.page-template-energy-and-utility-skills-register .sidebar .read-more {
    color: #19a8e2;
}

body.page-template-energy-and-utility-skills-register
    .woocommerce
    #respond
    input#submit.alt,
body.page-template-energy-and-utility-skills-register .woocommerce a.button.alt,
body.page-template-energy-and-utility-skills-register
    .woocommerce
    button.button.alt,
body.page-template-energy-and-utility-skills-register
    .woocommerce
    input.button.alt,
.tribe-button,
body.page-template-energy-and-utility-skills-registere a.tribe-button,
body.page-template-energy-and-utility-skills-register button.tribe-button,
body.page-template-energy-and-utility-skills-register input.tribe-button {
    background: #19a8e2;
    border-radius: 0px;
}

body.page-template-energy-and-utility-skills-register .header-search-form,
body.page-template-energy-and-utility-skills-register
    .nav
    > li.dropdown
    .dropdown-menu,
body.page-template-energy-and-utility-skills-register
    .nav
    > li.dropdown
    .dropdown-menu
    li
    ul.nav {
    background: #f2f2f2;
}

/*========================================================*/
/*                 EUIAS PAGE Edits                       */
/*========================================================*/

body.page-template-energy-and-utility-independent-assessment-service {
    background: #fff;
}

body.page-template-energy-and-utility-independent-assessment-service
    .site-header
    .container {
    border-bottom: 2px solid #00bb31;
}
body.page-template-energy-and-utility-independent-assessment-service
    .site-footer
    .container {
    border-top: 2px solid #00bb31;
    padding-top: 50px;
}

body.page-template-energy-and-utility-independent-assessment-service
    .proudly-sponsoredby {
    background: #002f6c;
}
body.page-template-energy-and-utility-independent-assessment-service
    .proudly-sponsoredby
    .sponsoredby-header {
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
body.page-template-energy-and-utility-independent-assessment-service
    .proudly-sponsoredby
    .sponsoredby-body {
    text-align: center;
    padding: 30px 20px;
}
body.page-template-energy-and-utility-independent-assessment-service
    .sponsoredby-body
    .brand {
    max-width: 280px;
    margin: auto;
}

body.page-template-energy-and-utility-independent-assessment-service hr {
    border-top-width: 1px;
    border-color: #ffcd00;
}
body.page-template-energy-and-utility-independent-assessment-service
    .hero-into
    h2,
body.page-template-energy-and-utility-independent-assessment-service
    .hero-into
    h3 {
    color: #ffcd00;
}

body.page-template-energy-and-utility-independent-assessment-service
    .site-header
    li.highlight
    a,
body.page-template-energy-and-utility-independent-assessment-service
    .site-header
    .dropdown-menu
    li.current-menu-item
    a,
body.page-template-energy-and-utility-independent-assessment-service
    .site-header
    .dropdown-menu
    li
    a:hover,
body.page-template-energy-and-utility-independent-assessment-service
    .site-header
    .dropdown-menu
    li
    a:focus,
body.page-template-energy-and-utility-independent-assessment-service
    .site-header
    .dropdown-menu
    li.current-menu-item
    li
    a:hover,
body.page-template-energy-and-utility-independent-assessment-service
    .site-header
    .dropdown-menu
    li.current-menu-item
    li
    a:focus,
body.page-template-energy-and-utility-independent-assessment-service
    .breadcrumb
    a,
body.page-template-energy-and-utility-independent-assessment-service
    .sidebar
    .read-more,
body.page-template-energy-and-utility-independent-assessment-service h3,
body.page-template-energy-and-utility-independent-assessment-service
    .tribe-events-single
    h1,
body.page-template-energy-and-utility-independent-assessment-service
    .tribe-events-single
    h5,
body.page-template-energy-and-utility-independent-assessment-service a,
body.page-template-energy-and-utility-independent-assessment-service
    .header-search-form
    .search-button,
body.page-template-energy-and-utility-independent-assessment-service
    .site-header
    .fa,
bbody.page-template-energy-and-utility-independent-assessment-service
    .member-area
    .fa {
    color: #00bb31;
}
body.page-template-energy-and-utility-independent-assessment-service hr {
    border-top-color: #00bb31;
}

body.page-template-energy-and-utility-independent-assessment-service .sidebar {
    background: #f0f0f0;
}
body.page-template-energy-and-utility-independent-assessment-service
    .sidebar::after {
    background-image: url(assets/img/sidebar-cut-eusr.png);
    background-image: url(assets/img/sidebar-cut-eusr.svg);
}

body.page-template-energy-and-utility-independent-assessment-service
    .woocommerce
    #respond
    input#submit.alt,
body.page-template-energy-and-utility-independent-assessment-service
    .woocommerce
    a.button.alt,
body.page-template-energy-and-utility-independent-assessment-service
    .woocommerce
    button.button.alt,
body.page-template-energy-and-utility-independent-assessment-service
    .woocommerce
    input.button.alt,
.tribe-button,
body.page-template-energy-and-utility-independent-assessment-service
    a.tribe-button,
body.page-template-energy-and-utility-independent-assessment-service
    button.tribe-button,
body.page-template-energy-and-utility-independent-assessment-service
    input.tribe-button {
    border-radius: 0px;
    background: #00bb31;
}

/*========================================================*/
/*                       Cart Edits                       */
/*========================================================*/
.site-header .menu-item-type-shopping-cart a {
    padding-left: 6px;
    padding-right: 6px;
}

.site-header .menu-item-type-shopping-cart {
    position: relative;
}
.site-header .menu-item-type-shopping-cart .count {
    position: absolute;
    top: 18px;
    right: -2px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    padding: 2px;
    background: #f5e9f5;
    font-size: 10px;
    text-align: center;
    padding-top: 0px;
}

.site-header .menu-item-type-shopping-cart .fa {
    border: 0px;
    background: 0px;
    outline: 0px;
    color: #00bb31;
    margin-right: 5px;
    font-size: 20px;
}

body.page-template-nsap-page .site-header .menu-item-type-shopping-cart .fa,
body.page-template-nsap-page .site-header .menu-item-type-shopping-cart .count {
    color: #1b8fce;
}
body.page-template-nsap-page .header-search-form,
body.page-template-nsap-page .site-header .menu-item-type-shopping-cart .count {
    background: #f7f3f2;
}

body.page-template-nsap-page .post-body ul li,
body.page-template-nsap-page .tribe-events-content ul li {
    padding-left: 22px;
    background: transparent;
    background-repeat: no-repeat;
    margin-bottom: 3px;
    background-position: 0px 4px;
    position: relative;
}

body.page-template-nsap-page .tribe-events-sub-nav li {
    padding-left: 0px !important;
}
body.page-template-nsap-page .tribe-events-sub-nav li:before {
    display: none !important;
}

body.page-template-nsap-page .post-body ul li:before,
body.page-template-nsap-page .tribe-events-content ul li:before {
    position: absolute;
    height: 11px;
    width: 11px;
    top: 4px;
    left: 0px;
    background: #f17224;
    content: " ";
}

body.page-template-nsap-page blockquote {
    border-left: 2px solid #f17224;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    float: left;
    box-sizing: border-box;
    border: 0px;
    padding: 8px 7px 9px;
    margin: 0 4px 0 0;
    outline: 0;
    line-height: 1;
    width: 150px !important;
}

h2.tribe-events-page-title {
    text-align: left;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: #fff;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: 1;
    padding: 10px 15px;
    border: 0px;
}

.woocommerce-checkout-payment {
    margin-bottom: 50px;
}

.tribe-attendees-list-container {
    display: none;
}

.site-header li.highlight a {
    text-transform: uppercase;
    color: #00bb31;
}

.table-block .table {
    table-layout: fixed;
}

.table-block .table td {
    padding: 15px;
}

.table-block .table thead th {
    background: #002f6c;
}

/* MEMBERS REGISTER FORM */
.errors-container {
    padding: 15px 10px;
    background-color: #f17171;
    border: 2px solid #e15e5e;
    border-radius: 0.5rem;
    color: #ffffff;
    margin-bottom: 20px;
}

.register-form .register-fields {
    display: flex;
    margin-bottom: 15px;
}

.register-form .register-fields > div {
    width: 100%;
}

.register-form .register-fields > :not([hidden]) ~ :not([hidden]) {
    margin-right: calc(1.5rem);
    margin-left: calc(1.5rem);
}

/* INFORGRAPHIC BLOCK */

#infographic-container {
    height: 600px;
    display: flex;
    position: relative;
    align-items: center;
}

#left-container {
    width: 50%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    margin-right: 1rem;
}

#right-container {
    width: 50%;
    height: 100%;
    align-items: center;
    position: relative;
    display: none;
    justify-content: flex-end;
    margin-right: 0.5rem;
    margin-left: 1rem;
}

.info-box::before {
    display: block;
    content: "";
    position: absolute;
    left: -25px;
    border-width: 18.5px 25px 18.5px 0;
    border-color: transparent #000 transparent transparent;
    top: 50%;
    transform: translateY(-50%);
    border-style: solid;
}
.info-box::after {
    display: block;
    content: "";
    position: absolute;
    left: -23px;
    border-width: 17.5px 25px 17.5px 0;
    border-color: transparent #f5f2f9 transparent transparent;
    top: 50%;
    transform: translateY(-50%);
    border-style: solid;
}

#info-box-purple,
#info-box-grey,
#info-box-blue {
    position: absolute;
    height: min-content;
    padding: 3rem;
    border: 2px solid black;
    display: none;
    overflow-y: scroll;
    height: 450px;
    width: 100%;
}

.info-box-top {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.info-marker {
    width: 15%;
    height: 30px;
    padding: 0.5rem;
    color: #fff;
    display: flex;
    font-size: 21px;
    align-items: center;
}

.marker-purple {
    background-color: #953192;
}

.marker-grey {
    background-color: #6f7271;
}

.marker-blue {
    background-color: #2a2c7d;
}

.links-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100px;
    margin-bottom: 0.5rem;
}

.links-container-last {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100px;
    margin-bottom: 1rem;
}

#purple-link-1,
#purple-link-2,
#purple-link-3,
#purple-link-4 {
    width: 50%;
    background-color: #953192;
    opacity: 0.7;
}

#purple-link-5 {
    width: 100%;
    background-color: #953192;
    opacity: 0.7;
}

#grey-link-1,
#grey-link-2,
#grey-link-3,
#grey-link-4,
#grey-link-5,
#grey-link-6 {
    width: 50%;
    background-color: #6f7271;
    opacity: 0.7;
}

#blue-link-1,
#blue-link-2,
#blue-link-3,
#blue-link-4 {
    width: 50%;
    background-color: #2a2c7d;
    opacity: 0.7;
}

#purple-link-3,
#purple-link-1,
#grey-link-1,
#grey-link-3,
#grey-link-5,
#blue-link-1,
#blue-link-3 {
    margin-right: 0.5rem;
}

#Purple_Part {
    display: inline-block;
    transition: all 200ms ease-in-out;
}
#Purple_Part:hover {
    transform: translate(2%, -1%);
}
#Grey_Part {
    display: inline-block;
    transition: all 200ms ease-in-out;
}
#Grey_Part:hover {
    transform: translate(0, 2%);
}
#Blue_Part {
    display: inline-block;
    transition: all 200ms ease-in-out;
}
#Blue_Part:hover {
    transform: translate(-2%, -1%);
}

#Purple_Text,
#Grey_Text,
#Blue_Text {
    position: absolute;
    bottom: 4rem;
    opacity: 0;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #002f6c;
}

#purple-text,
#grey-text,
#blue-text {
    text-align: center;
    height: 20px;
    width: 100%;
    font-weight: 500;
    color: #002f6c;
    font-size: 16px;
}

#purple-title,
#grey-title,
#blue-title {
    width: 80%;
    margin-left: 1rem;
    margin-bottom: 0;
    font-size: 22px;
}

#Outer_Wheel {
    transform-origin: 50% 50%;
    transition: all 400ms ease-in-out;
}
#Purple_Icon {
    transform-origin: 78% 37%;
    transition: all 300ms ease-in-out;
}
#Blue_Icon {
    transform-origin: 21% 37%;
    transition: all 300ms ease-in-out;
}
#Grey_Icon {
    transform-origin: 50% 82%;
    transition: all 300ms ease-in-out;
}
#left-container {
    transform: translateX(50%);
    transition: all 400ms ease-in-out;
}
#Purple_Plus {
    transform-origin: 84% 68%;
    transition: all 300ms ease-in-out;
}
#Grey_Plus {
    transform-origin: 18.5% 73%;
    transition: all 300ms ease-in-out;
}
#Blue_Plus {
    transform-origin: 47.5% 8.5%;
    transition: all 300ms ease-in-out;
}
#purple-link-1:hover {
    opacity: 1 !important;
}
#purple-link-2:hover {
    opacity: 1 !important;
}
#purple-link-3:hover {
    opacity: 1 !important;
}
#purple-link-4:hover {
    opacity: 1 !important;
}
#purple-link-5:hover {
    opacity: 1 !important;
}
#grey-link-1:hover {
    opacity: 1 !important;
}
#grey-link-2:hover {
    opacity: 1 !important;
}
#grey-link-3:hover {
    opacity: 1 !important;
}
#grey-link-4:hover {
    opacity: 1 !important;
}
#grey-link-5:hover {
    opacity: 1 !important;
}
#grey-link-6:hover {
    opacity: 1 !important;
}
#blue-link-1:hover {
    opacity: 1 !important;
}
#blue-link-2:hover {
    opacity: 1 !important;
}
#blue-link-3:hover {
    opacity: 1 !important;
}
#blue-link-4:hover {
    opacity: 1 !important;
}

.purple-content-container h2 {
    color: #953292 !important;
}
.grey-content-container h2 {
    color: #6f7271 !important;
}
.blue-content-container h2 {
    color: #2a2c7d !important;
}

.purple-content-container a,
.grey-content-container a,
.blue-content-container a {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    #infographic-container {
        height: 900px;
        flex-direction: column;
    }
    #left-container,
    #right-container {
        width: 100%;
        margin: 0;
    }
    #right-container {
        height: 50%;
        margin: 0;
        width: 95%;
    }
    #left-container {
        height: 350px;
        transform: translateX(0);
    }
    .info-box::after,
    .info-box::before {
        display: none;
    }
    #Purple_Text,
    #Grey_Text,
    #Blue_Text {
        bottom: -2rem;
    }
    #purple-title,
    #grey-title,
    #blue-title {
        font-size: 20px;
    }
    #info-box-purple,
    #info-box-grey,
    #info-box-blue {
        width: 100%;
        top: 4rem;
    }
    .post-body {
        padding-right: 0;
    }
}

/* TRIBE EVENTS */
.tribe-events-event-meta .column,
.tribe-events-event-meta .tribe-events-meta-group {
    width: 50%;
}

.tribe-events-event-meta
    .tribe-events-meta-group.tribe-events-meta-group-venue {
    display: block;
    float: none;
    width: 100%;
}

.single-tribe_events .secondary .tribe-events-venue-map {
    width: 100%;
    display: block;
    float: none;
    padding: 0 4%;
    background: none;
    border: none;
    margin: 24px 4% 4% 0;
}

/* Mobile nav dropdown */

.nav > li > a.mobile-toggle {
    display: none;
}

@media screen and (max-width: 768px) {
    .site-header ul.dropdown-menu {
        display: none !important;
    }

    .site-header ul.dropdown-menu.show {
        display: block !important;
    }

    .navbar-nav > li > a.mobile-toggle {
        position: absolute;
        display: flex;
        height: 41px;
        right: 10px;
        align-items: center;
        padding: 0 !important;
        z-index: 10;
    }

    .mobile-toggle svg {
        width: 25px;
        height: 25px;
        transition: all 0.3s ease;
    }

    .dropdown.show .mobile-toggle svg {
        transform: rotate(45deg);
    }
}

.panel {
    background: none;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width: 50%;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 50%;
}

@media screen and (min-width: 768px) {
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        padding-right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images,
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 100%;
    }
}

.cart .frm_forms {
    /* max-height: 300px; */
    overflow: auto;
    margin-bottom: 20px;
}