/*
	Theme Name: Design Insider
	Theme URI: http://designinsider.ukstg9.rmaco.com
	Description: Custom Theme for Design insider
	Version: HTML 5 Blank v1.4.3
	Author: Matthew Shield (@mattshield)
	Author URI: http://intergage.co.uk

*/

/* Notes
 *
 * BCFA Blue: #6c6b6b;
 * (Baby blue: ##4EA9AA;)
 * Main background grey: #e4e4e4;
 * */

/* hide related posts */
#post-47446 #jp-relatedposts {
    display: none !important;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after, *:before {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
.clearfix::after {
    content: '';
    display: table;
    clear: both;
}
body {
    font: 16px/1.4 "Open Sans", Arial, sans-serif;
    color:#444;
    /*background: #f4f4f4;*/
    background: #fff;
    min-width: 320px;
    scroll-behavior: smooth;
}
img {max-width:100%; vertical-align:bottom; height:auto;}
/*a {color:#4ea9aa; text-decoration:none;}*/
a {color:#6c6b6b; text-decoration:none;}
a:hover {color:#444;}
a:focus {outline:0;}
a:hover, a:active {outline:0;}
input:focus {outline:0;	border:1px solid #04A4CC;}
h1, .top-title {color:#313131; font-family:"Oswald-Regular", Arial, sans-serif; text-transform:uppercase;	font-size:30px;	margin:0;}
/*.home h1, .tag h1, .category h1, .author h1, .archive h1, .search h1, .page h1, .top-title {position:absolute; top:-52px; left: 0; color:#dfdfdf;}*/
/* rjm .page h1, .category h1, .author h1,  .tag h1, .search h1 {top: -75px;}*/
/*rjm .archive h1 {top: -85px;}*/
.home h1, .category h1, .archive h1  { color: #dfdfdf; padding: 4px 10px; font-size: 24px; font-family: "Oswald-Regular", Arial, sans-serif; text-transform: uppercase; font-weight: 400;}
.home h1, .category h1, .archive h1 {background: #313131;margin-top: 10px;}
h2{ font-family: "Oswald-Regular", Arial, sans-serif; font-weight:normal;}
h3, h4 {background: #313131; color: #dfdfdf; padding: 4px 10px; font-size: 24px; font-family: "Oswald-Regular", Arial, sans-serif; text-transform: uppercase; font-weight: 400;}
h1 a {color: #313131;}
h2 a, h3 a, h4 a {color: #dfdfdf; display: block; width: 100%; height: 100%;}
h1 a:hover {color: #4ea9aa;}
h2 a:hover, h3 a:hover, h4 a:hover {color: #fff;}
input[type="submit"] {background: #A8B647; border: 0; font-family: "Open Sans", Arial, sans-serif; padding: 5px; color: #fff; }

iframe {
    max-width: 100%!important;
}
.page-id-6 article.page h2 {
    text-transform: uppercase;
}
.biog {
    border-bottom: 1px solid #666;
    margin-bottom: 1em;
    padding: 10px 0 20px;
}
.biog h2 {
    font-size: 1.4em;
    margin: 0;
    text-transform: uppercase;
}
.biog h3 {
    margin: 0;
    background: none;
    padding: 0;
    font-size: 18px;
    color: #666;
}
.biog a {
    border: none;
    color: #fff;
    background-color: #8CA93F;
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 12px;
    padding: 2px 16px;
    text-transform: uppercase;
}





/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* rjm .header {overflow:hidden; position:relative;}*/
.header { position:relative;}
.logo {position: relative;max-width: 310px;}
/* rjm remove backgrond at top of header .logo:before, .logo:after {background: rgba(0,0,0,0.65); width: 1000%; position: absolute; content: ""; top: 0;	height: 78.5%;}
	.logo:before {left: -1000%;}
	.logo:after {right: -1000%;}
	.logo img {max-width: 100%; width: 100%; height: auto;} */
.logo img {max-width: 100%; width: 100%; height: auto; padding-top:15px; padding-bottom:15px;}

.header > img {width: 100%; height: auto;}
/*sn
.nav {display: none; text-align: right;position: relative;}
*/
.nav ul {padding: 0;}
.nav li { display: inline-block;}
/*rjm
  .nav li a {color: #fff; font-size: 18px; font-family: "Oswald-Regular", Arial, sans-serif; text-transform: uppercase; margin: 0 3px; color: #EEE} */
.nav li a {color: #fff; font-size: 18px; font-family: "Oswald-Regular", Arial, sans-serif; text-transform: uppercase; margin: 0 3px; color: #313131;}
.nav li a:hover {color: #fff;}
.nav li a:before {content: " / ";}
.nav li.home a {background: url(img/sprite5.png) no-repeat 10px 0; text-indent: 100%; display: inline-block; overflow: hidden; width: 35px;}
.nav li.home a:before {content: "";}

/*
.search {margin-top: 30%; position: relative;z-index: 1;padding-bottom: 50px;}
	.search .search-input {height: 32px; font-size: 19px; width: 84%; float: left; border: 0; font-family: "Open Sans", Arial, sans-serif; padding: 0 5px;}
  */

/*	.search .search-input:focus {outline: none; border: 0;}
	.search .search-submit {background: url(img/sprite5.png) no-repeat -68px 2px #A8B647; width: 33px; float: left; height: 32px;	border: 0; text-indent: 200%; color:transparent; overflow: hidden;}
  */
.social-media {display: none;}
.header-bar {position: relative; bottom: 0; left: 0; width: 100%; height: 70px; background: #313131;}
.header .supported-by-bcfa { width:276px; height:56px; float:right; margin:25px 30px 0 0;}
.main {background: #fff;position: relative;}
.top-title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%}
.top-title a {color: #dfdfdf;}
article.post.format-standard {margin: 10px 0 25px 0; clear: both; padding-bottom: 25px; overflow: auto;}
.single aside.post-info {display: none;}
article.post.format-standard .post-info, article.post.format-standard .category-tags { font-size: 16px; font-family: "Oswald-Regular", Arial, sans-serif; text-transform: uppercase;}
article.di_job .post-info, article.di_job .category-tags  { font-size: 15px; font-family: "Oswald-Regular", Arial, sans-serif; text-transform: uppercase;}
article.post.format-standard .post-info p {padding: 10px 10px 0 10px;}
article.post.format-standard .post-info a, article.post.format-standard .post-info span, article.di_job .post-info a, article.di_job .post-info span {color:#647374;}
article.post.format-standard .post-info a:hover {color: #6c6b6b;}
article.post.format-standard .post-info .wp-post-image{width: 100%;}
article.post.format-standard .category-tags {background: none;}
article.post.format-standard .tags, article.post.format-standard .categories {margin: 0; font-family: "Oswald-Regular", Arial, sans-serif; text-transform: uppercase; color: #000;}
article.post.format-standard .tags a, article.post.format-standard .categories a{color: #647374;display: inline-block;margin: 0 5px;}
article.post.format-standard .tags a:hover, article.post.format-standard .categories a:hover {color: #6c6b6b;}
article.post.format-standard .tags a:before {content:"#";}
.home article.post.format-standard {position: relative;}
.home article.post.format-standard h3, .category article.post.format-standard h3, .tag-fr-webinar-series article.post.format-standard h3{margin-top: 0.5em; background: transparent; padding: 0; color: #313131; font-size: 1.25em;}
.tag-fr-webinar-series article.post.format-standard .tags { margin: 10px 0; }
.tag-fr-webinar-series article.post.format-standard h3 a, .tag-fr-webinar-series article.post.format-standard h3 a:hover { color:  #313131; }
.category-products article.post.format-standard h3{margin-bottom: 0;}
.home article.post.format-standard h3 a, .category article.post.format-standard a {color: #313131;}
.home article.post.format-standard h3 a:hover, .category article.post.format-standard a:hover {color: #6c6b6b;}
.pagination {clear: both;margin: 10px 20px;}
/*knowledge library*/
article.type-knowledgelibrary {margin: 10px 0 30px 0; clear: both; padding-bottom: 30px; overflow: auto;}
article.type-knowledgelibrary .post-info, article.type-knowledgelibrary .category-tags { font-size: 16px; font-family: "Oswald-Regular", Arial, sans-serif; text-transform: uppercase;}
article.type-knowledgelibrary .post-info p {padding: 10px 10px 0 10px;}
article.type-knowledgelibrary .post-info a, article.type-knowledgelibrary .post-info span {color:#647374;}
article.type-knowledgelibrary .post-info a:hover {color: #6c6b6b;}
article.type-knowledgelibrary .post-info .wp-post-image{width: 100%;}
article.type-knowledgelibrary .category-tags {background: none;}
.post-type-archive-knowledgelibrary  h2.entry-title {text-transform: uppercase;}
.post-type-archive-knowledgelibrary article h3{margin-top: 0.5em; background: transparent; padding: 0; color: #313131; font-size: 1.25em;}
.library-search { background-color: #f1f1f1; margin-bottom: 15px; }
.library-search p { font-size: 16px; font-family: "Oswald-Regular", Arial, sans-serif; text-transform: uppercase; margin: 5px 0; }
.library-search .filters { padding: 15px 10px; }
.post-type-archive-knowledgelibrary .entry-content { transition: all .6s ease; }
.library-search button {
    border: none;
    color: #fff;
    background-color: #8CA93F;
    font-family: "Oswald-Regular", Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 18px !important;
    align-self: flex-end;
    line-height: 12px !important;
    height: 38.4px;
    padding: 8px 16px;
    text-transform: uppercase !important;
    display: block;
    width: 25%;
}
.library-search select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 96%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    position: relative;
}
@media only screen and (min-width: 480px) { .library-search .filters  { display: flex; }  .library-search .filters .selector { width: 25%; } }
/* Ambassadors category */
.category-ambassadors article.post.format-standard h3.title {
    margin-bottom: 5px;
    margin-right: 100px;
}
.category-ambassadors .ambassador-top-region .widget_text {
    margin-top: 0;
    padding-top: 0;
}
.category-ambassadors article.post.format-standard .content h3 {
    font-size: 17px;
    margin-top: 0;
    margin-right: 100px;
    color: #6c6b6b;
}
.category-ambassadors article.post.format-standard .content .link {
    border: none;
    color: #fff;
    background-color: #8CA93F;
    display: inline-block;
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 12px;
    margin-bottom: 5px;
    padding: 8px 16px;
    text-align: center;
    text-transform: uppercase;
    width:  100%;
}
.category-ambassadors article.post.format-standard .content .link:hover {
    background-color: #6c6b6b;
}
.category-ambassadors .sustainability-icon { float:right; margin-top: 0.8em; }

/*rjm*/
.thumbnail-wrap{background-color:#f8f8f8; position:relative;/*text-align:center;*/}

.sidebar {background: #f8f8f8; padding-left: 20px; padding-right: 0;}
.widget_recent_entries {position: relative;}
.widget_recent_entries h4 {margin-bottom: 20px;}
.widget_recent_entries ul {list-style: none;margin: 0 20px 20px 0;}
.widget_recent_entries a {font-size: 16px; font-style: italic; font-weight: 300; color: #313131; position: relative; padding: 0; display: block;}
.widget_recent_entries a:hover {color: #4ea9aa;}
.widget_recent_entries a:before {content: ">"; font-family: "Oswald-Light", Arial,sans-serif; font-size: 30px; font-weight: 300; left: -10px; line-height: 1; position: relative; top: 50%; font-style: normal;}
.widget_nav_menu {}
.widget_nav_menu ul {padding: 0; list-style: none;}
.widget_nav_menu li {padding: 0;}
.widget_nav_menu a {padding: 10px 20px 10px 50px; display: block; font-size: 21px; font-family: "Open Sans", Arial, sans-serif; font-weight: 300; color: #313131; position: relative;}
.widget_nav_menu a:hover {background: #4ea9aa; color: #fff;}
.widget_nav_menu a:before {content: ""; position: absolute; left: 5px; top: 3px; width: 42px; height: 42px; background: url(img/sprite5.png) no-repeat 0 -50px;}
.widget_nav_menu li.brilliantPeople a:before {background-position: -554px 0;}
.widget_nav_menu li.directorsCut a:before {background-position: -690px 0;}
.widget_nav_menu li.expertsTrends a:before {background-position: -462px 0;}
.widget_nav_menu li.howTo a:before {background-position: -418px 0;}
.widget_nav_menu li.inspiration a:before {background-position: -508px 0;}
.widget_nav_menu li.international a:before {background-position: -644px 0;}
.widget_nav_menu li.newsEvents a:before {background-position: -600px 0;}
.widget_nav_menu li.featured a:before {background-position: -735px 0;}
.widget_nav_menu li.office a:before {background-position: -778px 0;}
.widget_tag_cloud h4 {margin-bottom:  10px;}
.widget_tag_cloud .tagcloud {padding: 15px; background: #d3d3d3;}
.widget_tag_cloud a, .post-tags a{background: #575757; font-size: 19px; font-style: italic; font-weight: 300; color: #fff; padding: 2px 10px 2px 5px; margin: 5px 0; display: inline-block;}
.widget_tag_cloud a:hover, .post-tags a:hover {background: #4ea9aa;}
.widget_archive h4{margin: 10px 0;}
.widget_archive ul {background: #d3d3d3; padding: 10px 20px; list-style: none; margin-top: 0;}
.widget_archive a {color: #647374; font-style: italic;}
.widget_archive a:hover {color:#4ea9aa; position: relative;}
.widget_archive a:hover:after {content: ">"; font-family: "Oswald-Light", Arial,sans-serif; font-size: 25px; font-weight: 300; right: -15px; line-height: 1; position: absolute; top: -5px; font-style: normal;}
.widget_text {padding: 6px;margin: 40px 0;}
.footer {}
.accreditations {background: #b9b9b9; padding: 10px 0;}
.footer-nav {background: #313131;}
.footer-menu ul, .back-to-top {padding: 0; margin: 5px 0; text-align: right;}
.footer-menu li {float: left; list-style: none; margin-bottom: 5px;}
.footer-menu a, .back-to-top a{color: #fff; padding: 0 5px 0 0; font-family: "Oswald-Light", Arial, sans-serif; font-size: 14px; text-transform: uppercase;}
.footer-menu a:after {content: "//"; margin-left: 10px;}
.footer-menu li:last-child a:after {content: "";}
.back-to-top a {background: url(img/sprite5.png) no-repeat 38px -26px;padding: 0 25px 0 0;}
.copyright {background: #000000; color: #dfdfdf;}
.copyright p {margin: 0 auto; padding: 5px 0; font-family: "Oswald-Light", Arial, sans-serif; font-size: 17px; text-transform: uppercase;}
.copyright a {color: #b9b9b9; font-weight: 700;}
.intergage {text-align: right;}

/* footer newsletter region */
#newsletter {
    float: none;
    max-width: 400px;
    display: inline-block;
    margin: 0px;
}
#newsletter .gform_confirmation_message {
    padding: 0;
}
#newsletter .widget_text {
    padding: 0;
    margin: 0;
    min-height: 138px;
}
/* Menu footer region */
#about-menu .widget_nav_menu {
    padding-top: 0;
}
#about-menu .widget_nav_menu h4, #newsletter .widget_text h4 {
    background: none;
    color: #000;
    font-size: 20px;
    padding: 0;
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
}
#about-menu .widget_nav_menu ul {
    margin: 0;
}
#about-menu .widget_nav_menu a {
    font-size: 16px;
    font-family: "Oswald-Light", Arial, sans-serif;
    padding: 0;
    text-transform: uppercase;
}
#about-menu .widget_nav_menu a:hover {
    background: none;
    color: #6c6b6b;
}
.hustle-modal-success.hustle-modal-success_show {
    z-index: 99999 !important;
}
.hustle-popup .hustle-modal .hustle-modal-body section {
    border: none !important;
}
.hustle-popup .hustle-modal-cabriolet .hustle-modal-content .hustle-modal-wrap--content {
    padding: 0 !important;
}
.single .module_id_1 .hustle-modal .hustle-modal-image {
    height: 286px !important;
}
.single .module_id_1 .hustle-modal .hustle-modal-body article h2 {
    font-size: 20px !important;
    line-height: 26px !important;
}
#inc_opt_widget-2 {
    max-width: 335px;
    margin: 10px auto 20px;
}
#inc_opt_widget-2 .module_id_1 .hustle-modal .hustle-modal-body article {
    max-width: 310px;
}
.footer .hustle-modal-optin_form {
    display: block !important;
}
.footer .grid-container {
    position: relative;
}
.footer .logos {
    text-align: center;
}
.footer .logos .social-media {
    float: none;
}
.sidebar-widget .hustle-modal .hustle-modal-image {
    height: 287px !important;
}
.hustle-modal .hustle-modal-body article h2 {
    font-size: 22px !important;
}
.hustle-popup .hustle-layout {
    margin: 0 auto;
}
.hustle-popup .hustle-layout-header {
    margin: 0 !important;
}
.hustle-popup .hustle-layout-body .hustle-content-wrap, .hustle-popup .hustle-content {
    padding: 0 !important;
}
.hustle-popup .newsletter-wrapper {
    padding: 0;
}
.hustle-popup #gform_wrapper_3 {
    margin: 0;
}
.hustle-popup .hustle-modal .hustle-modal-body {
    background: transparent !important;
}
.hustle-popup .gform_wrapper .gform_heading {
    margin-bottom: 10px !important;
}
.hustle-popup .gform_wrapper li.gfield.gfield_error {
    border: none !important;
}
.hustle-popup .gform_wrapper li.gfield.gfield_error input {
    border: 1px solid #790000 !important;
}
.hustle-popup .hustle-modal .hustle-modal-optin_field label, .hustle-popup .hustle-modal .hustle-modal-optin_field input {
    padding: 10px 5px !important;
}
.hustle-popup #gform_page_3_1 .gform_page_fields, .hustle-popup #gform_page_3_1 .gform_page_fields ul, .hustle-popup #gform_page_3_1 .gform_page_footer,
.hustle-popup #gform_page_3_1 .ginput_container {
    display: inline !important;
}
.hustle-popup #gform_page_3_2 .gform_page_footer {
    padding: 10px 0px 0;
}
.hustle-popup #gform_page_3_2 .gform_page_footer input {
    border: none !important;
    width: auto !important;
    height: auto !important;
    line-height: 7px !important;
}
.hustle-popup #gform_page_3_2 #gform_submit_button_3 {
    padding: 6px 105px;
    line-height: 15px !important;
}
.hustle-popup #gform_page_3_1 .gform_page_fields ul li {
    width: 88px !important;
    display: inline !important;
    margin: 0 1px 0 !important;
    padding: 0 !important;
    position: relative;
}
.hustle-popup #gform_page_3_1 .gform_page_fields ul li:before {
    display: none;
}
.hustle-popup .hustle-modal .hustle-modal-image {
    height: 271px !important;
}
.hustle-popup .gform_wrapper span.gform_description {
    width: 100%;
    margin: 0;
}
.hustle-popup .hustle-modal .hustle-modal-body article h2 {
    font-size: 19px !important;
}
.hustle-popup .newsletter-wrapper .hustle-modal-image_centercenter img {
    width: 433px !important;
}
.hustle-popup .newsletter-wrapper .heading {
    margin-right: 0px !important;
    max-width: 100% !important;
    top: 115px !important;
}
.hustle-popup #gform_confirmation_message_3 .newsletter-wrapper .heading {
    margin-right: 0px !important;
}
.hustle-popup #gform_page_3_1 .gform_page_footer input {
    border: none !important;
    padding: 5px !important;
    height: auto !important;
}
.hustle-popup #field_3_7 {
    position: relative;
}
.hustle-popup #validation_message_3_7 {
    bottom: -3px !important;
    left: 18px !important;
}
.hustle-popup .gform_wrapper .validation_message {
    color: #790000;
    font-weight: 700;
    letter-spacing: normal !important;
    position: absolute !important;
    bottom: 33px !important;
    left: 0 !important;
    font-size: 8.5px !important;
    line-height: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.hustle-popup #gform_3 input {
    border: 1px solid #dadada;
    color: #000;
    margin: 0;
    display: inline;
    width: 88px;
    height: 40px;
    font-size: 13px;
    line-height: 18px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    padding: 10px;
}
.hustle-popup .ginput_container .gfield_checkbox input {
    height: 23px !important;
}
@media only screen and (max-width:480px) {
    .hustle-popup .hustle-modal .hustle-modal-image {
        height: 271px !important;
    }
    .hustle-popup .hustle-modal .hustle-modal-body article h2 {
        font-size: 19px !important;
    }
    .hustle-popup .newsletter-wrapper .hustle-modal-image_centercenter img {
        width: 433px !important;
    }
    .hustle-popup .newsletter-wrapper .heading {
        max-width: 100% !important;
    }
    .hustle-popup .hustle-modal .hustle-modal-body h2 {
        font-size: 19px !important;
    }
    .hustle-popup #gform_page_3_1 .gform_page_footer {
        display: block !important;
        padding: 2px 20px !important;
        margin: 5px 0 !important;
    }
    .hustle-popup #gform_page_3_2 #gform_submit_button_3 {
        padding: 6px 67px !important;
    }
    .hustle-popup .newsletter-wrapper .hustle-modal-image_centercenter img {
        width: 433px !important;
    }
    .hustle-popup .newsletter-wrapper .heading {
        max-width: 100% !important;
    }
}
@media only screen and (min-width:1024px) {
    .home .sidebar-widget .hustle-modal .hustle-modal-image {
        height: 248px !important;
    }
    .sidebar-widget .hustle-modal .hustle-modal-image {
        height: 287px !important;
    }
}
@media only screen and (min-width:768px) {
    .footer .logos {
        float:right;
        width: 205px;
        position: absolute;
        text-align: right;
        top: 3px;
        right: 10px;
        bottom: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }
    .footer .ciuklogo {
        align-self: end;
    }
    #about-menu {
        position: absolute;
        top: 0;
        left: 470px;
        max-width: 200px;
    }
}

/* Sidebar About footer menu */
.sidebar-widget .widget_nav_menu {
    margin-bottom: 15px;
    padding-top: 0;
}

.sidebar-widget .widget_nav_menu h4 {
    background: #9e9e9e;
    color: #fff;
    font-family: "Oswald-Light", Arial, sans-serif;
    font-size: 17px;
    font-weight: bold;
    margin: 0 5px;
    padding: 4px 6px;
    position: relative;
    top: 0;
}

.sidebar-widget #menu-about-footer-menu {
    background: #9e9e9e;
    margin: 0 5px;
}
.sidebar-widget #menu-about-footer-menu li {
    border-bottom: dotted 1px #ccc;
}

.sidebar-widget #menu-about-footer-menu a:hover {
    background-color: #fff;
}

.sidebar-widget #menu-about-footer-menu a {
    color: #444;
    font-size: 16px;
    padding: 8px;
}

/* Sidebar gravity newsletter form */

.gform_wrapper span.gform_description {
    width: 100%;
}
.newsletter-wrapper {
    position: relative;
}
.newsletter-wrapper .heading {
    color: rgb(173, 181, 183) !important;
    position: absolute !important;
    max-width: 310px;
    z-index: 9 !important;
    top: 71px !important;
    right: 0 !important;
    text-align: right !important;
}
.newsletter-wrapper .heading h2 {
    background-color: #8CA93F;
    color: #000;
    display: table;
    float: right;
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    padding: 0 16px 0 4px;
    margin: 0 0 8px 0;
    text-transform: uppercase;
}
#gform_widget-3:before {
    content:'SUBSCRIBE TO OUR NEWSLETTER';
    color: #000 !important;
    font-family: "Oswald-Regular", Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 20px !important;
    line-height: 23px !important;
    padding: 0 4px 0 0px !important;
    text-transform: uppercase !important;
    display: table !important;
}
#gform_widget-3 .gform_wrapper {
    margin: 0;
}
#gform_widget-3 .gform_wrapper .gform_page_footer {
    margin: 4px 0 0;
    border: none;
    padding: 0;
}
.sidebar-widget #gform_widget-2 {
    margin-left: 5px;
}
#gform_widget-2 .gform_heading, #gform_widget-3 .gform_heading {
    margin-bottom: 0;
}
#gform_widget-2 .gform_description {
    margin-bottom: 5px;
    width: 100%;
}
#gform_widget-2 .gfield, #gform_widget-2 .ginput_container, #gform_widget-3 .gfield, #gform_widget-3 .ginput_container {
    margin-top: 4px;
    padding: 0;
}

#gform_widget-2 .ginput_container input {
    border: 1px solid #dadada;
    color: #000;
    margin: 0;
    width: 100%;
    height: 40px;
    font-size: 13px;
    line-height: 18px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    padding: 10px;
}
#gform_widget-3 .ginput_container input {
    border: 1px solid #dadada;
    color: #000;
    margin: 0;
    width: 100%;
    height: 30px;
    font-size: 13px;
    line-height: 18px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    padding: 10px;
}
#gform_widget-2 .ginput_container ::placeholder, #gform_widget-3 .ginput_container ::placeholder, #gform_3 ::placeholder {
    color: #000;
}
#gform_widget-2 .gform_wrapper .gform_page_footer, #gform_3 .gform_page_footer {
    border: none;
    margin: 14px 0 10px 0;
    padding: 0;
}

#gform_widget-2 .gform_page_footer, #gform_widget-3 .gform_page_footer, #gform_3 .gform_page_footer {
    margin: 0;
}

.gform_wrapper .gform_page_footer .button {
    border: none;
    color: #fff;
    background-color: #8CA93F;
    font-family: "Oswald-Regular", Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 12px !important;
    padding: 8px 16px;
    text-transform: uppercase !important;
}
.home #gform_submit_button_1 {
    padding: 8px 40px;
}

#gform_submit_button_1, #gform_submit_button_2 {
    margin-right: 0;
    padding: 8px 62px;
}
.gform_wrapper .gform_page_footer .gform_previous_button {
    background-color: #ccc;
}
#gform_widget-2 .ginput_container .gfield_checkbox input, #gform_widget-3 .ginput_container .gfield_checkbox input {
    height: 23px;
}
#gform_widget-2 .ginput_container .gfield_checkbox, #gform_widget-3 .ginput_container .gfield_checkbox li {
    margin: 0 0 2px;
}
.gform_confirmation_message {
    color: #000000;
    padding: 10px 20px;
}
#gform_widget-2 .gform_confirmation_message {
    padding: 0 0 10px 0;
}
.hustle-popup .gform_confirmation_message .newsletter-wrapper {
    padding: 0 !important;
}
.gform_confirmation_message #thank-you {
    background: transparent !important;
    float: none !important;
    font-size: 20px !important;
    line-height: 20px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
}
.gform_confirmation_message .newsletter-wrapper .heading h2 {
    background-color: #8CA93F;
    color: #000;
    display: table;
    float: right;
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    padding: 0 16px 0 4px;
    margin: 0 0 8px 0;
    text-transform: uppercase;
}
.gform_confirmation_message .social-media {
    float: none;
    display: flex;
    justify-content: space-evenly;
}
.gform_confirmation_message .social-media a {
    margin-right: 3px;
}
.gform_confirmation_message .social-media a {
    background: url(img/sprite-sheet-bw-2.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
}
.gform_confirmation_message .social-media .facebook {background-position: -54px -2px;}
.gform_confirmation_message .social-media .linkedin {background-position: -51px -45px}
.gform_confirmation_message .social-media .instagram {background-position: -106px -2px;}
.gform_confirmation_message .social-media .pinterest {background-position: -158px -2px;}
.gform_confirmation_message .social-media .twitter {background-position: -210px -2px;}
.gform_confirmation_message .social-media .vimeo {background-position: -262px -2px;}
.gform_confirmation_message .social-media .youtube {background-position: -314px -2px;}

.footer .logos img {
    margin: 0;
}
/* Popular widget */
.popular-widget{margin-top:10px;padding:0 5px;}
.pop-layout-v{background-color:#808080;}
ul.pop-widget-tabs li, .rtbs .rtbs_menu li { width:50%;margin:0;border:0; }
/* Th eline below is needed to get rid of space between the tabs abd the widget content - not sure why!! */
ul.pop-widget-tabs li { margin:0 0 -1px 0; }
ul.pop-widget-tabs li a, #custom_html-2 .rtbs .rtbs_menu li a {
    background: none repeat scroll 0% 0% #808080;
    width:100%; color:#fff;
    font-family: "Oswald-Light", Arial, sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    line-height:20px;
    letter-spacing:normal;
}
/* active tab */
ul.pop-widget-tabs li a:hover, ul.pop-widget-tabs li a.active, ul.pop-widget-tabs li a:active, ul.pop-widget-tabs li a:focus {
    background: none repeat scroll 0% 0% #a0a0a0;
    border-color:#a0a0a0;
}
div.pop-inside{border:0;}
div.pop-inside ul{background-color:#a0a0a0;}
div.pop-inside ul li .pop-title{ font-weight:normal;color:#444;}

/*------------------------------------*\
    PAGES + PLUGINS
\*------------------------------------*/

/* Single Page Styles */

.page section.main{ padding-top:30px; }

.social-share {padding: 0 10px; background: #fff;}
.social-share .fsb-title {width: 85%;}
.social-share .fsb-share-facebook,
.social-share .fsb-share-twitter,
.social-share .fsb-share-linkedin,
.social-share .fsb-share-pinterest,
.social-share .fsb-share-google {margin: 5px 40px;}
.post-tags {padding: 10px;}
.post-tags a {font-family: "Open Sans", Arial, sans-serif; font-size: 17px; color: #fff!important; text-transform: capitalize;}

.entry-author-info {margin-bottom: 20px;}
.entry-author-info h2 {margin-top: 0; line-height: 1; text-transform: uppercase; font-family: "Oswald-Regular", Arial, sans-serif;}
.entry-author-info img, .comment-avatar img {-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.nrelate .nr_title {padding: 4px 10px;}
.post-edit-link {position: absolute; right: 20px; bottom: -20px;}
.supplier-finder .post-edit-link {right: unset; bottom: unset; top: -2em;left: 5px;background: #000;color: #fff; padding: 5px 10px;}
.supplier-finder .post-edit-link:hover { background-color:#666; }

.comments {clear: both; margin-top: 20px;}
.comments > ul {padding: 0; list-style: none;}
.comments cite {font-style: normal; font-family: "oswald-regular", Arial, sans-serif; font-size: 18px; text-transform: uppercase;}
.comments cite a {color: #313131;}
.comments .comment-meta a{font-size: 12px; color: #313131;}
.comment-respond label {display: block;}
.comment-respond input, .comment-respond textarea {width: 95%;}
.comment-respond .form-allowed-tags {display: none;}
/* fix for comments - rjm 20/5/2016 */
.comment-body::after, .comment-respond::before{
    content: "";
    clear: both;
    display:table;
}

.home .rslides_nav {font-size: 3em; margin-top: -45px;}
.home .metaslider {border: 10px solid #fff;}

#simple-links-2 { background: #9e9e9e; margin: 40px 5px;}
#simple-links-2 ul { list-style: none; list-style-image: none; margin-top: 0; padding: 0;}
#simple-links-2 h4 {
    background: #9e9e9e;
    width: 100%;
    color: #fff;
    font-family: "Oswald-Light", Arial, sans-serif;
    font-size: 17px;
    font-weight: bold;
    padding: 5px;
    margin:0;
    text-transform: uppercase;
    line-height: 26px;
    letter-spacing: normal;
}
#simple-links-2 ul li { list-style: none; position: relative; padding: 8px 5px; overflow: auto; border-bottom: dotted 1px #ccc;}
#simple-links-2 ul li:hover {
    background: #f5f5f5;
}
#simple-links-2 ul li:hover a {
    color: #444;
}
#simple-links-2 ul li img {
    margin: 0;
    float: left;
    height: auto;
    max-width: 65px;
    margin-right: 10px;
}
#simple-links-2 ul li a {
    color: #444;
}
ul.pop-widget-tabs li a {
    background: none repeat scroll 0% 0% #b2b0b0;
}
#custom_html-2, #custom_html-2 .rtbs { margin-top: 0; margin-bottom:0; }
ul.pop-widget-tabs li a:hover, ul.pop-widget-tabs li a.active, ul.pop-widget-tabs li a:active, ul.pop-widget-tabs li a:focus,
#custom_html-2 .rtbs .rltdpstsplgn-popular-posts article.post:hover, #custom_html-2 .rtbs .rltdpstsplgn-latest-post-block article.post:hover {
    background: none repeat scroll 0% 0% #f5f5f5;
}
#custom_html-2 .rtbs .rltdpstsplgn-popular-posts article.post a:hover, #custom_html-2 .rtbs .rltdpstsplgn-latest-post-block article.post a:hover {
    color: #313131;
}
div.pop-inside ul {
    background-color: #808080;
}
#custom_html-2 .rtbs .rtbs_menu ul {
    background-color: #b2b0b0;
}
ul.pop-widget-tabs li a, #custom_html-2 .rtbs .rtbs_menu li a {
    padding: 5px 3px;
    word-spacing: 100px;
}
#custom_html-2 .rtbs .rtbs_content {
    background-color: #808080;
    padding: 0px;
}
#custom_html-2 .rtbs .rtbs_content p, #custom_html-2 .rtbs h4 {
    display: none;
}
#custom_html-2 .rtbs .rtbs_content h3 {
    background: none;
    font: 16px/1.4 "Open Sans", Arial, sans-serif;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}
#custom_html-2 .rtbs .rtbs_content h3 a {
    color: #303030;
}
#custom_html-2 .rtbs .rltdpstsplgn-popular-posts article, #custom_html-2 .rtbs .rltdpstsplgn-latest-post-block article {
    border-bottom: dotted 1px #ccc;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    margin: 0;
    padding: 8px 5px;
}
#custom_html-2 .rtbs .rltdpstsplgn-popular-posts article .entry-header, #custom_html-2 .rtbs .rltdpstsplgn-latest-post-block .entry-header {
    flex-basis: 75%;
    min-width: 0;
}
#custom_html-2 .rtbs .rltdpstsplgn-popular-posts article .entry-content, #custom_html-2 .rtbs .rltdpstsplgn-latest-post-block .entry-content {
    flex-basis: 25%;
}
div.pop-inside ul li .pop-title {
    color: #303030;
}

#sb_instagram .sbi_info p { text-align:left; }
#sb_instagram .sbi_header_text .sbi_bio_info {
    display: none;
}
#sb_instagram .sb_instagram_header {
    margin-bottom: 0 !important;
}
#sb_instagram .sbi_bio:before {
    content: '';
    background-image: url('img/user.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    position: relative;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 2px;
}
/* Masonry */
.so-masonry-container { width: 100%; margin: 0 auto 0 auto; zoom: 1; }
.so-masonry-container:before { content: ''; display: block; }
.so-masonry-container:after { clear: both; content: ''; display: table; }
.so-masonry-container .masonry-brick { position: relative; width: auto; float: left; margin: 0; overflow: hidden; padding: 10px; }
.so-masonry-container .masonry-brick .thumbnail-link { display: block; line-height: 0; }
.so-masonry-container .masonry-brick img.wp-post-image { width: 100%; height: 100%; border-radius: 0; box-shadow: none; display: block; }
.so-masonry-container .masonry-brick.size-11, .so-masonry-container .masonry-brick.size-12 { width: 25%; }
.so-masonry-container .masonry-brick.size-21, .so-masonry-container .masonry-brick.size-22 { width: 50% }
.so-masonry-container .masonry-brick .splitter { position: absolute; width: 100%; overflow: hidden; z-index: 10; }
.so-masonry-container .masonry-brick .splitter img { position: absolute; left: 0; width: 100%; height: auto; border-radius: 0; box-shadow: none; }
.so-masonry-container .masonry-brick .splitter.top { border-bottom: 1px solid transparent; /* Fixes a graphics glitch */ }
.so-masonry-container .masonry-brick .splitter.top .decoration { bottom: 0px; }
.so-masonry-container .masonry-brick .splitter.top img { top: 0; }
.so-masonry-container .masonry-brick .splitter.bottom { border-top: 1px solid transparent; }
.so-masonry-container .masonry-brick .splitter.bottom .decoration { top: 0px; }
.so-masonry-container .masonry-brick .splitter.bottom img { bottom: 0; }
.so-masonry-container .masonry-brick .post-information { position: absolute; left: 0; width: 100%; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: -1em; padding: 0; text-decoration: none !important; z-index: 9; bottom: 0; }
.so-masonry-container .masonry-brick .post-information a { color: inherit; text-decoration: none; }
.so-masonry-container .masonry-brick .post-information h2 { color: #FFFFFF; font-size: 18px; font-weight: 300; line-height: 1.4em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); background: rgba(0,0,0,0.35); margin: 0 10px;}
.so-masonry-container .masonry-brick .post-information h2:after {content: ">"; position: absolute; bottom: 25%; right: 15px; font-size: 40px; font-family: "Oswald-Light", Arial, sans-serif;}
.so-masonry-container .masonry-brick:hover .post-information h2 {background: #4ea9aa;}
.so-masonry-container .masonry-brick .featured-excerpt {display: none;}
.so-masonry-container .masonry-brick:hover .featured-excerpt {display: block; overflow: hidden; background: #000; background: rgba(0,0,0,0.65); padding: 10px 10px 30px 10px; position: absolute; font-size: 12px; color: #fff; width: 83%; z-index: 1; top: 15%; max-height: 50%; left: 8%;}
.so-masonry-container .masonry-brick:hover .featured-excerpt .featured-excerpt-text a.read_more{display: none;}
.so-masonry-container .masonry-brick:hover img {opacity: 0.65;}
.so-masonry-container .masonry-brick.no-thumbnail .post-information, .so-masonry-container .masonry-brick.loading .post-information { display: block; }
@media only screen and (max-width: 680px) {
    .so-masonry-container.responsive .post-information h2 { font-size: 18px; }
    .so-masonry-container.responsive .post-information .entry-meta { font-size: 11px; }
    .so-masonry-container.responsive .masonry-brick.size-11, .so-masonry-container.responsive .masonry-brick.size-12 { width: 50%; }
    .so-masonry-container.responsive .masonry-brick.size-21, .so-masonry-container.responsive .masonry-brick.size-22 { width: 100%; }
}
@media only screen and (max-width: 480px) {
    .so-masonry-container.responsive .post-information h2 { font-size: 16px; }
    .so-masonry-container.responsive .masonry-brick.size-11, .so-masonry-container.responsive .masonry-brick.size-12, .so-masonry-container.responsive .masonry-brick.size-21, .so-masonry-container.responsive .masonry-brick.size-22 { width: 100%; }
    #csbwfs-bottom .csbwfs-responive-div {margin-left: 17px !important;}
    #csbwfs-bottom .csbwfs-show {bottom: -8px !important;}
    i.csbwfs-social-btns-icon {left: -1px !important;}
}

#user-nav{ float:left; margin-right:20px;z-index:1;}
#user-nav__slicknav{ display: inline-block; }

/*.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_btn { margin:0 ; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; position: relative; z-index: 2; }
*/
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.19em 0 ; }
.slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 25px; height: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 5px; }
.slicknav_nav { clear: both; }
.slicknav_nav ul, .slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block; }
.slicknav_nav .slicknav_item a { display: inline; }
/*.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }*/
.slicknav_menu { *zoom: 1;  }
.slicknav_menu {
    font-size: 16px;
    font-family: "Oswald-Regular",Arial,sans-serif;
    position:relative;
}
.slicknav_menu  .slicknav_menutxt {color: #5a5a5a;  margin: 5px 10px 0 0; font-size:18px;}
.slicknav_menu .slicknav_icon-bar { background-color: #5a5a5a;}
/*.slicknav_menu { padding: 5px; position: absolute; width: 100%; z-index: 10; margin-top: 5%; }*/
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 1em; background: #000; position: absolute; z-index: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; left:0; top: 30px; width: 200px; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
.slicknav_nav ul { padding: 0; margin: 0 20px; }
.slicknav_nav .slicknav_item { padding: 7px 10px; margin: 2px 5px; }
.slicknav_nav a{ text-transform:uppercase; }
.slicknav_nav ul a{ text-transform:none; }
.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
.slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff; }
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #222; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }

/* rjm - New categories menu */
#menu-item-14417 {
    position: absolute;
    top: 0;
    right: 0;
}
.menu-categories-wrap{
    position: relative;
    width: 100%;
    height: 57px;
    border-bottom: solid 2px #aaa;
    border-top: solid 2px #aaa;
    margin-top:30px;
    margin-bottom: 10px;
}
.sf-menu { margin-bottom: 0; position: relative; width: 100%;}
.sf-menu, .sf-menu li, .sf-menu li li, .sf-menu li li li { z-index:10; }
.sf-menu li{ background-color:transparent;}
.sf-menu ul li{ background-color:#8CA93F;}
.sf-menu li:hover, .sf-menu li.sfHover{ background-color:#8CA93F;}
.sf-menu a{ text-transform: uppercase;font-family: "Oswald-Regular",Arial,sans-serif;font-size:18px; }
.sf-menu a{ color: #313131; }
.sf-arrows .sf-with-ul:after{ border-top-color:#313131;}

#categories-slicknav .slicknav_menu{ position:absolute;top: 10px; left: 10px; margin-top:0;padding-right:15px; }


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family:'Oswald-Light';
    src:url('fonts/oswald-light.eot');
    src:url('fonts/oswald-light.eot?#iefix') format('embedded-opentype'),
        url('fonts/oswald-light.woff') format('woff'),
        url('fonts/oswald-light.ttf') format('truetype'),
        url('fonts/oswald-light.svg#oswald-light') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Oswald-Regular';
    src:url('fonts/oswald-regular.eot');
    src:url('fonts/oswald-regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/oswald-regular.woff') format('woff'),
        url('fonts/oswald-regular.ttf') format('truetype'),
        url('fonts/oswald-regular.svg#oswald-regular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Oswald-Bold';
    src:url('fonts/oswald-bold.eot');
    src:url('fonts/oswald-bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/oswald-bold.woff') format('woff'),
        url('fonts/oswald-bold.ttf') format('truetype'),
        url('fonts/oswald-bold.svg#oswald-bold') format('svg');
    font-weight:normal;
    font-style:normal;
}


/* New home botton */
.home-link__wrap{
    display:inline-block;
}
.home-link{
    background: url(img/sprite-sheet.png) no-repeat -2px 0;
    text-indent: 100%;
    display: inline-block;
    overflow: hidden;
    width: 32px;
    height: 32px;
    opacity: 0.8;
}
.home-link:hover {
    opacity: 1;
}

#header-left .social-media a .fa-brands { font-size:25px;margin-left: 5px; }
.social-media {display: block; float:left;z-index:1;position: relative; }
.social-media a .fa-brands { color:#000; font-size: 20px; margin-right:5px; }
#socialButtonOnPage {display: block;overflow:auto;z-index:1;margin: 0em 0 2em; }
#socialButtonOnPage a {display: block;float:left;z-index:1;margin-right:5px; }
.addtoany_share_save_container.addtoany_content { margin-bottom:2em; }
.addtoany_share_save_container.addtoany_content a span { border-radius: 50% !important; padding:2px; }
#socialButtonOnPage .csbwfs-sharethis-arrow span, .addtoany_share_save_container .addtoany_header {color: #6c6b6b;margin-top: 0;line-height: 1;text-transform: uppercase;font-family: "Oswald-Regular", Arial, sans-serif;font-size: 1.5em;margin-bottom: 0.3em;}
/*.social-media a {display: inline-block; height: 32px; width: 32px; background: url(img/sprite-sheet.png) no-repeat 0 0; opacity: 0.8;}*/
/*.social-media a, #socialButtonOnPage a {display: inline-block; height: 24px; width: 24px; background: url(img/sprite-sheet-bw-2.png) no-repeat 0 0; opacity: 1;}
.social-media a:hover, #socialButtonOnPage a:hover {opacity: 0.8;}
/* 52px tile spacing in sprite sheet */
/*.social-media .facebook, #socialButtonOnPage .csbwfs-fb a {background-position: -54px -2px;}
.social-media .linkedin, #socialButtonOnPage .csbwfs-fb a {background-position: -54px -47px;}
.social-media .instagram, #socialButtonOnPage .csbwfs-in a {background-position: -106px -2px;}
.social-media .pinterest, #socialButtonOnPage .csbwfs-pin a {background-position: -158px -2px;}
.social-media .twitter, #socialButtonOnPage .csbwfs-tw a {background-position: -210px -2px;}
.social-media .vimeo, #socialButtonOnPage .csbwfs-vi a {background-position: -262px -2px;}
.social-media .youtube, #socialButtonOnPage .csbwfs-yt a {background-position: -314px -2px;}
#socialButtonOnPage .csbwfs-li a {background-position: -53px -46px;}

.social-media .facebook, #socialButtonOnPage .csbwfs-fb a {background-position: -418px -2px;}
.social-media .linkedin, #socialButtonOnPage .csbwfs-fb a {background-position: -418px -47px;}
.social-media .instagram, #socialButtonOnPage .csbwfs-in a {background-position: -470px -2px;}
.social-media .pinterest, #socialButtonOnPage .csbwfs-pin a {background-position: -522px -2px;}
.social-media .twitter, #socialButtonOnPage .csbwfs-tw a {background-position: -574px -2px;}
.social-media .vimeo, #socialButtonOnPage .csbwfs-vi a {background-position: -626px -2px;}
.social-media .youtube, #socialButtonOnPage .csbwfs-yt a {background-position: -678px -2px;}
*/

#socialButtonOnPage a {display: inline-block; height: 24px; width: 24px; background: url(img/sprite-sheet-bw-2.png) no-repeat 0 0; opacity: 1;}
#socialButtonOnPage a:hover {opacity: 0.8;}

#socialButtonOnPage .csbwfs-fb a {background-position: -54px -2px;}
#socialButtonOnPage .csbwfs-fb a {background-position: -54px -47px;}
#socialButtonOnPage .csbwfs-in a {background-position: -106px -2px;}
#socialButtonOnPage .csbwfs-pin a {background-position: -158px -2px;}
#socialButtonOnPage .csbwfs-tw a {background-position: -210px -2px;}
#socialButtonOnPage .csbwfs-vi a {background-position: -262px -2px;}
#socialButtonOnPage .csbwfs-yt a {background-position: -314px -2px;}
#socialButtonOnPage .csbwfs-li a {background-position: -53px -46px;}

#socialButtonOnPage .csbwfs-fb a {background-position: -418px -2px;}
#socialButtonOnPage .csbwfs-fb a {background-position: -418px -47px;}
#socialButtonOnPage .csbwfs-in a {background-position: -470px -2px;}
#socialButtonOnPage .csbwfs-pin a {background-position: -522px -2px;}
#socialButtonOnPage .csbwfs-tw a {background-position: -574px -2px;}
#socialButtonOnPage .csbwfs-vi a {background-position: -626px -2px;}
#socialButtonOnPage .csbwfs-yt a {background-position: -678px -2px;}
#socialButtonOnPage .csbwfs-li a {background-position: -418px -47px;}


/* Search in header */
.search-form-wrap{
    position: relative;
    float:right;
    right:0px;
    padding-top:12px;
}
.search-form-wrap .search-submit {
    background: url(img/sprite-sheet.png) no-repeat -366px -2px #fff;
    width: 26px;
    height: 26px;
    border: 0;
    text-indent: 200%;
    color:transparent;
    overflow: hidden;
}
.search-form-wrap .search-input {
    color: #313131;
    font-family: "Oswald-Regular",Arial,sans-serif;
    font-size:18px;
    vertical-align: middle;
    width:60px;
    border:0px;
}
.search-form-wrap input::-webkit-input-placeholder {
    color: #313131 !important;
}

.search-form-wrap input:-moz-placeholder { /* Firefox 18- */
    color: #313131 !important;
}

.search-form-wrap input::-moz-placeholder {  /* Firefox 19+ */
    color: #313131 !important;
}

.search-form-wrap input:-ms-input-placeholder {
    color: #313131 !important;
}

.date--style-gt{
    background-color:#333;
    padding: 2px 7px;
    color: #fff;
    font-family: "Oswald-Regular",Arial,sans-serif;
}

/* Sidebar search */
#search-2 {
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 15px;
}
#search-2 .search-submit {
    background: url(img/sprite-sheet.png) no-repeat -366px -2px #fff;
    width: 26px;
    height: 26px;
    border: 0;
    text-indent: 200%;
    color:transparent;
    overflow: hidden;
}
.home #search-2 .search-input {
    width:82%;
}
#search-2 .search-input {
    background: #ccc;
    color: #313131;
    font-family: "Oswald-Regular",Arial,sans-serif;
    font-size:18px;
    vertical-align: middle;
    width:84%;
    padding: 7px 10px;
    border:0px;
}
#search-2 input::-webkit-input-placeholder {
    color: #313131 !important;
}

#search-2 input:-moz-placeholder { /* Firefox 18- */
    color: #313131 !important;
}

#search-2 input::-moz-placeholder {  /* Firefox 19+ */
    color: #313131 !important;
}

#search-2 input:-ms-input-placeholder {
    color: #313131 !important;
}


/* LAYOUT */
.header{
    margin-top:30px;
}
@media only screen (min-width:480px) and (max-width:568px) {
    #header__section1{
        height:360px;
    }
    #header__section1 .ajdg_grpwidgets img {
        max-height: 150px;
    }
}
@media only screen and (min-width:768px) {
    #header__section1{
        height:130px;
    }
    #header__section1 .ajdg_grpwidgets img {
        max-height: 115px;
    }
}
@media only screen and (min-width:1024px) {
    #header__section1{
        height:166px;
    }
    #header__section1 .ajdg_grpwidgets img {
        max-height: 155px;
    }
}
@media only screen and (min-width:1200px) {
    #header__section1{
        height:182px;
    }
    #header__section1 .ajdg_grpwidgets img {
        max-height: 182px;
    }
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.nav { display: none; } /* user menu - never shows - only use slick */
.menu-categoriesnav { display: none; } /*Main menu*/
.slicknav_menu .slicknav_menutxt { display: none; }

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

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

    /*sn .slicknav_menu  .slicknav_menutxt {display: block; color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; margin-right: 10px; }
	*/
}

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


    .widget_recent_entries, .widget_categories, .widget_tag_cloud, .widget_archive {width: 46%; margin: 0 2%; float: left;}

}


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


    .logo img {padding-bottom:0;}
    /*	.search {margin-top: 17px; padding-bottom: 0;}
		.search .search-input {width: 76%;}

*/
    .home article.post.format-standard {border-bottom: 0;}
    /*sn 	.slicknav_menu {display: none;}
	.nav {display: block;}
  */

    .single aside.post-info {display: block;}
    article.post.format-standard .post-info p, article.di_job .post-info p, article.type-knowledgelibrary .post-info p {padding: 0 10px;}
    article.post.format-standard .post-info, article.post.format-standard .category-tags, article.di_job .post-info, article.di_job .category-tags, article.type-knowledgelibrary .post-info, article.type-knowledgelibrary .category-tags {background: #dcdcdc;}
}


@media only screen and (min-width:1000px) {
    #categories-slicknav{ display:none; }
    .menu-categoriesnav { display: block; } /*Main menu*/
    .menu-categories-wrap .search-form-wrap {display: none;}
}


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

    .header-bar { /*position: absolute;*/
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(11,11,11,1) 75%, rgba(14,14,14,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(75%,rgba(11,11,11,1)), color-stop(100%,rgba(14,14,14,1)));
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(11,11,11,1) 75%,rgba(14,14,14,1) 100%);
        background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(11,11,11,1) 75%,rgba(14,14,14,1) 100%);
        background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(11,11,11,1) 75%,rgba(14,14,14,1) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(11,11,11,1) 75%,rgba(14,14,14,1) 100%);}
    /*rjm .home h1, .tag h1, .category h1, .author h1, .archive h1, .page h1, .search h1, .top-title {top: -52px}*/

    .widget_nav_menu {padding-top: 30px;position: relative;}
    .widget_nav_menu h4 {background: transparent; position: absolute; top: -50px; margin: 0;}

    .widget_recent_entries, .widget_categories, .widget_tag_cloud, .widget_archive {width: auto; float: none;}

}

/* responsive 'fix' for header add for mobile viewport. we need to introduce a breakpont at 600 in the header to make the
 * left and right halves gto to 35% and 65% earlier at 600px - i.e. earlier than at the 768px b.p.*/

@media screen and (max-width: 767px) and (min-width: 600px){
    #header-left {
        float: left;
        width: 35%;
        clear:none;
    }
    #header-right{
        float: left;
        width: 65%;
        clear:none;
    }
    .logo img {padding-top:0px;padding-bottom:0;}

}





/* mail chimp embedded sign up */
#mc_embed_signup {font: 16px/1.4 "Open Sans",Arial,sans-serif !important;color: #444!important; background-color:#a0a0a0!important;color:#fff!important;}
#mc_embed_signup {background-color:#7c9443!important;}
#mc_embed_signup {background-color:#804e43!important;}
#mc_embed_signup {background-color:#a8b647!important;} /* green */
/*#mc_embed_signup {background-color:#87be3e!important;} /* green2 */
/*#mc_embed_signup {background-color:#a7cf6f!important;} /* green3 */

#mc_embed_signup .clear{ clear:both; display: block; overflow: visible; visibility:visible; width:auto; height: auto; }
#mc_embed_signup h2 { font-size: 18px;font-family: "Oswald-Regular",Arial,sans-serif; font-weight:normal!important;}
#mc_embed_signup .indicates-required{ display:none;}
#mc_embed_signup .asterisk{ display:none;}
#mc_embed_signup .button{ background-color:#768032!important;}
#mc_embed_signup .button:hover{ background-color:#616929!important;}
#mc_embed_signup .dilogo .design{ color:#000;font-size: 20px;
    letter-spacing: -1px;
    line-height: 0px;}
#mc_embed_signup .dilogo .insider{ font-weight:bold; font-size: 78px;
    letter-spacing: -8px;
    line-height: 83px;
    margin-left: -4px;}
#mc_embed_signup .dilogo .newsletter{ font-weight:bold; font-size: 78px;
    letter-spacing: -8px;
    line-height: 83px;
    margin-left: -4px;}
#mc_embed_signup .signup-logo{ margin:10px 0 10px 0;}
#mc_embed_signup div#mce-responses{margin: 0 15px 10px 3px !important;width: auto !important;}
#mc_embed_signup #mce-success-response{ background-color:#ddd;padding:5px}

/*fix related posts so they all look the same */
h4.jp-relatedposts-post-title{
    height: 68px;
    position:relative;
    overflow:hidden;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

.no-rgba .header .grid-container{background: #313131; position: relative;}
/*rjm*/ .header{ background-color:#fff;}
.no-rgba .logo img {background: #fff;}
.attachment-1000x450{ max-height:450px;}


/* adver between posts */
.posts-ad {text-align: center;background-color: #f4f4f4;padding: 15px 0px;margin: 10px 0px;}


::selection {background:#313131; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#313131; color:#FFF; text-shadow:none;}
::-moz-selection {background:#313131; color:#FFF; text-shadow:none;}

.ir { white-space: nowrap; overflow: hidden;}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.read_more {display: inline-block; font-style: italic; font-weight: 700;}
.alignnone { margin: 5px 20px 20px 0 }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0 }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #FFF; border: 1px solid #F0F0F0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption .wp-caption-text, .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.sticky { }
.bypostauthor { }

/* Styling for Products Instagram page */
.category-349 .pagination {
    clear: both;
}
.category-349 article.category-products .thumbnail-wrap {
    text-align: center;
}
.category-349 article.category-products .thumbnail-wrap img {
    min-height: 250px;
}
.category-349 .posts-ad {
    clear: both;
}
@media only screen and (min-width: 768px) {
    .category-349 article.category-products { clear: none; margin: 20px 0 15px; padding-bottom: 0; }
    .category-349 article:nth-of-type(3n+1) { clear:left; }
    .category-di-jobs .main .grid-33 {
        min-height: 330px;
    }
}

/* Styling Instagram widget */
#sb_instagram {
    margin-bottom: 2em;
}
.sbi_header_text h3 {
    background: none;
}

/* Styling for Jobs */
.category-di-jobs article.post.format-standard {
    margin: 10px 0;
    padding-bottom: 0;
}

.category-di-jobs .main {
    margin-bottom: 20px;
}

.category-di-jobs .main .title {
    margin-top: 1em;
    padding: 10px;
}

.category-di-jobs .main .title h2 {
    background-color: #8CA93F;
    display: inline-block;
    color: #000;
    margin: 0;
    padding: 2px 10px;
    font-size: 1.125em;
    text-transform: uppercase;
}

.menu-categoriesnav .menu-item-14417 a, .menu-categoriesnav .menu-item-14417 a {
    background-image: url('/wp-content/uploads/2023/11/SupplierFinder_NoTag.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 107px;
    padding: 0;
    height: 52px;
    text-indent: -10000px;
}
/*.menu-categoriesnav .menu-item-26967, .menu-categoriesnav .menu-item-29762, .menu-categoriesnav .menu-item-27234 {
	background-color: #fff;
}
.menu-categoriesnav .menu-item-26967 a, .menu-categoriesnav .menu-item-29762 a.sf-with-ul, .menu-categoriesnav .menu-item-27234 a.sf-with-ul {
	background-image: url('img/Design-Insider-Jobs-Logo-030119.gif');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
    width: 140px;
    padding: 0;
    height: 52px;
	text-indent: -10000px;
}
.menu-categoriesnav .menu-item-27234:hover, .menu-categoriesnav .menu-item-26967:hover, .menu-categoriesnav .menu-item-29762:hover, .menu-categoriesnav .menu-item-14417:hover {
	background-color: #fff;
}*/
.post-type-archive-di_job .main {
    padding-bottom: 1em;
}

.post-type-archive-di_job .main .di-logo {
    text-align: center;
}

.post-type-archive-di_job .jobs-tab {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 53%;
}

.post-type-archive-di_job .jobs-tab a {
    color: #fff;
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2;
    padding: 0 0px 0 15px;
    text-align: left;
}

.post-type-archive-di_job .jobs-tab a span {
    font-family: "Oswald-Light", Arial,sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
}

.post-type-archive-di_job .jobs-tab a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -3px;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: 10px 10px 0 0;
    background: #a0a0a0;
    box-shadow: inset 0 -3px 3px rgba(0,0,0,0.05);
    content: '';
    -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.single-di_job article {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}

.single-di_job article aside.post-info {
    background: #dcdcdc;
    display: block;
    margin-bottom: 1em;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .single-di_job article {
        flex-direction: none;
        flex-wrap: none;
    }
}

@media only screen and (min-width: 480px) {
    .single-di_job article {
        display: block;
    }
    .single-di_job article aside.post-info {
        background: #dcdcdc;
        display: block;
        margin-bottom: 1em;
        text-align: left;
    }
    .single-di_job .tablet-pull-80 {
        left: -80%;
    }
    .single-di_job .tablet-grid-20 {
        float: left;
        width: 20%;
    }
}

@media only screen and (min-width: 480px) {
    .post-type-archive-di_job .main .di-logo {
        float: left;
        width: 34%;
        padding: 2px 5%;
    }
}

@media only screen and (min-width: 480px) {
    .post-type-archive-di_job .main .filters {
        float: left;
        width: 66%;
        padding: 0;
    }
}

.post-type-archive-di_job .main .di-logo img {
    max-width: 200px;
}
.post-type-archive-di_job h1 {
    color: #000;
    font-size: 23px;
    margin: 0em 0 10px;
}

.post-type-archive-di_job .main .entry-content.Yes, .single-di_job .main .entry-content.Yes {
    background-color: #8CA93F;
    border-bottom: 0px solid #808080;
    margin: 10px 0 0 0;
    padding: 10px 0 10px 10px;
}
.post-type-archive-di_job .main .entry-content, .single-di_job .main .entry-content {
    border-bottom: 2px solid #808080;
    color: #000;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 10px 0 10px 0px;
    position: relative;
    overflow: auto;
}
.post-type-archive-di_job .main .job-search {
    background-color: #545253;
    overflow: auto;
    margin-bottom: 10px;
    padding: 1em 0;
}
.post-type-archive-di_job .main .job-search p {
    color: #000;
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-weight: normal;
    font-size: 20px;
    margin:0;
    text-transform: uppercase;
}
.post-type-archive-di_job .main .job-search .selector {
}
@media only screen and (min-width: 480px) {
    .post-type-archive-di_job .main .job-search .selector {
        float:left;
        width: 50%;
    }
}
.post-type-archive-di_job .main .job-search .selector-wrapper {
    padding: 8px 30px;
}

@media only screen and (min-width: 480px) {
    .post-type-archive-di_job .main .job-search .selector-wrapper {
        padding: 10px 30px;
    }
}
.post-type-archive-di_job .main .job-search .selector-wrapper select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    position: relative;
}
.post-type-archive-di_job .main .job-search .selector-wrapper select:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #313131;
}
.post-type-archive-di_job .main .job-search button {
    background-color: #a0a0a0;
    border: none;
    color: #000;
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-weight: normal;
    float:right;
    font-size: 22px;
    margin-top: 1em;
    padding: 4px 40px 4px 20px;
    text-transform: uppercase;
}
@media only screen and (min-width: 480px) {
    .post-type-archive-di_job .main .job-search button {
        margin-top: 1em;
    }
}
.post-type-archive-di_job .main .entry-content h2, .single-di_job .main .entry-content h2 {
    margin: 0;
}
.post-type-archive-di_job .main .entry-content h2 a, .single-di_job .main .entry-content h2 a {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
}
.post-type-archive-di_job .main .entry-content .company p, .single-di_job .main .entry-content .company p {
    font-weight: bold;
    margin-top:0;
}
.post-type-archive-di_job .main .entry-content .location p, .single-di_job .main .entry-content .location p {
    margin-top: 0;
}
.post-type-archive-di_job .main .entry-content .desc, .single-di_job .main .entry-content .desc {
    max-width: 750px;
}
.post-type-archive-di_job .main .entry-content .thumbnail, .single-di_job .main .entry-content .thumbnail {
    float: left;
    margin-right: 10px;
}
.post-type-archive-di_job .main .entry-content .thumbnail img, .single-di_job .main .entry-content .thumbnail img {
    width: 160px;
    height: 230px;
    object-fit: cover;
}
.post-type-archive-di_job .main .entry-content.Yes .more-link, .single-di_job .main .entry-content.Yes .more-link {
    background-color: #fff;
}
.post-type-archive-di_job .main .entry-content .more-link, .single-di_job .main .entry-content .more-link {
    background-color: #8CA93F;
    color: #000;
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-weight: normal;
    float: right;
    text-transform: uppercase;
    padding: 4px 40px 4px 10px;
}
.single-di_job .main a.back-search {
    font-weight: bold;
}
.job-apply-wrap{
    float:right;
}
.vacancy-apply-link{
    display:inline-block;
    padding: 5px 10px;
    margin: 0 0 15px;
    background-color:olive;
    color:white;
}

.job-detail-field .label{
    font-weight: bold;
}
article.di_job.hentry{
    margin: 30px 0;
    clear: both;
    padding-bottom: 30px;
}
@media only screen and (max-width: 480px) {
    article.di_job.hentry .post-content {
        width: 100%;
    }
}

.comment-body::after, .comment-respond::before{
    content: "";
    clear: both;
    display:table;
}
/* Pinterest board widget */
.pinterest-leading{ margin: 0px 10px; }
.pinterestBoardWrapper {
    width: 100%;
    margin: auto;
}
.pinterestBoard {
    margin: auto;
    text-align: center;
}
.pinterestBoard span {
    overflow: hidden;
    max-width: 100%!important;
}

/* Tribe Events */
#tribe-events{ margin-top:15px;}
.tribe-events-list h2.tribe-events-list-event-title a{
    color:#333;
}
.tribe-events-list h2.tribe-events-list-event-title a:hover{
    color: #6c6b6b;
}
.tribe-bar-disabled #tribe-bar-form label {
    font-size: 11px;
}
#tribe-events #socialButtonOnPage{display:none;}
#tribe-events-content.tribe-events-list {
    margin-bottom: 80px;
}
/* One-Word video styles */
.one_word_vid .field { font-size:14px; }
.one_word_vid .field .label { font-weight:bold;text-transform:none; }
.one_word_vid .field.vid_word { text-transform:uppercase; }
.one_word_vid .field-group { padding: 2px 0 0 1%; }

/*rmgrid */
/*commmon*/
.rmgrid .row:before,
.rmgrid .row:after {
    content:"";
    display:table;
}
.rmgrid .row:after {
    clear:both;
}
.rmgrid .row {
    zoom:1; /* For IE 6/7 */
}
.rmgrid .col { float:left;display:block;padding-left:0;padding-right:0;}
.rmgrid .col.s1of3 { width:100%; }  /* mobile first */
/* then use  .rmgrid .col.s1of3 {width:33%;} in media query at fullwidth */

/* rmgrid - specific styles for block templates */
/*.di-block1 .rmgrid .row { margin-left:-5px; margin-right:-5px;} /* only required if gutter is to be removed at sides of row */
.di-block1 .rmgrid .col { padding: 0px 1px 5px 1px; }   /*  gutter is 2xthis */
.di-block1 .rmgrid .cell {border: solid 0px blue; }
.di-block1 .rmgrid .cell img {vertical-align: bottom; width:100%}
@media only screen and (min-width: 500px) and (max-width:767px) {
    .rmgrid .col.s1of3 {width:50%;}
}
@media only screen and (min-width: 768px) {
    .rmgrid .col.s1of3 {width:33%;}
}


/* resonsive videos - vimeo */
.one_word_vid{ margin-bottom:20px; }
.rv-container.vimeo { display: table; width: 100%; }
.rv-container.vimeo .rv-inner { display: table-cell; text-align: center; padding: 0 1%; }
.rv-container.vimeo .rv-inner .rv-iframe-wrap, .post .embed-vimeo {  position: relative; padding-bottom: 56.25%; height: auto; overflow: hidden; max-width: 100%;}
.rv-container.vimeo .rv-inner .rv-iframe-wrap iframe, .post .embed-vimeo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Selected posts panel on home page */

/*.selected-posts-panel .cell { background-color:#666;}*/
.di-block2 .rmgrid .col { padding: 0px 3px 5px 3px; }   /*  gutter is 2xthis */
.di-block2 .rmgrid .cell {border: solid 0px blue; }
.di-block2 .rmgrid .cell img {vertical-align: bottom; width:100%}
.selected-posts-widget{ margin-bottom:20px; }
.selected-posts-widget h2 {
    /*background: #313131; margin-top: 10px;
  display:inline-block;
  color: #dfdfdf;*/
    padding: 4px 10px;
    font-size: 24px;
    font-family: "Oswald-Regular", Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}
.selected-posts-panel { margin: 0 0 0 10px;}
.selected-posts-panel h3 { margin: 0 0 1em 0; font-size:18px;background-color:#666;min-height:85px;}
.selected-posts-panel .body-text  { padding:0 5px;}
.selected-posts-panel  p { font-size:14px;}

/* Supplier list tabs */

.supplierlist {
    background-color: #bde1ef;
    padding: 10px;
    margin-bottom: 1em;
}

.supplierlist h2 {
    font-size: 1.4em;
    margin:0;
}

.supplierlist p:first-of-type {
    font-size: 13px;
    margin-top: 0.7em;
}

.supplierlist .ffs-tabbed-nav .resp-tab-item {
    background-color: #fff;
    border: #bde1ef 2px solid;
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
}

.supplierlist .resp-tab-item:hover, .supplierlist .resp-tab-item.resp-tab-active {
    background-color: #6c6b6b;
    border: #bde1ef 2px solid !important;
    color: #fff;
    padding: 13px 15px !important;
    margin-bottom: 0 !important;
}

.supplierlist .resp-tabs-container {
    background-color: #bde1ef;
    border: 0;
}

.supplierlist .resp-tab-content {
    border: 0;
    font-size: 14px;
    padding: 15px 0 0 0;
}

/* bcfa icons from Richard */
.bcfa-icon{
    background: url(img/bcfa-icons.png) no-repeat 0 0 transparent;
    overflow: hidden;
    display: inline-block;
}
.bcfa-icon--post{
    width: 56px;
    height:56px;
    background-position: -70px -0px;
}
.bcfa-icon--video{
    width: 56px;
    height:56px;
    background-position: -0px -0px;
}
/* specifics for icons on certain pages*/
article.post.format-standard .bcfa-icon--post, article.post.format-standard .bcfa-icon--video{
    position:absolute;
    bottom: 0px;
    left: 10px;
}
article.post.format-standard .bcfa-icon--video{
    bottom: 10px;
}

.theme-posts-pane-gt {
    position:relative;
}
.theme-posts-pane-gt .grid-container__title{
    z-index:1;
}
.theme-posts-pane-gt .grid-container__title .post-title__wrap.theme-cw{
    position: absolute;
    top:40px;
    z-index:1;
}

.view-all{
    background-color: #999;
    text-align:center;
    font-family: "Oswald-Regular", Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom:10px;
}
.view-all a {
    color:#333;
    font-size:1.2em;
}
.view-all a:hover {
    color:#fff;
}


/* colorways on home page */
.post-title__wrap.theme-cw{
    display: inline-block;
}
.post-title__wrap.theme-cw h2 {
    background-color:#8CA93F;
    display: inline-block;
    color: #fff;
    margin: 0;
    padding: 2px 10px;
    font-size:1.125em;
    text-transform: uppercase;
}

.post-title__wrap.theme-cw h2 a {
    color: #fff;
}

.post-style-gt .post-content{
    padding: 0 10px;
}
.post-style-gt article.category-featured  {
    background-color:#8CA93F;
}
/*
.post-style-gt-feature .post-title{
  position: absolute;
  bottom: 10px;
  margin: 0;
  width: 100%;
  text-align: center;
}
article.post-style-gt-feature.post.format-standard h3.post-title a{
  color:white;
  background-color:#000;
  display:inline-block;
  padding: 10px 20px;
}
*/
/* background image styling... */
.post-style-gt-feature__image{
    display:block;
    height:400px;
    background-size: cover;
    background-position: center;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
.post-style-gt-feature .post-content{
    background-color: #333;
    color:#fff;
    padding: 15px 18px;
    position:relative;
    top: -35px;
}
.theme-post-style-gt__posts-container{
    margin-top: -50px;
}
.theme-post-style-gt__posts-container article.post.format-standard{
    margin-bottom:0;
    padding-bottom:0;
}
.post-style-gt-feature .date--style-gt{
    background-color: #fff;
    padding: 0 5px;
    color: #333;
}
.post-style-gt-feature .thumbnail-wrap{
    background-color: #fff;
}
article.post-style-gt.post.format-standard {
    margin-bottom: 0;
    padding-bottom:0;
}
article.post-style-gt-feature.post.format-standard {
    margin-bottom: 0;
}
article.post-style-gt-feature.post.format-standard h3 {
    margin:0;
}
article.post-style-gt-feature.post.format-standard p {
    margin:0 0 5px;
}
article.post-style-gt-feature.post.format-standard h3 a{
    color: #fff;
    font-size: 30px;
}

.block-latest-posts .post-title__wrap{
    margin-top:5px;
}
.block-latest-posts .prev-next{
    margin-top: 5px;
    text-align: right;
}
.block-latest-posts .prev-posts-link {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(img/bcfa-icons.png) no-repeat 0 -67px transparent;
    overflow: hidden;
    text-indent: 100%;
    line-height:2em;
}
.block-latest-posts .next-posts-link {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(img/bcfa-icons.png) no-repeat -31px -67px transparent;
    overflow: hidden;
    text-indent: 100%;
    line-height:2em;
}
.post-style-gt-people-details {
    color:#333;
    margin-top:0;
}
.post-style-gt-people-feature__title{
    padding:  0;
    margin-bottom:0;
    margin-top:0;
}
.post-style-gt-people-feature__title a{
    font-size:30px;
    color:#fff;
}
.post-style-gt-people-feature__title a:hover{
    color:#6c6b6b;
}
.post-style-gt-people-feature-details{
    color:#fff;
    margin:0;
}
article.post.format-standard.di_one_word_vid h3{
    margin-bottom:0.5em;
}
article.post-style-gt.post.format-standard {margin: 10px 0;}

/* Home page widget regions 1 & 2 */
.di-home-region-1, .di-home-region-2, .di-home-text-100{
    background-color: #e6e6e6;
    text-align:center;
}
.widget_text_100{
    padding: 6px;
    margin: 10px 0;
}
.di-home-region-1 .textwidget{
    display: inline-block;
}

/* wide mailchimp form on home page */
.mailchimp-signup-wide #mc_embed_signup .mc-field-group{
    padding-bottom:0;
}
.mailchimp-signup-wide #mc_embed_signup .mc-field-group label{
    font-size:14px;
}

.mailchimp-signup-wide #mc_embed_signup .mc-field-group input {
    padding:3px;
    font-size:14px;
}

@media only screen and (min-width:768px) {
    .mailchimp-signup-wide #mc_embed_signup .button{ position:absolute; bottom:10px; }
}


/*header widget - remove std padding on adrotate and text widgets */
#header-right .ajdg_grpwidgets, .widget-area-header .widget_text { padding:0; margin:0 }

/* New menu tabs at top of site */
#menu-tabs {
    background-color: #1a1a1a;
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
    overflow: auto;
}
@media only screen and (min-width:768px) {
    #menu-tabs {
        font-size: 14px;
    }
}
#menu-tabs .layout-center {
    padding: 0;
    display: block;
    overflow: auto;
    margin: 0 auto;
    max-width: 1170px;
}
@media only screen and (min-width:768px) {
    #menu-tabs .layout-center {
        width: 100%;
        padding-left: 12px;
        padding-right: 13px;
    }
}
#menu-tabs .layout-center a {
    float: right;
    border-bottom: 1px #1a1a1a solid;
    display: inline-block;
    padding: 5px 8px;
    color: #999999;
    border-right: 1px #4d4d4d solid;
}
@media only screen and (min-width:768px) {
    #menu-tabs .layout-center a {
        padding: 5px 12px;
    }
}
#menu-tabs .layout-center a.active, #menu-tabs .layout-center a:hover {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #1a1a1a;
}
#menu-tabs .layout-center a.first {
    border-left: 1px #4d4d4d solid;
}

/* newsletter form page */
#really-simple-systems-embedded-form-container table td.js-hpr-rqd {display: table-cell;vertical-align:top;width:10px !important;}
#really-simple-systems-embedded-form-container table td {display: table-row;}
#really-simple-systems-embedded-form-container table td label { font-size:16px !important; }
#really-simple-systems-embedded-form-container button {
    border: none;
    display: inline-block;
    color: #fff !important;
    background-color: #8CA93F;
    font-family: 'Oswald-Regular', Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 12px !important;
    padding: 8px 16px;
    text-transform: uppercase !important;
}
@media only screen and (min-width:768px) {
    .post-51685 .wrapper {
        display: flex;
    }
    .post-51685 .wrapper .image {
        max-width: 60%;
        margin-right: 20px;
    }
    .post-51685 .wrapper .pdf div {
        margin-bottom: 10px !important;
    }
}
/* Gallery styling */
.post-content h4 {
    margin-bottom: 10px;
}
.ngg-gallery-thumbnail-box {
    width: 33%;
}
@media only screen and (min-width:1220px) {
    .ngg-gallery-thumbnail-box {
        width: auto;
    }
}
.ngg-galleryoverview {
    margin-bottom: 1em;
}
.ngg-gallery-thumbnail {
    border: none !important;
    margin: 0 !important;
}
.ngg-gallery-thumbnail a {
    margin: 2px !important;
}
#fancybox-overlay {
    background: none !important;
}
#fancybox-wrap #fancybox-outer {
    background: none;
}
#fancybox-outer #fancybox-content {
    border-top: 10px solid rgba(255, 255, 255, 0.5);
    border-left: 10px solid rgba(255, 255, 255, 0.5);
    border-right: 10px solid rgba(255, 255, 255, 0.5);
    border-bottom: none;
}
#fancybox-outer .fancybox-title-inside {
    font-size: 16px;
    margin: 0px !important;
    text-align: left;
    width: 100% !important;
}
#fancybox-outer #fancybox-title-inside {
    background-color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
}
@media only screen and (min-width:960px) {
    #fancybox-wrap, #fancybox-outer .fancybox-title-inside {
    }
    #fancybox-outer #fancybox-content {
        border-width: 10px !important;
    }
    #fancybox-outer .fancybox-title-inside {
        background: rgba(255, 255, 255, 0.5);
        border-bottom: 10px solid rgba(255, 255, 255, 0.5);
        border-left: 10px solid rgba(255, 255, 255, 0.5);
        border-right: 10px solid rgba(255, 255, 255, 0.5);
        font-size: 16px;
        margin: 0 !important;
        text-align: left;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }
}

/* Product Watch styling */
.product-watch {
    background-color: #8CA93F;
    color: #000;
    padding: 20px 20px 14px 20px;
}

.product-watch h1 {
    margin-bottom: 10px;
}

.product-watch h1, .product-watch h1 a {
    color: #000;
}

/* iframe video */
.iframe-wrapper {
    position: relative;
}

.iframe-wrapper a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.home .iframe-wrapper iframe {
    width: 100%;
    height: 347px;
}

.iframe-wrapper iframe {
    width: 100%;
    height: 402px;
}

/* homepage logo sliders */
.home .main .logo-slider ul {
    display: flex;
    align-items: center;
}
.home .main .logo-slider img {
    filter: grayscale(100%);
}
.home .di-home-region-main h4, h2.logo-slider {
    background-color: #8CA93F;
    color:  #fff;
    display: inline-block;
    text-transform: uppercase;
    margin: 2em 10px 0;
    padding: 2px 10px;
    font-size: 1.125em;
    text-transform: uppercase;
}

/* Trend Reports */
@media screen and (min-width: 1025px) {
    .category.category-ambassadors .grid-33:nth-child(3n+1), .category.category-trend-reports .grid-33:nth-child(3n+1), .post-type-archive-knowledgelibrary .grid-33:nth-child(3n+1), .tag-fr-webinar-series .grid-33:nth-child(3n+1) {
        clear:left;
    }
}

.category.category-trend-reports .info-box-row, .post-type-archive-knowledgelibrary .info-box-row {
    margin-top: 0;
}
.category.category-trend-reports .ffs-two-one, .post-type-archive-knowledgelibrary .ffs-two-one {
    float: none;
    margin-right: 0;
    width: 100%;
}
.category-trend-reports .info-box-row, .post-type-archive-knowledgelibrary .info-box-row {
    margin-bottom: 0;
}
.category-trend-reports .infobox-text , .post-type-archive-knowledgelibrary .infobox-text {
    font-size: 16px !important;
    font-family: "Open Sans", Arial, sans-serif;
    text-align: left !important;
}
.category-trend-reports .gform_wrapper, .category-trend-reports .gform_confirmation_message, .post-type-archive-knowledgelibrary .gform_wrapper, .post-type-archive-knowledgelibrary .gform_confirmation_message {
    margin-top: 0;
    margin-bottom: 0em;
}
.category-trend-reports .gform_confirmation_message em, .post-type-archive-knowledgelibrary .gform_confirmation_message em {
    font-size: 13px;
}
.category-trend-reports .gform_wrapper h3, .category-trend-reports .gform_confirmation_message h3, .post-type-archive-knowledgelibrary .gform_wrapper h3, .post-type-archive-knowledgelibrary .gform_confirmation_message h3 {
    color: #000000 !important;
    background-color: #8CA93F !important;
    font-size: 1.25em;
    margin: 20px 0 0 0;
    padding: 4px 10px !important;
}
.category.category-trend-reports .gform_wrapper h3, .post-type-archive-knowledgelibrary .gform_wrapper h3 {
    font-weight: normal;
    margin-top: 20px  !important;
}
.category.category-trend-reports article.post.format-standard .gform_confirmation_message a, .post-type-archive-knowledgelibrary .gform_confirmation_message a {
    color: #6c6b6b;
}
.category-trend-reports .gform_body, .category-trend-reports .gform_footer , .post-type-archive-knowledgelibrary .gform_body, .post-type-archive-knowledgelibrary .gform_footer{
    clear: none;
    display: inline-block;
    margin-top: 0;
    width: auto;
}
.category-trend-reports .gform_body li.gfield, .post-type-archive-knowledgelibrary .gform_body li.gfield {
    margin-top: 0;
    padding-right: 3px !important;
}
.category-trend-reports .gform_wrapper span.gform_description, .post-type-archive-knowledgelibrary .gform_wrapper span.gform_description {
    margin-top: 10px;
}
.category-trend-reports .gform_body input , .post-type-archive-knowledgelibrary .gform_body input {
    min-width: 250px;
}
.category-trend-reports .gform_wrapper .gform_button, .post-type-archive-knowledgelibrary .gform_wrapper .gform_button {
    color: #000000;
    background-color: #8CA93F;
    font-family: "Oswald-Regular", Arial, sans-serif;
    padding: 7px 10px;
    text-transform: uppercase;
}
.category-trend-reports .gform_confirmation_message, .post-type-archive-knowledgelibrary .gform_confirmation_message {
    padding: 0;
}
/* Columnist styling */
.columnist {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    z-index: 1;
}

.columnist-wrapper {
    background-color: #fff;
    margin: 10px auto;
    padding: 10px;
    width: 80%;
    z-index: 9;
    position: relative;
}

@media only screen and (min-width:480px) {
    .columnist-wrapper {
        width: 60%;
    }
}

.columnist h1 {
    font-size: 1.6em;
    line-height: 1.3em;
}

.columnist h2 {
    font-size: 1em;
    margin-top: 0;
    text-transform: uppercase;
}

.columnist h2 a {
    color: #313131;
    display: inline;
}

/*------------------------------------*\
    Supplier Finder website
\*------------------------------------*/

#header.sticky {
    box-shadow: 0 0 6px 1px rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
}
#header.sticky .logo {
    margin: 10px;
}
#header.sticky.supplier-finder .logo img {
    width: 100px;
}
#header-placeholder {
    height: 211px;
    display: none;
}

#header-placeholder.sticky {
    display: block;
}
.header.supplier-finder {
    margin-top: 0;
}

.header.supplier-finder .logo {
    text-align: center;
    margin: 1em auto;
}

.header.supplier-finder .logo img {
    max-width: 200px;
    padding: 10px 0;
}

#header.sticky .partnership {
    display: none;
}

.description.supplier-finder {
    background: repeating-linear-gradient(
        -45deg,
        #fff,
        #fff 8px,
        #F1F1F2 8px,
        #F1F1F2 16px );
    display: flex;
    align-items: center;
}

.description.supplier-finder .grid-container {
    margin: 0 20px;
    width: 100%;
}

.description.supplier-finder h2 {
    font-family: "Oswald-Light", Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 0;
    text-transform: uppercase;
}

.supplier-finder .footer {
    background-color: #000;
    margin-top: 4em;
    padding: 60px 0 0;
}

.supplier-finder .copyright {
    background-color: #fff;
    padding: 20px;
    text-align: center;
}

.supplier-finder .copyright p {
    color: #000;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    text-align: center;
}

.supplier-finder .footer .copyright a {
    color: #000;
}

.supplier-finder .footer .grid-container div.col {
    border-top: 1px solid #fff;
}

.supplier-finder .footer .grid-container div.one {
    border-top: 1px solid #000;
}

.supplier-finder .footer .grid-container div.two {
    padding-top: 12px;
}

.supplier-finder .footer .grid-container div.one img {
    max-width: 132px;
}

.supplier-finder .footer, .supplier-finder .footer  h2, .supplier-finder .footer a {
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
}

.supplier-finder .footer a:hover {
    text-decoration: underline;
}

.sf_di_logo, .sf_ciuk_logo {
    margin-bottom: 1em;
    max-width: 60%;
}

.page-id-47694.supplier-finder .footer {
    margin-top: 0;
}

.supplier-finder .footer a:hover {
    text-decoration: underline;
}

.supplier-finder .footer  h2 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: capitalize;
}

.supplier-finder .footer  h2 a {
    font-size: 15px;
}

.supplier-finder .footer .menu {
    list-style: none;
    list-style-image: none;
    padding: 0;
}

.supplier-finder .footer .menu li {
    line-height: 1.4;
    text-wrap: balance;
    margin-bottom: 3px;
}

.supplier-finder .footer .copyright p {
    font-size: 12px;
    text-transform: unset;
}

.supplier-finder .footer .copyright p a {
    font-weight: 400;
}

#menu-supplier-finder-main-menu {
    display: flex;
    list-style: none;
    list-style-image: none;
    margin: 1em;
    padding: 0;
    z-index: 9;
}


@media only screen and (max-width: 768px) {
    #menu-supplier-finder-main-menu {
        margin: 0 0 20px 0;
        flex-wrap: wrap;
    }
}
#menu-supplier-finder-main-menu li ul {
    display: none;
    font-size: 14px;
    list-style: none;
    list-style-image: none;
}

#menu-supplier-finder-main-menu li ul {
    width: 255px;
}

#menu-supplier-finder-main-menu li ul ul {
    width: 100%;
}

#menu-supplier-finder-main-menu li {
    position: relative;
}

#menu-supplier-finder-main-menu .menu-item-has-children.active ul, #menu-supplier-finder-main-menu .menu-item-has-children:hover ul {
    display: block;
    position: absolute;
    top: 18px;
    right: 8px;
    background: #f1f1f1;
    padding: 30px;
    z-index: 3;
}

/* Additional styles for touch devices */
@media (pointer: coarse) {
    #menu-supplier-finder-main-menu .menu-item-has-children {
        cursor: pointer; /* Change the cursor to a pointer on touch devices */
    }
}

#menu-supplier-finder-main-menu .menu-item-has-children.active ul ul, #menu-supplier-finder-main-menu .menu-item-has-children:hover ul ul {
    display: block;
    line-height: 1.75;
    position: relative;
    top: unset;
    right: unset;
    padding: 0px;
    margin-top: 0;
}

.sticky #menu-supplier-finder-main-menu .menu-item-has-children.active ul ul, .sticky #menu-supplier-finder-main-menu .menu-item-has-children:hover ul ul {
    top: unset;
}

#menu-supplier-finder-main-menu .menu-item-has-children a:after {
    background-image: url('img/down-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    right: -18px;
    width: 14px;
    height: 12px;
    background-position: 0px 0px;
    border: 0;
    margin: 0;
    top: 21px;
    position: absolute;
}

#menu-supplier-finder-main-menu .menu-item-has-children.active a:after {
    transform: rotate(-180deg);
    top: 16px;
}

#menu-supplier-finder-main-menu .menu-item-has-children ul a:after {
    display: none;
}

#menu-supplier-finder-main-menu .desktop {
    margin-bottom: 5px;
}

#menu-supplier-finder-main-menu a {
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    letter-spacing: 1px;
    margin: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 768px) {
    #menu-supplier-finder-main-menu a {
        font-size: 0.9em;
        margin: 10px 10px 20px 0;
    }
    #menu-supplier-finder-main-menu li {
        flex: 1 100%;
    }
    #menu-supplier-finder-main-menu .menu-item-has-children a:after {
        background-size: contain;
        right: -17px;
        width: 12px;
        height: 12px;
        top: 22px;
    }
    #menu-supplier-finder-main-menu .menu-item-has-children.active ul, #menu-supplier-finder-main-menu .menu-item-has-children:hover ul {
        left: 0;
    }
}

#menu-supplier-finder-main-menu li.strong a {
    font-weight: 600;
}

#menu-supplier-finder-main-menu li.strong ul a {
    font-weight: 400;
}

#menu-supplier-finder-main-menu li ul a {
    border-bottom: 1px solid transparent;
    font-family: "Open Sans", Arial, sans-serif;
    letter-spacing: 0;
    margin: 20px 0;
    padding-bottom: 0;
    text-transform: capitalize;
}

#menu-supplier-finder-main-menu li ul a:hover {
    border-bottom: 1px solid #000;
}

#menu-supplier-finder-main-menu li.current-menu-item {
    background-color: transparent;
    color: #000;
}

#menu-supplier-finder-main-menu li.prod-cats {
    margin-bottom: 5px;
}

@media only screen and (min-width:480px) {
    #menu-supplier-finder-main-menu {
        margin: 7em 0 0;
    }
    #header.sticky #menu-supplier-finder-main-menu {
        margin: 0;
    }
    #menu-supplier-finder-main-menu li.desktop {
        display: none;
    }
    .sticky #menu-supplier-finder-main-menu .menu-item-has-children:hover ul {
        top: 20px;
    }
    #menu-supplier-finder-main-menu .menu-item-has-children:hover ul {
        top: 19px;
    }
    #menu-supplier-finder-main-menu .menu-item-has-children:hover a:after {
        transform: rotate(-180deg);
        top: 16px;
    }
    .header.supplier-finder .logo {
        text-align: left;
        margin: 1em 0;
    }
    .sf_di_logo, .sf_ciuk_logo {
        max-width: 80%;
    }
    .header.supplier-finder #header__section {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header.supplier-finder #header__section:before, .header.supplier-finder #header__section:after { display:none; }
    .header.supplier-finder .logo {
        margin: 2em 0;
    }
    .header.supplier-finder .logo img {
        max-width: 400px;
        width: 400px;
    }
    .description.supplier-finder h2 {
        font-size: 1.2em;
    }
    .supplier-finder .footer .grid-container div.two {
        display: flex;
        flex-direction: column;
    }
}

/*------------------------------------*\
    Supplier Finder homepage
\*------------------------------------*/
.supplier-finder .partnership { display: flex;  justify-content: space-between; }
.supplier-finder .partnership .text { flex-basis: 25%; }
.supplier-finder .partnership .logos { display: flex; flex-basis: 72%; align-items: center; }
.supplier-finder .partnership p { font-size: 11px; margin: 5px 0 0;}
.supplier-finder .partnership .logos img { padding: 5px 5px 0; }
.supplier-finder .partnership .logos img:first-of-type { min-width: 175px; }
.supplier-finder .partnership .logos img.di { min-width: 100%;max-width: 67px;}
.page-id-47694.supplier-finder .post-edit-link { top: 1em; }
.page-id-47694.supplier-finder .description.supplier-finder, .page-id-47745.supplier-finder .description.supplier-finder { margin-bottom:0; }
.page-id-47694.supplier-finder .toggledText { margin-top:4em; }
.page-id-47694.supplier-finder .toggledText h2 {
    font-family: "Oswald-Light", Arial, sans-serif;
    text-transform: unset;
    letter-spacing: 0;
}
.page-id-47694.supplier-finder .toggledText h2:after {
    display: none;
}

.page-id-47694.supplier-finder .grid-container.first {
    max-width: 100%;
    padding: 0;
}

.page-id-47694.supplier-finder .hero-story {
    height: calc(100vh - 250px);
    position: relative;
    overflow: hidden;
}

.page-id-47694.supplier-finder .hero-story .flexslider-wrapper {
    position: relative;
    width: 100%;
}

.page-id-47694.supplier-finder .hero-story .slide-contents {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    height: calc(100vh - 250px);
    display: flex;
    align-content: end;
    flex-wrap: wrap;
}

.page-id-47694.supplier-finder .hero-story .slide-contents .grid-container {
    display: flex;
    justify-content: center;
    padding: 0;
}

@media only screen and (min-width:480px) {
    .supplier-finder .partnership {
        position: absolute;
        top: 35px;
        right: 0;
        display: block;
    }
    .supplier-finder .partnership .logos { flex-basis: 64%; }
    .supplier-finder .partnership .text { padding-left: 5px; }
    .supplier-finder .partnership .logos img:first-of-type {min-width: 213px;}
    .supplier-finder .partnership .logos img.di {min-width: auto;max-width: 84px;padding-top: 8px;}
    .page-id-47694.supplier-finder .hero-story .slide-contents {
        align-content: center;
    }
    .page-id-47694.supplier-finder .hero-story .slide-contents .grid-container {
        display: block;
    }
}

.page-id-47694.supplier-finder .hero-story.hover img {
    transform: scale(1.1);
}

.page-id-47694.supplier-finder .hero-story .flexslider {
    border: none;
    border-radius: 0;
    width: 100%;
    overflow: hidden;
}

.page-id-47694.supplier-finder .hero-story .flex-viewport, .page-id-47694.supplier-finder .hero-story .flex-viewport li {
    overflow: hidden;
}

.page-id-47694.supplier-finder .hero-story ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.page-id-47694.supplier-finder .hero-story ul.slides li {
    line-height: 1.7;
    position: relative;
    height: calc(100vh - 250px);
}

.supplier-finder .hero-story ul img {
    /*aspect-ratio: 1;
	object-fit: cover;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.page-id-47694.supplier-finder .hero-story .flex-control-nav {
    bottom: -12px;
}

.page-id-47694.supplier-finder .hero-story .flex-control-nav li a {
    background-color: #fff;
    border: 1px solid #000;
    width: 8px;
    height: 8px;
}

.page-id-47694.supplier-finder .hero-story li, .page-id-47694.supplier-finder .hero-story .flex-control-nav li {
    margin: 0;
}

.page-id-47694.supplier-finder .hero-story .flex-control-nav li a.flex-active {
    background-color: #000;
}

.page-id-47694.supplier-finder .hero-story .flex-direction-nav .flex-prev {
    background-image: url('img/arrows.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: top left;
    opacity: 1;
    left: 1px;
    text-indent: -10000px;
    width: 15px;
    height: 20px;
}

.page-id-47694.supplier-finder .hero-story .flex-direction-nav .flex-next {
    background-image: url('img/arrows.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: top right;
    opacity: 1;
    right: 1px;
    text-indent: 10000px;
    width: 15px;
    height: 20px;
}

.page-id-47694.supplier-finder .hero-story .flex-direction-nav .flex-prev:before, .page-id-47694.supplier-finder .hero-story .flex-direction-nav .flex-next:before {
    display: none;
}

@media only screen and (min-width:480px) {
    .page-id-47694.supplier-finder .project-container.row, .show-stories .project-container.row { display: flex;}
    .page-id-47694.supplier-finder .hero-story .flex-direction-nav .flex-prev {
        left: 7px;
    }
    .page-id-47694.supplier-finder .hero-story .flex-direction-nav .flex-next {
        right: 15px;
    }
    .page-id-47694.supplier-finder .hero-story .flex-control-nav {
        bottom: -5px;
    }
}

.page-id-47694.supplier-finder .hero-story .grid-container { margin: 0 0 1em 0; width:100%; }
.page-id-47694.supplier-finder .hero-story .text-wrapper { background-color:#fff; padding: 1px 10px 5px; transition: all 0.3s ease-in; width:350px; }
.page-id-47694.supplier-finder .hero-story .text-wrapper h2 { font-size: 18px;font-weight:normal; line-height: 1.3; }
.page-id-47694.supplier-finder .hero-story .text-wrapper h2:after { display:none; }
.page-id-47694.supplier-finder .hero-story .text-wrapper .excerpt { display:none; font-size: 16px; }
.page-id-47694.supplier-finder .hero-story .text-wrapper a.hero-link { position:absolute; top: 0; left: 0; right: 0; bottom:0; z-index:2; }
.page-id-47694.supplier-finder .hero-story .text-wrapper.hover { background-color:#f1f1f1; }
.page-id-47694.supplier-finder .hero-story .text-wrapper.hover a.read-more { justify-content:right; }
.page-id-47694.supplier-finder .hero-story .text-wrapper a.read-more { transition: all 0.3s ease-in; }
.page-id-47694.supplier-finder .grid-container .row .project-item, .page-id-47745.supplier-finder .grid-container .row .project-item, .show-stories .project-container.row .post { margin-bottom:2em; }
.page-id-47694.supplier-finder .grid-container .row .project-item .text-wrapper, .page-id-47745.supplier-finder .grid-container .row .project-item .text-wrapper, .show-stories .project-container.row .project-item .text-wrapper { width:auto; }
.page-id-47694.supplier-finder .grid-container .row .project-item:hover h2, .page-id-47694.supplier-finder .grid-container .row.odd .project-item:hover:nth-of-type(1) h2, .page-id-47694.supplier-finder .grid-container .row.even .project-item:hover:nth-of-type(3) h2,
.page-id-47745.supplier-finder .grid-container .row .project-item:hover h2, .page-id-47745.supplier-finder .grid-container .row.odd .project-item:hover:nth-of-type(1) h2, .page-id-47745.supplier-finder .grid-container .row.odd .project-item:hover:nth-of-type(3) h2,
.page-id-47745.supplier-finder .grid-container .row.even .project-item:hover:nth-of-type(3) h2 { min-height:0; }
.page-id-47694.supplier-finder .grid-container .row .project-item .text-wrapper .read-more, .page-id-47694.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) .read-more, .page-id-47694.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) .read-more,
.page-id-47745.supplier-finder .grid-container .row .project-item .text-wrapper .read-more, .page-id-47745.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) .read-more, .page-id-47745.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) .read-more { display:none; }
.page-id-47694.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) .text-wrapper, .page-id-47694.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) .text-wrapper,
.page-id-47745.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) .text-wrapper, .page-id-47745.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) .text-wrapper, .show-stories .row.wp-block-post-template .post:nth-of-type(3) .text-wrapper { background-color: #F1F1F2; display: flex; flex-wrap: wrap; position: absolute; bottom: 20px; left: 20px; right: 20px; min-height:160px; width:auto; }
.page-id-47694.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) .text-wrapper .date-excerpt, .page-id-47694.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) .text-wrapper .date-excerpt,
.page-id-47745.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) .text-wrapper .date-excerpt, .page-id-47745.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) .text-wrapper .date-excerpt, .show-stories .row .post:nth-last-of-type(3) .text-wrapper .date-excerpt { align-self: end; width: 100%;}
.page-id-47694.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) .text-wrapper .read-more, .page-id-47694.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) .text-wrapper .read-more,
.page-id-47745.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) .text-wrapper .read-more, .page-id-47745.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) .text-wrapper .read-more, .show-stories .row .post:nth-of-type(3) .text-wrapper .read-more { display:flex; margin:0; padding:0; bottom: -3px; }
.page-id-47694.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) h2, .page-id-47694.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) h2,
.page-id-47745.supplier-finder .grid-container .row.odd .project-item:nth-of-type(1) h2, .page-id-47745.supplier-finder .grid-container .row.even .project-item:nth-of-type(3) h2, .show-stories .row.wp-block-post-template .post:nth-of-type(3) h2 { min-height:70px; }
.page-id-47694.supplier-finder h2.top { margin-top: 2em; }
.page-id-47694.supplier-finder .our-brands, .page-id-47694.supplier-finder .sustainability-accreditations {
    background: repeating-linear-gradient(
        -45deg,
        #fff,
        #fff 8px,
        #F1F1F2 8px,
        #F1F1F2 16px );
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 2em;
    padding: 40px 20px 60px;
}
.page-id-47694.supplier-finder .sustainability-accreditations .slides li img {
    max-width: 150px;
}

@media only screen and (min-width:480px) {
    .page-id-47694.supplier-finder .hero-story .text-wrapper {
        padding: 30px;
    }
}

.page-id-47694.supplier-finder .our-brands .flexslider, .page-id-47694.supplier-finder .sustainability-accreditations .flexslider {
    background: none;
    border:none;
    margin-bottom: 0;
}

.page-id-47694.supplier-finder .our-brands .flexslider li {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height:200px;
}
.page-id-47694.supplier-finder .sustainability-accreditations .slides li {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 200px;
}
.page-id-47694.supplier-finder .our-brands .flexslider li img {
    max-width: 150px;
}
.page-id-47694.supplier-finder .our-brands .search-link {
    text-align: right;
    text-transform: uppercase;
    font-weight: 600;
}
.page-id-47694.supplier-finder .our-brands .search-link img {
    margin-right: 5px;
}

.page-id-47694.supplier-finder .our-brands ul, .page-id-47694.supplier-finder .sustainability-accreditations ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
}
.supplier-finder .banner-ad { margin: 4em 0; }
.supplier-finder .banner-ad .desktop { display: none; }
@media only screen and (min-width:480px) {
    .supplier-finder .banner-ad .desktop { display: block; margin: 0 auto; }
    .supplier-finder .banner-ad .mobile { display: none; }
    .page-id-47694.supplier-finder .sustainability-accreditations .slides li {
        height: 100px;
    }
    .page-id-47694.supplier-finder .sustainability-accreditations .slides li img {
        max-width: 100px;
    }
}
.page-id-47745 .banner-ad { margin: 2em 0 4em 0; }
.page-id-47694.supplier-finder .market-sectors .project-container.row, .page-id-49351.supplier-finder .market-sectors .project-container.row {
    justify-content: space-between;
}
.page-id-47694.supplier-finder .market-sectors .project-container.row:before, .page-id-47694.supplier-finder .market-sectors .project-container.row:after, .archive.supplier-finder .market-sectors .project-container.row:before, .archive.supplier-finder .market-sectors .project-container.row:after,
.supplier-finder .product-categories.project-container.row:before, .supplier-finder .product-categories .project-container.row:after, .page-id-49351.supplier-finder .market-sectors .project-container.row:before, .page-id-49351.supplier-finder .market-sectors .project-container.row:after { display:none }
.page-id-47694.supplier-finder .market-sectors .project-container.row .term-item, .page-id-49351.supplier-finder .market-sectors .project-container.row .term-item, .product-categories .project-container.row  .term-item { position:relative; margin-bottom:2em; overflow:hidden; }
.page-id-47694.supplier-finder .market-sectors .row.even .term-item:nth-of-type(1) img, .page-id-47694.supplier-finder .market-sectors .project-container.row.odd .term-item:nth-of-type(3) img,
.page-id-49351.supplier-finder .market-sectors .project-container.row .term-item:nth-of-type(1) img, .page-id-49351.supplier-finder .market-sectors .project-container.row .term-item:nth-of-type(3) img {
    aspect-ratio: 1;
}
.page-id-47694.supplier-finder .market-sectors .row .term-item img, .page-id-49351.supplier-finder .market-sectors .project-container.row .term-item img {
    aspect-ratio: 1;
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: relative;
    transition: transform 1s;
}
.archive.supplier-finder .project-container.row .thumbnail {
    position: relative;
}
.page-id-47694.supplier-finder .market-sectors .row .term-item:hover img, .page-id-49351.supplier-finder .market-sectors .project-container.row .term-item:hover img, .product-categories .project-container.row .term-item:hover img, #results-container .profile:hover .brand img, .results-container .member-profile:hover .brand img { transform: scale(1.5); }
.page-id-47694.supplier-finder .market-sectors .row .term-item:before, .archive.supplier-finder .project-container.row .thumbnail:before, .page-id-49351.supplier-finder .market-sectors .project-container.row .term-item:before, .product-categories .project-container.row .term-item:before {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 100%);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.page-id-47694.supplier-finder .market-sectors .project-container.row .term-item .term-title, .archive.supplier-finder .project-container.row .term-title,  .page-id-49351.supplier-finder .market-sectors .project-container.row .term-item .term-title,
.product-categories .project-container.row .term-item .term-title, #results-container .profile .term-title, .results-container .member-profile .term-title {
    position: absolute;
    bottom: 8px;
    left: 12px;
    right: 12px;
    display: flex;
    z-index: 2;
}
#results-container .profile .term-title, .results-container .member-profile .term-title {
    height: 10px;
}
.page-id-47694.supplier-finder .market-sectors .project-container.row .term-item h3,  .page-id-49351.supplier-finder .market-sectors .project-container.row  .term-item .term-title h3, .product-categories .project-container.row  .term-item .term-title h3 {
    background-color: transparent;
    color: #fff;
    display: inline;
    font-size: 22px;
    line-height: 1;
    margin: 0 0 4px 0;
    padding: 0;
}
.page-id-47694.supplier-finder .market-sectors .project-container.row .term-item .term-image-wrapper,  .page-id-49351.supplier-finder .market-sectors .project-container.row  .term-item .term-title .term-image-wrapper, .supplier-finder .product-categories .project-container.row .term-image-wrapper {
    background-image: url('img/market-sector-hover-arrow.svg');
    background-repeat: no-repeat;
    background-size: 475px 10px;
    background-position: 0 -475px;
    display: inline-block;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.supplier-finder #results-container .term-image-wrapper, .results-container .member-profile .term-image-wrapper {
    background-image: url('img/market-sector-hover-arrow.svg');
    background-repeat: no-repeat;
    background-size: 475px 10px;
    background-position: 0 -475px;
    display: inline-block;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.archive.supplier-finder .project-container.row .term-image-wrapper {
    background-image: url('img/market-sector-hover-arrow.svg');
    background-repeat: no-repeat;
    background-size: 475px 10px;
    background-position: 0 -475px;
    display: inline-block;
    height: 20px;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.page-id-47694.supplier-finder .market-sectors .project-container.row .term-item a, .page-id-49351.supplier-finder .market-sectors .project-container.row .term-item a, .product-categories .project-container.row .term-item a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.page-id-47694.supplier-finder .market-sectors .project-container.row .term-item .slide-in, .archive.supplier-finder .project-container.row .term-image-wrapper .slide-in, .page-id-49351.supplier-finder .market-sectors .project-container.row .term-image-wrapper .slide-in, .supplier-finder .product-categories .project-container.row .term-image-wrapper .slide-in {
    aspect-ratio: none !important;
    object-fit: none;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 475px;
    max-width: unset;
    height: 9px;
    transform: translateX(-101%);
    animation-name: slideOut; /* Define the animation for mouse out */
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards; /* Keeps the final state of the animation */
}

/* Define the animation for mouse hover */
@keyframes slideIn {
    from {
        left: -475px;
        transform: translateX(-101%);
    }
    to {
        left: auto;
        right: 0px;
        transform: translateX(0%);
    }
}

/* Define the animation for mouse out */
@keyframes slideOut {
    from {
        left: auto;
        right: 0px;
        transform: translateX(0%);
    }
    to {
        left: -475px;
        transform: translateX(-101%);
    }
}

/* When hovering over the term-item, trigger the slideIn animation */
.page-id-47694.supplier-finder .market-sectors .project-container.row .term-item:hover .term-image-wrapper, .page-id-49351.supplier-finder .market-sectors .project-container.row .term-item:hover .term-image-wrapper, .archive.supplier-finder .project-container.row .project-item:hover .term-image-wrapper,
.supplier-finder .product-categories .project-container.row .term-item:hover .term-image-wrapper, .supplier-finder #results-container .profile:hover .term-image-wrapper, .results-container .member-profile:hover .term-image-wrapper {
    background-position: bottom right;
    animation-name: slideIn;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards; /* Keeps the final state of the animation */
}

.supplier-finder .project-container.header img {
    height: 100%;
    object-fit: cover;
}

.supplier-finder .logo-link.stories {
    margin-bottom: 4em;
    text-align: right;
}

.supplier-finder .project-container.stories.header img {
    display: block;
    transition: transform 1s;
}

.supplier-finder .project-container.stories.header .image {
    overflow: hidden;
}

.supplier-finder .project-container.stories.header a:hover img {
    transform: scale(1.5);
}

.supplier-finder  #clear-product-categories {
    position: sticky;
    top: 0;
    float: right;
}

.supplier-finder #load-more-container { margin-top:1em; text-align:center; }
.supplier-finder #load-more-container #load-more-button, .supplier-finder #load-more-container #load-more {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #000;
    background:none;
    cursor: pointer;
    font-family: "Oswald-Regular", Arial, sans-serif;
    padding: 2px 30px;
    text-transform: uppercase;
    position: relative;
}

.supplier-finder #load-more-container .arrow {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: block;
    height: 10px;
    width: 10px;
    margin: 5px auto;
    padding: 3px;
    position: absolute;
    bottom: -16px;
    left: 47%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.5s ease;
}

.supplier-finder #load-more-container:hover .arrow {
    margin: 10px auto 0;
}

.page-id-47694.supplier-finder .our-brands .logos img {
    width: 100%;
}

.supplier-finder .project-container.stories.header p {
    text-align: justify;
}

@media only screen and (min-width:480px) {
    .page-id-47694.supplier-finder .hero-story .text-wrapper h2 { font-size: 30px;}
    .page-id-47694.supplier-finder .hero-story .slide-contents {align-items: center;}
    .page-id-47694.supplier-finder .hero-story .text-wrapper .excerpt { display:block; }
    .page-id-47694.supplier-finder .grid-container .row .project-item, .page-id-47745.supplier-finder .grid-container .row .project-item, .show-stories .project-container.row.wp-block-post-template .post { flex-basis: 23%; }
    .page-id-47694.supplier-finder .grid-container .row .project-item:nth-of-type(1), .page-id-47745.supplier-finder .grid-container .row .project-item:nth-of-type(1), .show-stories .project-container.row .post:nth-of-type(1) { flex-basis: 49%; }
    .page-id-47694.supplier-finder .grid-container .row.even .project-item:nth-of-type(1), .page-id-47745.supplier-finder .grid-container .row.even .project-item:nth-of-type(1), .show-stories .project-container.row .post:nth-of-type(1) { flex-basis: 23%; }
    .page-id-47694.supplier-finder .grid-container .row .project-item:nth-of-type(3), .page-id-47745.supplier-finder .grid-container .row .project-item:nth-of-type(3) { flex-basis: 23%; }
    .page-id-47694.supplier-finder .grid-container .row.even .project-item:nth-of-type(3), .page-id-47745.supplier-finder .grid-container .row.even .project-item:nth-of-type(3), .show-stories .project-container.row .post:nth-of-type(3) { flex-basis: 49%; margin-right:0; }
    .page-id-47694.supplier-finder .grid-container .row.odd .project-item:nth-of-type(3), .page-id-47745.supplier-finder .grid-container .row.odd .project-item:nth-of-type(3) { margin-right:0; }
    .page-id-47694.supplier-finder .grid-container, .page-id-47694.supplier-finder .hero-story .grid-container, .description.supplier-finder .grid-container, .page-id-47745.supplier-finder .grid-container { margin: 0 auto; }
    .page-id-47694.supplier-finder .hero-story { align-items: center; }
    .page-id-47694.supplier-finder .hero-story .text-wrapper h1 { font-size:30px }
    .page-id-47694.supplier-finder .hero-story .text-wrapper { padding: 30px; width:350px; }
    .page-id-47694.supplier-finder .hero-story .text-wrapper .excerpt { font-size: 18px; line-height: 1.5;}
    .page-id-47694.supplier-finder .our-brands, .page-id-47694.supplier-finder .sustainability-accreditations { padding: 40px 100px 80px; }
    .page-id-47694.supplier-finder .sustainability-accreditations .logos {
        display: flex;
        justify-content: space-between;
    }
    .page-id-47694.supplier-finder .our-brands .logos img, .page-id-47694.supplier-finder .sustainability-accreditations img {
        max-width: 100px;
    }
    .page-id-47694.supplier-finder .market-sectors .project-container.row .term-item, .page-id-49351.supplier-finder .market-sectors .project-container.row .term-item { flex-basis: 22.75%; }
    .page-id-47694.supplier-finder .market-sectors .project-container.row:first-of-type .term-item:nth-of-type(1), .page-id-47694.supplier-finder .market-sectors .project-container.row:nth-of-type(2) .term-item:nth-of-type(3),
    .page-id-49351.supplier-finder .market-sectors .project-container.row:first-of-type .term-item:nth-of-type(1), .page-id-49351.supplier-finder .market-sectors .project-container.row:nth-of-type(2) .term-item:nth-of-type(3) { flex-basis: 48.5%; }
    .page-id-47694.supplier-finder .market-sectors .row .term-item img, .page-id-49351.supplier-finder .market-sectors .row .term-item img {
        aspect-ratio: 1;
    }
    .supplier-finder .project-container.header {
        margin-bottom: 4em;
    }
    .supplier-finder .project-container.stories.header {
        margin-bottom: 0em;
        display: flex;
    }
    .supplier-finder .project-container.header .content {
        padding-right: 60px;
    }
    .supplier-finder .project-container.header .content p:first-of-type {
        margin-top: 0;
    }
    .supplier-finder .project-container.header .content p:last-of-type {
        margin-bottom: 0;
    }
    #supplier-finder-stories .project-container.row {
        display: flex;
    }
}

/*------------------------------------*\
    Supplier Finder Brands A-Z
\*------------------------------------*/
.supplier-finder .grid-container .tabs__tab .image {
    min-height: 150px;
    position: relative;
    overflow: hidden;
}
.supplier-finder .grid-container .tabs__tab .image .image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.supplier-finder .grid-container .tabs__tab .intro, .supplier-finder .grid-container .tabs__tab .image-container img {
    display: block;
    transition: transform 1s;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 100%;
}

.supplier-finder .grid-container .tabs__tab .image .image-container a:hover img {
    transform: scale(1.5);
}
#brands-a-z-list, .brands-header-logo {
    flex: 1 100%;
}
#brands-a-z-list a {
    transition: all 0.5s ease;
}
#brands-a-z-list .atoz-menu a:hover {
    font-size: 125%;
}
#brands-a-z-list a:hover {
    font-weight: 600;
}
#brands-a-z-list .brands-header-logo {
    padding: 0 !important;
    text-align: right;
}
.brands-header-logo .striped-bg, #brands-a-z-list .brands-header-logo, .supplier-finder .logo-link.stories .striped-bg {
    background: repeating-linear-gradient( -45deg, #fff, #fff 8px, #F1F1F2 8px, #F1F1F2 16px );
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.brands-header-logo img {
    max-height: 100px;
    width: 100%;
    object-fit: contain;
    object-position: right;
}
#brands-a-z-list .atoz-menu {
    background-color: #f1f1f1;
    display: flex;
    flex-wrap: wrap;
    font-family: "Oswald-Bold", Arial, sans-serif;
    justify-content: space-between;
    margin: 2em 0;
    padding: 10px 20px;
}
#brands-a-z-list .wrapper-1 {
    margin-bottom: 3em;
}
.brand-page .market-sectors {
    flex: 1 100%;
    margin: 2em 0;
}
.brand-page .product-categories.content {
    margin: 2em 0;
}
.brand-page .market-sectors .project-container:before, .brand-page .market-sectors .project-container:after, .brand-page .product-categories .project-container:before, .brand-page .product-categories .project-container:after {
    display: none;
}
.supplier-finder .grid-container .brand-page .tabs__tab .advertising ul {
    margin: 1.5em 0;
}
.supplier-finder .grid-container .brand-page .tabs__tab .advertising ul li {
    margin-bottom: 3em;
}
.supplier-finder .grid-container .brand-page .tabs__tab .advertising .image-container {
    position: relative;
    display: block;
    height: 180px;
    overflow: hidden;
}
.supplier-finder .grid-container .brand-page .tabs__tab .advertising ul li .image-container img {
    transition: transform 1s;
}
.supplier-finder .grid-container .brand-page .tabs__tab .advertising ul li a:hover .image-container img {
    transform: scale(1.25);
}
@media only screen and (min-width:480px) {
    .supplier-finder .project-container.stories.header .content {
        width: 50%;
    }
    .supplier-finder .project-container.stories.header .image {
        width: 50%;
    }
    .brands-header-logo .striped-bg {
        width: 40%;
        margin-left: 50%;
        min-height: 100px;
    }
    .supplier-finder .logo-link.stories .striped-bg {
        width: 50%;
        margin-left: 50%;
        min-height: 100px;
    }
    .supplier-finder .grid-container .tabs__tab.active {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .supplier-finder .grid-container .tabs__tab.block.active {
        display: block;
    }
    .brand-page .market-sectors .project-container.row {
        display: flex;
    }
    .brand-page .product-categories .row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        margin-bottom: 25px;
    }
    .brand-page .product-categories .row:nth-child(3) {
        grid-template-rows: 1fr;
    }
    .supplier-finder .grid-container .tabs__tab .intro, .supplier-finder .grid-container .tabs__tab .image {
        flex: 0 0 50%;
    }
    .supplier-finder .grid-container .tabs__tab .intro {
        padding-right: 60px;
    }
    .supplier-finder .grid-container .tabs__tab .intro p:first-of-type {
        margin-top: 0;
    }
    .supplier-finder .grid-container .tabs__tab .intro p:last-of-type {
        margin-bottom: 0;
    }
    #brands-a-z-list .wrapper-1 {
        display: flex;
        flex-wrap: wrap;
    }
    #brands-a-z-list .wrapper-4 {
        column-count: 2;
    }
    #brands-a-z-list .wrapper-2, #brands-a-z-list .wrapper-3 {
        flex-basis: 50%;
    }
    .brand-page .product-categories .row:first-of-type .term-item:first-of-type {
        grid-area: 1 / 1 / 3 / 3;
    }
    .brand-page .product-categories .row:nth-child(2) .term-item:last-of-type {
        grid-area: 1 / 3 / 3 / 5;
    }
    .brand-page .product-categories .row:nth-child(3) .term-item:first-of-type {
        grid-area: 1 / 1 / 2 / 3;
    }
    .brand-page .product-categories .row:nth-child(3) .term-item:first-of-type img {
        aspect-ratio: unset;
        position: absolute;
    }
    .brand-page .product-categories .row .term-item img {
        aspect-ratio: 1;
        height: 100%;
        object-fit: cover;
        width: 100%;
        position: relative;
        transition: transform 1s;
    }
    .brand-page .product-categories .row .term-item {
        margin-bottom: 0;
    }
}
/*------------------------------------*\
    Supplier Finder search grid
\*------------------------------------*/
.page-id-49394.supplier-finder .description.supplier-finder {
    margin-bottom: 3em;
}

.read-more {
    text-align: center;
}

.read-more .more {
    position: relative;
}

.read-more .more:after {
    background-image: url('img/down-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    right: -15px;
    width: 10px;
    height: 12px;
    background-position: 0px 0px;
    border: 0;
    margin: 0;
    top: 10px;
    position: absolute;
}

.showAll .read-more .more:after {
    transform: rotate(180deg);
    top: 3px;
}

.toggledText {
}
.toggledText span.trimmed{
    display:none;
}
.read-more .more:before{
    content:'Read More';
}
.showAll .toggledText span.morePoints{
    display:none;
}
.showAll .toggledText span.trimmed{
    display:inline;
}
.showAll .read-more .more:before{
    content:'Read Less';
}

.supplier-finder #supplier-grid {
    margin-top: 2em;
}

.supplier-finder #supplier-grid #filter-form {
    margin-bottom: 2em;
}
.supplier-finder #supplier-grid  .filter-title {
    font-family: "Oswald-Light", Arial, sans-serif;
    text-transform: uppercase;
}
.supplier-finder #supplier-grid #filter-form .filter-wrapper {
    position: relative;
}

.supplier-finder #supplier-grid #filter-form h2 {
    letter-spacing: 0;
    margin: 0;
    padding-bottom: 10px;
    position: relative;
}
.supplier-finder #supplier-grid #filter-form h2:before {
    background-image: url('img/down-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    right: -15px;
    width: 34px;
    height: 10px;
    background-position: 0px 0px;
    border: 0;
    margin: 0;
    bottom: 2px;
    position: absolute;
}
.supplier-finder #supplier-grid #filter-form h2.active:before {
    background-position: 15px 0px;
    transform: rotate(180deg);
}
.supplier-finder #supplier-grid #filter-form h2:hover {
    cursor: pointer;
}
.supplier-finder #supplier-grid #filter-form .brands-list {
    background-color: #F1F1F2;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.6);
    display: none;
    position: absolute;
    top: 45px;
    left: -2px;
    right: -3px;
    z-index: 2;
    max-height: 300px;
    padding: 20px;
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-size: 20px;
}
.supplier-finder #supplier-grid #filter-form .brands-list a {
    border-bottom: 1px solid transparent;
    display: inline-block;
    margin: 10px 10px 0 0;
}
.supplier-finder #supplier-grid #filter-form .brands-list a:hover, .supplier-finder #supplier-grid #filter-form .brands-list a.active {
    border-bottom: 1px solid #000;
}
.supplier-finder #supplier-grid #filter-form  fieldset {
    background-color: #F1F1F2;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.6);
    border: none;
    display: none;
    position: absolute;
    top: 45px;
    left: -2px;
    right: -3px;
    z-index: 2;
    max-height: 300px;
    overflow: auto;
    padding: 20px;
}
.supplier-finder #supplier-grid #filter-form  fieldset legend {
    display: none;
}
.supplier-finder #supplier-grid #filter-form fieldset ul {
    list-style: none;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0px;
}
.supplier-finder #supplier-grid #filter-form fieldset ul ul {
    border: 1px solid transparent;
    padding-left: 10px;
    margin-bottom: 5px;
}
.supplier-finder #supplier-grid #filter-form fieldset ul li {
    margin-top: 10px;
}
.supplier-finder #supplier-grid #filter-form fieldset ul li:first-of-type {
    margin-top: 0;
}
.supplier-finder #supplier-grid #filter-form fieldset ul ul li:first-of-type {
    margin-top: 5px;
}
.supplier-finder #supplier-grid #filter-form label {
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    align-items: flex-start;
    margin-bottom:	5px;
}
.supplier-finder #supplier-grid #filter-form label input {
    margin-right: 5px;
}

.supplier-finder #supplier-grid #filter-form label input[type="checkbox"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: #000;
    width: 1.15em;
    height: 1.15em;
    border: 1px solid #000;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.supplier-finder #supplier-grid #filter-form label input[type="checkbox"]:before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #000;
}

.supplier-finder #supplier-grid #filter-form label input[type="checkbox"]:checked:before {
    transform: scale(1.2);
}
.supplier-finder #supplier-grid #results-container .profile {
    position: relative;
    margin-bottom: 10px;
}

.supplier-finder #supplier-grid #results-container .brand, .results-container .member-profile .brand {
    display: block;
    overflow: hidden;
    position: relative;
}
.supplier-finder #supplier-grid #results-container .brand:before, .results-container .member-profile .brand a:before {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 100%);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.supplier-finder #supplier-grid #results-container .brand img, .results-container .member-profile .brand img {
    aspect-ratio: 1;
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: relative;
    transition: transform 1s;
}
.supplier-finder #supplier-grid #results-container .logo-link, .results-container .member-profile .logo-link .value {
    display: flex;
    margin-top: 1px;
    text-align: right;
    height: 80px;
    justify-content: end;
}
.supplier-finder #supplier-grid #results-container .logo-link.gold-member, .results-container .member-profile .logo-link.gold-member .value {
    display: flex;
    margin-top: 1px;
    text-align: right;
    height: 80px;
    justify-content: space-between;
}
.supplier-finder #supplier-grid #results-container img.logo, .results-container .member-profile img.logo {
    margin-top:10px;
    max-width: 175px;
    max-height: 50px;
    width: 100%;
    object-fit: contain;
    object-position: right;
}
.supplier-finder #supplier-grid #results-container .sf-gold-icon {
    margin-top: 10px;
}
.supplier-finder #supplier-grid #results-container .sf-gold-icon img {
    width: 40px;
}
@media only screen and (min-width:480px) {
    .supplier-finder #supplier-grid #results-container, .show-query-loop .results-container {
        display: grid;
        /*grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);*/
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-column-gap: 25px;
        grid-row-gap: 15px;
    }
    .supplier-finder #supplier-grid #filter-form {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 25px;
    }
}
/*------------------------------------*\
    Supplier Finder profile
\*------------------------------------*/
.supplier-finder, .supplier-finder a {
    color: #000;
    text-decoration: none;
}

.supplier-finder a.back-to-search {
    font-family: "Oswald-Regular", Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
}

.hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    font-size: 15px !important;
    margin-right: 5px;
}

.supplier-finder a.back-to-search:hover .hvr-icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}
.supplier-finder .grid-container {
    max-width: 1000px;
}
@media only screen and (max-width: 480px) {
    .supplier-finder .grid-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .supplier-finder .footer .grid-container div.col {
        margin-bottom: 20px;
    }
}

.supplier-finder .footer .grid-container {
    padding-bottom: 4em;
}

.supplier-finder .footer .copyright .grid-container {
    padding-bottom: 0;
}

.supplier-finder .about-wrapper {
    margin-bottom: 5em;
}

.supplier-finder .grid-container .about-wrapper .tabs {
    font-size: 16px;
}

.supplier-finder .products a:hover {
    border-bottom: 1px solid;
}

.supplier-finder .description.supplier-finder {
    margin-bottom: 4em;
}

.supplier-finder .about-wrapper .featured-image {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.supplier-finder .about-wrapper .featured-image:before {
    content:'';
    float:left;
    padding-top:100%;
}

.supplier-finder .about-wrapper .featured-image .flexslider {
    aspect-ratio: 1;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding-bottom: 103%;
    overflow: hidden;
}

.supplier-finder .about-wrapper .featured-image .flex-viewport, .supplier-finder .about-wrapper .featured-image .flex-viewport li {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
}

.supplier-finder .about-wrapper .featured-image .flexslider:before, .supplier-finder .about-wrapper .featured-image .flex-viewport:before, .supplier-finder .about-wrapper .featured-image .flex-viewport li:before {
    content:'';
    float:left;
    padding-top:100%;
}

.supplier-finder .about-wrapper .featured-image ul, .products-sustainability-wrapper .products ul, .products-sustainability-wrapper .sustainability-standards ul, .gallery-wrapper ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.products-sustainability-wrapper .products ul a:after {
    background-image: url('img/product-link.svg');
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: top left;
    content: '';
    position: relative;
    width: 20px;
    height: 11px;
    display: inline-block;
    margin-left: 7px;
}

.products-sustainability-wrapper .products ul li {
    line-height: 1.7;
}

.supplier-finder .about-wrapper .featured-image ul img {
    aspect-ratio: 1;
    object-fit: cover;
}

.supplier-finder .about-wrapper .featured-image .flex-control-nav {
    bottom: -15px;
}

.supplier-finder .flex-control-nav li a, .products-sustainability-wrapper .sustainability-standards .flex-control-nav li a {
    background-color: #fff;
    border: 1px solid #000;
    width: 8px;
    height: 8px;
}

.page-id-47694.supplier-finder .hero-story .flex-control-nav li, .supplier-finder .flex-control-nav li, .products-sustainability-wrapper .sustainability-standards .flex-control-nav li {
    margin: 0 3px;
}

.supplier-finder .flex-control-nav li a.flex-active, .products-sustainability-wrapper .sustainability-standards .flex-control-nav li a.flex-active {
    background-color: #000;
}

.flex-direction-nav .flex-prev {
    background-image: url('img/arrows.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: top left;
    opacity: 1;
    left: 15px;
    text-indent: -10000px;
    width: 15px;
    height: 20px;
}

.flex-direction-nav .flex-next {
    background-image: url('img/arrows.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: top right;
    opacity: 1;
    right: 15px;
    text-indent: 10000px;
    width: 15px;
    height: 20px;
}

.products-sustainability-wrapper .sustainability-standards .flex-direction-nav .flex-prev {
    background-position: bottom left;
    left: 0;
    top: 59%;
}

.products-sustainability-wrapper .sustainability-standards .flex-direction-nav .flex-next {
    background-position: bottom right;
    right: 0;
    top: 59%;
}

.flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before {
    display: none;
}

.supplier-finder .about-wrapper .tab-content {
    position: relative;
}

.supplier-finder .about-wrapper .tab-content .title-container {
    display: flex;
    justify-content: space-between;
}

.supplier-finder .about-wrapper .tab-content .title-container h1 {
    flex-grow: 1;
    line-height: 1.2;
    margin-top: auto;
    margin-bottom: 0;
    margin-right: 10px;
}

.supplier-finder .about-wrapper .tab-content .sf-logo {
    height: 144px;
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.supplier-finder .about-wrapper .tab-content .sf-logo img {
    max-width: 144px;
}

.supplier-finder .about-wrapper .tab-content .social-media-links {
    margin-top: 10px;
    position: relative;
}

.supplier-finder .about-wrapper .tab-content .social-media-links.gold-member {
    min-height: 30px;
}

.supplier-finder .about-wrapper .tab-content .social-media-links .sf-gold-icon {
    position: absolute;
    bottom: 0;
    right: 0;
}

.supplier-finder .about-wrapper .tab-content h1 {
    color: #000;
    font-weight: normal;
    font-size: 27px;
    margin: 3em 0 0.25em;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.supplier-finder.stories h1 {
    margin-top: 2em;
}

#supplier-finder-stories .post-edit-link {
    top: 1em;
}

.supplier-finder h1 {
    margin: 0 0 1em 0;
}

.supplier-finder h1, .supplier-finder h2, .supplier-finder .main article h2.heading {
    background-color: transparent;
    color: #000;
    font-size: 1.5em;
    font-weight: normal;
    font-family: "Oswald-Regular", Arial, sans-serif;
    letter-spacing: 1px;
    padding: 0;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.supplier-finder .main article h2, .supplier-finder .container h2 {
    font-family: "Oswald-Light", Arial, sans-serif;
    text-transform: unset;
    letter-spacing: 0;
}

.supplier-finder .main article h2:after, .supplier-finder .container h2:after {
    display: none;
}

.supplier-finder .about-wrapper .tab-content h1:after {
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    margin-right:-100%;
    border-bottom:1px solid #000;
}

.supplier-finder h1:after, .supplier-finder h2:after, .supplier-finder .main article h2.heading:after {
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    margin-left: 5px;
    margin-right:-100%;
    border-bottom:1px solid #000;
}

.supplier-finder .social-media-links a {
    font-size: 22px;
}

.supplier-finder .social-media-links a:not(:first-of-type) {
    margin-left: 8px;
}

.about-wrapper .tabs-wrapper {
    margin-top: 1em;
}

.about-wrapper .tabs-wrapper .tabs {
    margin-bottom: 1em !important;
}

.tabs-wrapper {
    margin-top: 2em;
}

.supplier-finder .tabs-wrapper.brand-page {
    padding: 0 10px;
}

.tabs-wrapper [data-tab-info] {
    display: none;
}

.tabs-wrapper .active[data-tab-info] {
    display: block;
}

.tabs-wrapper .tab-content {
    margin-top: 1rem;
    color: rgb(0, 0, 0);
}

.tabs-wrapper .tab-content .about {
    margin-right: 10px;
}

.supplier-finder .about-wrapper .tab-content .about .field-item {
    padding-right: 10px;
}

.tabs-wrapper .tabs {
    color: rgb(0, 0, 0);
    margin: 0;
}

.tabs-wrapper .tabs span {
    border-bottom: 1px solid #000;
    font-family: "Oswald-Regular", Arial, sans-serif;
    letter-spacing: 1px;
    padding: 2px 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
    display: block;
}

.tabs-wrapper .tabs span.active {
    border-bottom: 4px solid #000;
}

.tabs-wrapper .tabs span:hover {
    border-bottom: 4px solid #000;
    cursor: pointer;
}

.supplier-finder .member-profile .contact-image {
    margin-top: 20px;
    margin-right: 30px;
    float: left;
    max-width: 150px;
}

.supplier-finder .member-profile .contact-image img {
    border-radius: 50%;
}

.supplier-finder .member-profile .name {
    font-family: "Oswald-Regular", Arial, sans-serif;
    margin-bottom: 0;
    text-transform: uppercase;
}

.supplier-finder .member-profile .job-title {
    margin-top: 0;
}

.supplier-finder .member-profile .margin-bottom-zero {
    margin-top: 0;
    margin-bottom: 0;
}

.supplier-finder .member-profile .row {
    margin-bottom: 4em;
}

.sustainability-standards img {
    max-width: 100px;
}

.supplier-finder .products-sustainability-wrapper .products {
    margin-bottom: 5em;
}

.products-sustainability-wrapper .sustainability-standards .flex-viewport {
    max-width: 556px;
}
.products-sustainability-wrapper .sustainability-standards ul {
    display: flex !important;
    align-items: center;
}

.products-sustainability-wrapper .sustainability-standards ul li img {
    margin: 0 auto;
}

.brochure-container div {
    flex-basis: 18%;
    margin-bottom: 32px;
    position: relative;
}

.brochure-container .wrapper {
    aspect-ratio: 1;
    background-color: #F1F1F2;
    margin: 0 0 5px 0;
    position: relative;
    overflow: hidden;
}

.brochure-container div:nth-child(5n+5) {
    margin-right: 0;
}

.brochure-container div a {
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.2;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.brochure-container div a.no-image {
    background: repeating-linear-gradient( -45deg, #fff, #fff 8px, #F1F1F2 8px, #F1F1F2 16px );
}

.brochure-container div a.title {
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-size: 1em;
    line-height: 1.2;
    position: relative;
    text-transform: uppercase;
}

.brochure-container .wrapper a:hover {
    background-color: #D6D7D8;
}

.brochure-container .wrapper a.download {
    background-color: #D6D7D8;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    transform: translateY(-101%);
    transition: all .5s ease;
}

.brochure-container .wrapper a.download:after {
    background-image: url('img/hover-icons.svg');
    background-position: -1px -65px;
    background-repeat: no-repeat;
    background-size: 80px;
    content: '';
    position: absolute;
    bottom: 13px;
    right: 11px;
    width: 26px;
    height: 87%;
}

.brochure-container .wrapper:hover a.download {
    transform: translateY(0%);
    z-index: 1;
}

.brochure-container .wrapper:hover a.original span {
    bottom: -50px;
}

.brochure-container .wrapper a span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-transform: uppercase;
    transition: all .5s ease;
}

.brochure-container .wrapper a.download span {
    left: auto;
    right: 39px;
}

.supplier-finder .member-profile .products-sustainability-wrapper h2 {
    margin-top: 0;
}

.gallery-container .tabs, .projects-wrapper .tabs, .supplier-finder .grid-container .tabs {
    font-size: 1.5em;
    margin-bottom: 1.2em;
}

.supplier-finder .grid-container .tabs h1 {
    font-size: 100%;
    margin-bottom: 0;
}

.supplier-finder .grid-container .tabs h1:after {
    display: none;
}

.gallery-wrapper .image-group .image-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 1em;
}

.gallery-wrapper .image-group .image-item div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.gallery-wrapper .image-group .image-item .click {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.gallery-wrapper .image-group .image-item .click:hover {
    cursor: pointer;
}

.gallery-wrapper .image-group .image-item div.download {
    background: rgba(241,241,242,0.8);
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    opacity: 0;
    transition: opacity .5s ease;
}

.gallery-wrapper .image-group .image-item:hover div.download {
    opacity: 1;
    z-index: 1;
}

.gallery-wrapper .image-group .image-item div.download span {
    font-family: "Oswald-Regular", Arial, sans-serif;
    font-size: 1.2em;
    position: absolute;
    top: 48%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    text-transform: uppercase;
}

.gallery-wrapper .image-group .image-item div.download span:before {
    background-image: url('img/hover-icons.svg');
    background-position: 0px -172px;
    background-repeat: no-repeat;
    background-size: 50px;
    content: '';
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 31px;
}

.gallery-wrapper .image-group .image-item div.download p {
    font-size: 14px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    margin: 0;
}

.gallery-wrapper .image-group .image-item div:before {
    content: '';
    float: left;
    padding-top: 100%;
}

.gallery-wrapper .image-group .image-item div img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
}

.videos-wrapper .videos-container .iframe-wrapper  {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    min-height: 200px;
}

.videos-wrapper .videos-container iframe,
.videos-wrapper .videos-container object,
.videos-wrapper .videos-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.supplier-finder .project-container .project-item, .show-stories .project-container.row .post {
    background-color: #F1F1F2;
    margin-bottom: 20px;
    min-height: 440px;
    overflow: hidden;
    position: relative;
}

.supplier-finder .projects-wrapper .project-container .flexslider {
    border: none;
    margin-bottom: 0;
}

.supplier-finder .events .project-container .project-item {
    min-height: 470px;
}

.supplier-finder .project-container .project-item .thumbnail a:before, .show-stories .project-container.row .post .wp-block-post-featured-image a:before {
    content: '';
    float: left;
    padding-top: 100%;
}

.supplier-finder .project-container .project-item a img, .archive.supplier-finder .project-container .project-item img.wp-post-image, .show-stories .project-container.row .post .wp-block-post-featured-image img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
}

.supplier-finder .project-container .project-item h2, .show-stories .project-container.row .post h2 {
    font-family: "Oswald-Regular", Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 1.1em;
    line-height: 1.2;
    margin: 0;
    min-height: 65px;
    text-transform: uppercase;
}

.supplier-finder .project-container .project-item h2:after {
    display: none;
}

.supplier-finder .project-container .project-item .text-wrapper, .show-stories .project-container.row .post .text-wrapper {
    padding: 10px;
    width: 100%;
}

.supplier-finder .project-container .project-item .text-wrapper .created, .show-stories .project-container.row .post .text-wrapper .date-excerpt .wp-block-post-date {
    font-family: "Oswald-Light", Arial, sans-serif;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 1.75em;
    text-transform: uppercase;
    text-align: right;
    overflow: hidden;
}

.page-id-47694.supplier-finder .hero-story .text-wrapper .date {
    font-family: "Oswald-Light", Arial, sans-serif;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: right;
    overflow: hidden;
}

@media only screen and (min-width:480px) {
    .supplier-finder .about-wrapper .featured-image .flexslider {
        margin-bottom: 60px;
    }
    .page-id-47694.supplier-finder .hero-story .text-wrapper .date {
        margin-bottom: 1.75em;
    }
    .supplier-finder .project-container .project-item .text-wrapper, .show-stories .project-container.row .post .text-wrapper {
        min-height: 165px;
    }
    .supplier-finder .project-container .project-item h2, .show-stories .project-container.row .post h2 {
        min-height: 183px;
    }
    .tabs-wrapper .tabs span {
        margin-right: 15px;
    }
}

.supplier-finder .project-container .project-item .text-wrapper .created:before, .page-id-47694.supplier-finder .hero-story .text-wrapper .date:before, .show-stories .project-container.row .post .text-wrapper .date-excerpt .wp-block-post-date:before {
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    margin-left:-100%;
    margin-right: 4px;
    border-bottom:1px solid #000;
}

.supplier-finder .project-container .project-item .read-more, .page-id-47694.supplier-finder .hero-story .text-wrapper .read-more, .show-stories .project-container.row .post .read-more {
    background-color: #F1F1F2;
    font-family: "Oswald-Bold", Arial, sans-serif;
    font-size: 12px;
    display: flex;
    letter-spacing: 0.5px;
    margin: 0 10px 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 7px;
    text-transform: uppercase;
    transition: all 2s ease;
    z-index: 2;
}

.page-id-47694.supplier-finder .hero-story .text-wrapper .read-more {
    background-color: transparent;
    margin: 0;
    padding: 0;
    position: relative;
}

.show-stories .project-container.row .post:nth-of-type(3) .read-more {
    left: 20px;
    bottom: 20px;
}

.supplier-finder .project-container .project-item .read-more:after, .page-id-47694.supplier-finder .hero-story .text-wrapper .read-more:after, .show-stories .project-container.row .post .read-more:after {
    background-image: url('img/hover-icons.svg');
    background-position: 0px -146px;
    background-repeat: no-repeat;
    background-size: 50px;
    content: '';
    width: 24px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
}

.supplier-finder .project-container .project-item .thumbnail {
    overflow: hidden;
}

.supplier-finder .project-container .project-item img {
    transition: transform 1s;
}

.supplier-finder .project-container .project-item h2, .supplier-finder .project-container .project-item .excerpt, .show-stories .row .post h2 {
    transition: all 0.5s ease;
}

.supplier-finder .project-container .project-item:hover img {
    transform: scale(1.5);
}

.archive.supplier-finder .project-container .project-item:hover img.logo {
    transform: unset;
}

.archive.supplier-finder .project-container .project-item {
    background-color: #fff;
}

.archive.supplier-finder .project-container .project-item .sf-logo {
    text-align: right;
}

.archive.supplier-finder .project-container .project-item .sf-logo img {
    max-width: 100px;
}

.supplier-finder .project-container .project-item:hover h2, .show-stories .row .post:hover h2 {
    height: 0;
    min-height: 0;
}

.supplier-finder .project-container .project-item:hover .read-more, .show-stories .row .post:hover .read-more {
    left: auto;
    right: 0px;
    text-align: right;
    transition: all 2s ease;
}

.show-stories .row .post:nth-of-type(3):hover .read-more {
    left: auto;
    right: 20px;
    text-align: right;
    transition: all 2s ease;
}

.sf-show-banner-ad {
    margin-bottom: 2em;
}

.supplier-finder .project-container .project-item .post-link, .show-stories .row .post .post-link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-indent: -10000px;
    z-index: 2;
}

/* Initially hide the excerpt */
.excerpt {
    display: none;
    padding-bottom: 10px;
}

.text-wrapper {
    position: relative;
}

/* Define the hover effect */
.supplier-finder .project-container .project-item:hover .date-excerpt, .show-stories .row .post:hover .date-excerpt {
    transform: translateY(0%);
    transition: all 1s ease;
}

.project-item:hover .excerpt, .show-stories .project-container.row .post:hover .excerpt {
    display: block;
}

/*.supplier-finder .project-container .project-item .excerpt {
  height: 0;
  overflow: hidden;
  transition: height 1.25s ease;
} */

.supplier-finder .project-container .project-item .excerpt p, .show-stories .row .post .excerpt p {
    font-size: 90%;
    margin-top: 0;
}

.supplier-finder .project-container .project-item .date-excerpt, .show-stories .row .post .date-excerpt {
    background-color: #F1F1F2;
    position: relative;
    overflow: hidden;
    z-index: 1;
    max-height: 47px;
    transition: all .5s ease;
}

.supplier-finder .project-container .project-item:hover .date-excerpt, .show-stories .row .post:hover .date-excerpt {
    max-height: 212px; /* Expand max-height to show the content on hover */
}

.brochure-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.brochure-container div {
    flex-basis: 48.5%;
    margin: 0px 2.5% 25px 0;
}

.white-papers .brochure-container  img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
    position: absolute;
}

.brochure-container div:nth-child(2), .brochure-container div:nth-child(4) {
    margin-right: 0;
}

.white-papers .brochure-container div:before {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 35%, rgba(0,0,0,0) 100%);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom:0;
    z-index: 1;
}

.white-papers .brochure-container div a {
    color: #fff;
    z-index: 2;
}

.white-papers .brochure-container div, .white-papers .brochure-container a:hover, .white-papers .brochure-container a.download:hover, .white-papers .brochure-container div:hover .download {
    background-color: transparent;
}

.white-papers .brochure-container .download {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 100%);
}

.white-papers .brochure-container .download:after {
    background-image: url('img/hover-icons.svg');
    background-position: -30px -20px;
    background-repeat: no-repeat;
    background-size: 80px;
    content: '';
    position: absolute;
    bottom: 13px;
    right: 11px;
    width: 26px;
    height: 87%;
}

.events-white-papers-wrapper .events {
    margin-bottom: 5em;
}

#image-gallery-modal {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* Style for the modal container */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

/* Style for the modal content */
.modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    max-width: 90%;
    max-height: 70%;
    overflow: hidden;
    border-radius: 5px;
}

.modal-content .flex-viewport {
    width: 100% !important;
    height: 80%;
}

.modal-content .slides {
    display: flex;
    align-items: center;
}

.modal-content .slides li {
    /*width: 100% !important;*/
}

/* Style for the close button */
.modal-close {
    position: absolute;
    top: 0px;
    right: 7px;
    font-size: 26px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.supplier-finder .grid-container {
    position: relative;
}

.sustainability-standards .flexslider {
    margin-bottom: 0;
}

@media only screen and (min-width:480px) {
    .description.supplier-finder {
        height: 40px;
    }
    .supplier-finder .grid-70.main {
        float: none;
        padding: 0;
        width: 100%;
    }
    .supplier-finder .grid-container {
        margin-left: auto;
        margin-right: auto;
    }
    .modal-content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        padding: 20px;
        max-width: 90%;
        max-height: 80%;
        overflow: hidden;
        border-radius: 5px;
    }
    .modal-content .flex-viewport {
        width: 700px !important;
        height: 80%;
    }
    .modal-content .slides li {
        width: 700px !important;
    }
    .modal-content .flex-viewport .flex-control-nav {
        bottom: -6px;
    }
    .supplier-finder .grid-container .gallery-container .tabs__tab.active {
        display: block;
    }
    .supplier-finder .about-wrapper, .products-sustainability-wrapper, .gallery-wrapper, .image-group-wrapper, .image-group-wrapper .image-group,
    .gallery-wrapper .image-group, .videos-wrapper .videos-container, .supplier-finder .footer .grid-container, .events-white-papers-wrapper, .supplier-finder .events-white-papers-wrapper .project-container,
    .supplier-finder .events-white-papers-wrapper .brochure-container {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .supplier-finder .footer .grid-container {
        align-items: stretch;
    }
    .events-white-papers-wrapper.singular, .products-sustainability-wrapper.singular {
        justify-content: flex-start;
    }
    .supplier-finder .about-wrapper, .supplier-finder .products-sustainability-wrapper .products {
        margin-bottom: 0em;
    }
    .supplier-finder .tabs-wrapper.brand-page {
        padding: 0;
    }
    .tabs-wrapper .tabs {
        color: rgb(0, 0, 0);
        display: flex;
        margin: 0;
    }
    .tabs-wrapper .tabs span {
        color: rgb(0, 0, 0);
        display: flex;
        margin-bottom: 0;
    }
    .supplier-finder .project-container .slides {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        align-items: stretch;
    }
    .gallery-wrapper .image-group, .supplier-finder .events-white-papers-wrapper .project-container,
    .supplier-finder .events-white-papers-wrapper .brochure-container {
        flex-wrap: wrap;
    }
    .supplier-finder .about-wrapper .featured-image {
        flex-basis: 50%;
        margin-right: 20px;
    }
    .supplier-finder .about-wrapper .tab-content {
        flex-basis: 50%;
        margin-left: 20px;
    }
    .products-sustainability-wrapper .products {
        flex-basis: 40%;
        margin-right: 20px;
    }
    .sustainability-standards {
        flex-basis: 60%;
        margin-left: 20px;
        max-width: 60%;
    }
    .singular .sustainability-standards {
        max-width: 100%;
    }
    .events-white-papers-wrapper .events {
        flex-basis: 50%;
        margin-right: 20px;
    }
    .events-white-papers-wrapper .white-papers {
        flex-basis: 50%;
        margin-left: 20px;
    }
    .events-white-papers-wrapper.singular .events, .events-white-papers-wrapper.singular .white-papers, .products-sustainability-wrapper.singular .products, .products-sustainability-wrapper.singular .sustainability-standards {
        margin-right: 0;
        margin-left: 0;
    }
    .events-white-papers-wrapper .events .project-container .project-item, .events-white-papers-wrapper .white-papers .brochure-container div {
        flex-basis: 48%;
        margin: 0 0 1.3em 0;
    }
    .gallery-wrapper .image-group:nth-of-type(1) {
        flex-basis: 50%;
        margin-right: 15px;
    }
    .gallery-wrapper .image-group:nth-of-type(2) {
        flex-basis: 50%;
        margin-left: 15px;
    }
    .image-group-wrapper .image-group .image-item, .videos-wrapper .iframe-wrapper {
        flex-basis: 31%;
        height: 200px;
        position: relative;
    }
    .supplier-finder .footer .grid-container div.col {
        flex-basis: 19%;
    }
    .supplier-finder .footer .grid-container div.two {
        display: flex;
        flex-direction: column;
    }
    .supplier-finder .footer .di-logos {
        margin-top: auto;
    }
    .supplier-finder .footer .grid-container div.four {
        flex-basis: 38%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .supplier-finder .footer .grid-container div.four h2 {
        flex: 1 1 100%;
    }
    .supplier-finder .footer .grid-container h2:after {
        display: none;
    }
    .supplier-finder .footer .grid-container div.four .menu-wrapper {
        flex-basis: 48%;
    }
    .supplier-finder .project-container .project-item, .show-stories .project-container.row .post {
        flex-basis: 18%;
        margin: 0px 2.5% 0 0;
        min-width: 176px;
    }
    .products-sustainability-wrapper .sustainability-standards ul li {
        margin: 0px 2.5% 0 0;
    }
    .archive.supplier-finder .project-container .project-item {
        flex-basis: 31%;
        margin: 0px 2.5% 0 0
    }
    .supplier-finder .about-wrapper .tab-content .tabs__tab {
        aspect-ratio: 3 / 1.38;
        overflow-y: scroll;
    }
    .gallery-wrapper .image-group .image-item {
        aspect-ratio: 1;
        flex-basis: 47%;
        margin-bottom: 2em;
        position: relative;
    }
    .gallery-wrapper .image-group .image-item.third, .gallery-wrapper .image-group.second .image-item.first, .products-sustainability-wrapper.singular .products, .products-sustainability-wrapper.singular .sustainability-standards {
        flex-basis: 100%;
    }
    .gallery-wrapper .image-group.second .image-item.third {
        flex-basis: 47%;
    }
    .gallery-wrapper .break {
        flex-basis: 100%;
        height: 0;
    }
    .gallery-wrapper.second {
        flex-wrap: wrap;
    }
    .gallery-wrapper.second .image-group .image-item {
        flex-basis: 31%;
    }
    .gallery-wrapper.second .image-group {
        flex-basis: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .gallery-wrapper.second .image-group .break {
        display: none;
    }
    .supplier-finder .about-wrapper .tab-content .tab-content {
        flex-basis: auto;
        padding-left: 0px;
        margin-left: 0;
        margin-top: 0;
    }
    .brochure-wrapper.row h2.heading {
        margin-top: 0;
    }
    .brochure-container {
        flex-wrap: wrap;
    }
    .brochure-container div {
        flex-basis: 18%;
        margin: 0px 2.5% 25px 0;
        position: relative;
    }
    .brochure-container .wrapper {
        aspect-ratio: 1;
        background-color: #F1F1F2;
        position: relative;
    }
    .brochure-container div:nth-child(5n+5), .project-container .project-item:nth-child(5n+5), .products-sustainability-wrapper .sustainability-standards ul li:nth-child(5n+5) {
        margin-right: 0;
    }
    .brochure-container div:nth-child(2), .brochure-container div:nth-child(4) {
        margin-right: 2.5%;
    }

    /* For WebKit browsers (Chrome, Safari) */
    .supplier-finder .about-wrapper .tab-content .tabs__tab.has-scrollbar::-webkit-scrollbar {
        width: 6px; /* Width of the scrollbar */
    }

    .supplier-finder .about-wrapper .tab-content .tabs__tab.has-scrollbar::-webkit-scrollbar-thumb {
        background-color: #000; /* Color of the scrollbar thumb */
        border-radius: 0px; /* Radius of the scrollbar thumb */
        position: relative;
        z-index: 1;
    }

    .supplier-finder .about-wrapper .tab-content .tabs__tab.has-scrollbar::-webkit-scrollbar-track {
        background-color: transparent; /* Background color of the scrollbar track */
        border-radius: 0px; /* Radius of the scrollbar track */
        border: 1px solid #000; /* Border of the scrollbar track */
        box-shadow: inset 0 0 0 1px #000; /* Simulate a 1px solid line behind the scrollbar thumb */
    }

    /* For Firefox */
    .supplier-finder .about-wrapper .tab-content .tabs__tab.has-scrollbar::-moz-scrollbar {
        width: 12px;
    }

    .supplier-finder .about-wrapper .tab-content .tabs__tab.has-scrollbar::-moz-scrollbar-thumb {
        background-color: #000;
        border-radius: 0px;
        border: 1px solid #000;
    }
    .products-sustainability-wrapper .products ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
    .events-white-papers-wrapper .events {
        margin-bottom: 0em;
    }
}
/*------------------------------------*\
    FAQs tabs
\*------------------------------------*/
article .ffs-tabbed-nav h2.resp-accordion {
    font-size: 22px;
}
article .ffs-tabbed-nav h2.resp-accordion, article .ffs-tabbed-nav h2.resp-accordion:first-child, article .resp-easy-accordion .resp-tab-content {
    border: none !important;
    margin-top: 0.25em !important;
}
article .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: none !important;
}
.supplier-finder article .ffs-tabbed-nav h2.resp-accordion:after, .supplier-finder article .ffs-tabbed-nav h2.resp-tab-active:after {
    display: none !important;
}
article #ffs-tabbed-1.ffs-tabbed-nav h2.resp-accordion.resp-tab-active, article #ffs-tabbed-1.ffs-tabbed-nav h2.resp-accordion:hover {
    background: #000 !important;
    color: #fff !important;
}
article h2 span.resp-arrow
{
    border-top: 12px solid #000;
    margin-top: 8px;
}
article h2.resp-tab-active span.resp-arrow
{
    border-bottom: 12px solid #fff;
}
article #ffs-tabbed-1.ffs-tabbed-nav h2.resp-accordion:hover span.resp-arrow {
    border-top: 12px solid #fff;
}
article #ffs-tabbed-1.ffs-tabbed-nav h2.resp-tab-active:hover span.resp-arrow {
    border-top: none;
}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {

    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline }
    a[href]:after { content: " (" attr(href) ")" }
    abbr[title]:after { content: " (" attr(title) ")" }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group }
    tr, img { page-break-inside: avoid }
    img { max-width: 100% !important }

}