/*-------- VARIABLES --------*/
/*    In mb.css   */

/*-------- UNIVERSAL --------*/
* {
    letter-spacing: .25px;
    /*font-family: Verdana, Geneva, Helvetica, sans-serif;*/
    font-family: Arial, sans-serif;
}

a {
    color: inherit;
}

p {
    color: var(--ten-off-black);
    line-height: 1.5em;
    font-size: 14px;
}

p + p {
    margin-top: 0.5em;
}

img {
    width: 100%;
}

input#search_term {
    text-indent: 0.5em;
    /*border: 1px solid lightgrey;*/
    width: 100%;
    padding: 5px;
}

.ten-search-container {
    width: 100%;
}

form#searchForm {
    width: 100%;
}

/*-------- BODY & GENERAL --------*/
body {
    margin: 0;
    font-family: var(--ten-font);
}

.ten-body {
    display: grid;
    grid-template-columns: 1fr 1200px 1fr;
}
.ten-body-item {
    min-width: 0 !important;
}
.ten-zero {
    min-width: 0;
    margin: 1em;
}

.ten-body .ten-body-item:first-child {
    min-width: 120px;
    background: white;
}

.ten-body .ten-body-item:last-child {
    min-width: 120px;
    background: white;
}

.ten-body .ten-body-item:first-child img {
    width: unset;
    position: fixed;
}

.ten-body .ten-body-item:last-child img {
    width: unset;
    position: fixed;
}

.ten-body-img-wrap {
    display: flex;
    position: relative;
    margin-top: 30px;
}

.ten-body-img-wrap img {
    cursor: pointer;
}

.ten-body .ten-body-item:first-child .ten-body-img-wrap {
    justify-content: flex-end;
}

.ten-body .ten-body-item:first-child .ten-body-img-wrap a {
    margin-right: 120px;
}

.ten-bold {
    font-weight: bold;
}

/*-------- HEADINGS --------*/
h1, h2, h3, h4, h5, p, ul, li {
    margin: 0;
    font-family: var(--ten-font);
}

h1, h2, h3, h4, h5 {
    text-transform: capitalize;
    color: var(--ten-off-black);
}

h2 {
    margin: 0.5em 0 0em;
    font-weight: var(--ten-h2-weight);
}

/*-------- HEADER & NAVIGATION --------*/
/*General Navigation*/
nav ul {
    list-style: none;
    padding-left: 0;
}

nav a {
    text-decoration: none;
}

/*Primary Nav*/
#ten-nav-primary ul {
    display: flex;
    justify-content: space-between;
}

#ten-nav-primary {
    background: var(--ten-pale);
    display: flex;
    justify-content: flex-end;
    font-size: 0.95em;
}

#ten-nav-primary a {
    color: var(--ten-darkgrey);
}
#ten-nav-primary a:hover {
    text-decoration: underline;
}

#ten-nav-primary a:first-child {
    border: none;
}

#ten-nav-primary li {
    padding: 10px;
}

#ten-nav-primary .active {
    background: #fff;
    color: var(--ten-background);
    font-weight: bold;
}

/*Secondary Nav*/
#ten-nav-secondary {
    background: var(--ten-pale);
    display: flex;
    justify-content: space-between;
}

#ten-nav-secondary ul {
    display: flex;
    font-weight: bold;
}

#ten-nav-secondary a {
    color: var(--ten-darkgrey);
    border-right: solid 3px white;
    padding: 0.7em 1em;
    font-weight: 300;
    white-space: nowrap;
}

#ten-nav-secondary a li {
    letter-spacing: 0.05em;
}

#ten-nav-secondary ul a:hover {
    background: var(--ten-background);
    color: white;
}

#ten-nav-secondary a.active {
    background: var(--ten-background);
    color: white;
}

.ten-search-container {
    display: flex;
    align-items: center;
}

.ten-search-container form {
    display: flex;
    justify-content: center;
    gap: 5px;
    /*padding: 5px;*/
    margin: 0px;
    height: 79%;
    flex-grow: 1;
}

.ten-search-container a {
    padding: 0 !important;
    border: none !important;
    margin-top: 5px;
    margin-left: 5px;
    padding-right: 5px !important;
}

/*Mobile Nav*/
.ten-mobile-nav {
    cursor: pointer;
    font-size: 22px;
}

/*Header Bar*/
#ten-header-bar {
    background: #fff;
    padding: var(--ten-container-padding);
    margin: auto;
}

.ten-hb-wrap {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.ten-logo {
    max-width: 345px;
}

.ten-hb-wrap .ten-hb-item:last-child {
    align-self: center;
}

.ten-right-menu {
    display: flex;
    color: white;
    flex-wrap: wrap;
}

.ten-right-menu a {
    color: white;
}

form#searchForm {
    position: relative;
}

form#searchForm a {
    position: absolute;
    right: 2px;
    top: 2px;
}

/*-------- FOOTER --------*/
#ten-footer {
    background: var(--ten-darkgrey);
    margin: auto;
    color: white;
    margin-top: 10px;
}

#ten-footer .ten-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    margin: 0px 50px;
    background: inherit;
}

#ten-footer .ten-container h2 {
    color: white;
    margin-bottom: 10px;
    border-bottom: solid 2px;
    padding-bottom: 5px;
}

#ten-footer .ten-container p {
    color: white;
    margin-top: 0;
}

#ten-footer .ten-container > div {
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 20px;
}

.ten-quick-links {
    padding: 10px;
}

.ten-quick-links ul {
    list-style: none;
    display: flex;
    padding-left: 0px;
}

.ten-quick-links a {
    text-decoration: none;
    display: flex;
    color: white;
    margin-right: 15px;
}

.ten-social-bar {
    display: flex;
    background: inherit;
    padding: 10px 0;
    color: white;
}

.ten-sb-item {
    margin-right: 15px;
}

.ten-footer-info {
    display: flex;
    color: white;
}

.ten-footer-details a {
    display: flex;
    gap: 10px;
    text-decoration: none;
    align-items: center;
}

.ten-footer-contact a {
    display: flex;
    gap: 10px;
    text-decoration: none;
    align-items: center;
}

.ten-footer-info h3 {
    color: white;
    margin-bottom: 5px;
}

.ten-footer-links ul {
    list-style: none;
    padding-left: 0;
}

.ten-footer-links ul li {
    margin-bottom: 5px;
}

.ten-footer-links ul a {
    display: flex;
    gap: 10px;
    text-decoration: none;
    align-items: center;
    font-size: 14px;
    margin: 0.2em 0;
}

.ten-footer-bar {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin: 0px 40px;
    padding: 10px;
    font-size: 14px;
}

.ten-terms {
    border-left: 1px solid whitesmoke;
    padding-left: 1.3em;
}
.ten-cws-block {
    display: flex;
    gap: 10px;
}
/*-------- HOME SECTIONS --------*/
.ten-section {
    margin: auto;
    /*padding: var(--ten-container-padding);*/
}

#ten-title-bar {
    display: none;
}

#ten-title-bar hr {
    background: var(--ten-background);
    width: 97%;
    height: 3px;
    margin: auto;
    border: none;
}

/*Featured*/
.featured-title-date {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.5em;
}

#ten-section-featured {
    background: #fff;
    display: flex;
    gap: 20px;
}

.ten-featured-container {
    display: flex;
    gap: 10px;
}

.ten-featured-img-wrap {
    display: flex;
    gap: 10px;
}

.ten-featured-big-l {
    min-width: 60%;
    border-left: solid 1px black;
    padding-left: 10px;
}

.ten-featured-big-r {
    min-width: 60%;
    border-right: solid 1px black;
    padding-right: 10px;
}

.ten-featured-big h2 {
    margin: 1em 0 0 0;
}

.ten-featured-small {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ten-featured-small div {
    width: 100%;
    flex-grow: 1;
}

.ten-featured-small img {
    object-fit: cover;
}

.ten-featured-small h2 {
    font-size: 20px;
}

.ten-featured-small p {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

/*.ten-featured-big p {*/
/*    -webkit-line-clamp: 3;*/
/*    display: -webkit-box;*/
/*    overflow: hidden;*/
/*    -webkit-box-orient: vertical;*/
/*}*/
.ten-featured-big .ten-featured-item h2 {
    font-size: 17px;
    margin: 0;
}

.ten-featured-item p {
    margin: 0.3em 0;
    text-align: left;
}

.ten-featured-item h2,
.ten-story-item h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
    color: var(--ten-spot-color);
    letter-spacing: normal;
}

.ten-featured-item span {
    color: #646363;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
    display: inline-block;
}
.ten-featured-img-wrap img {
    min-width: 0;
}
/*.ten-featured-container.tfc-mb {*/
/*    flex-direction: row-reverse;*/
/*}*/
.ten-story-item span {
    color: #646363;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
    display: inline-block;
}

.ten-section-bar {
    padding: 0px;
    margin-bottom: 1em;
}

.ten-section-bar h2 {
    border-bottom: solid 2px var(--ten-spot-color);
    color: var(--ten-darkgrey);
    padding: 5px;
    font-weight: var(--ten-h2-weight);
    text-transform: uppercase;
    font-family: var(--ten-font);
    font-size: 22px;
}

.ten-section-bar h2 a {
    text-decoration: none;
}

.ten-section-bar h2 a:hover {
    text-decoration: underline;
}
#ten-guide .ten-section-bar a {
    text-decoration: none;
}
#ten-guide .ten-section-bar a:hover {
    text-decoration: underline;
}

.ten-section-bar h1 {
    border-bottom: solid 2px var(--ten-spot-color);
    color: var(--ten-darkgrey);
    padding: 5px;
    font-weight: var(--ten-h2-weight);
    text-transform: uppercase;
    font-family: var(--ten-font);
    font-size: 22px;
}

.ten-featured-item a {
    text-decoration: none;
    color: var(--ten-darkgrey);
}

.ten-featured-item a:hover h2{
    text-decoration: underline;
}

#ten-section-panel .ten-featured-big {
    border-right: none;
    border-left: solid 1px;
    padding-left: 10px;
    padding-right: 0;
}

#ten-section-panel .ten-featured-img-wrap {
    flex-direction: row-reverse;
}

.ten-teaser {
    max-width: 40%;
}

#ten-events .ten-story-item {
    width: 21%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border: solid 1px lightgrey;
    padding: 10px;
    max-width: 24%;
}

.ten-download-wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.ten-download-left {
    width: 25%;
    flex-grow: 1;
}

.ten-download-right {
    max-width: 66%;
}

.ten-dr-page {
    min-width: 30px;
    color: var(--ten-off-black);
    line-height: 1.5em;
    font-size: 14px;
}
.ten-dr-title {
    color: var(--ten-off-black);
    line-height: 1.5em;
    font-size: 14px;
}
.ten-dr-row {
    display: flex;
    gap: 20px;
}

.ten-dr-heading {
    font-weight: bold;
    margin-top: 10px;
}

.ten-download-right > div {
    margin-bottom: 5px;
}

/*Main content*/
#ten-main-content {
    background: white;
}

.ten-main-container {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.ten-mc-left {
    width: 100%;
    min-width: 0;
}

.ten-mc-right {
    /*min-width: 0px;*/
    width: 200px;
    margin-top: 15px;
}

.ten-top-slot {
    display: flex;
}

.ten-top-slot img {
    flex-grow: 1;
    cursor: pointer;
}

.ten-top-eight, .ten-others {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    cursor: pointer;
    justify-content: center;
    background: var(--ten-pale);
    padding: 1em 0;
}

.ten-top-eight img, .ten-others img {
    width: 120px;
    margin: 0 1.5em;
}

.ten-story-wrapper-1, .ten-story-wrapper-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px;
    justify-content: start;
}

.ten-story-wrapper-2 .ten-story-item {
    max-width: 49%;
    height: auto;
    flex-grow: 1;
}

.ten-story-wrapper-2 img {
    object-fit: cover;
    /*height: 300px;*/
}

.ten-story-item a {
    text-decoration: none;
    color: var(--ten-darkgrey);
}
.ten-story-item:hover h2 {
    text-decoration: underline;
}

.ten-story-item p {
    /* background: blue; */
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.ten-story-wrapper-1 .ten-story-item img {
    height: 150px;
    object-fit: cover;
    margin-top: auto;
}

.ten-story-wrapper-products .ten-story-item {
    width: 21%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border: solid 1px lightgrey;
    padding: 10px;
    max-width: 24%;
}
.ten-story-wrapper-products .ten-story-item > a {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.ten-story-wrapper-products .ten-story-item a * {
    margin-bottom: 5px;
}

.ten-story-wrapper-products .ten-story-item a img {
    margin-bottom: 0 !important;
}

.ten-story-wrapper-products .ten-story-item p {
    -webkit-line-clamp: 3;
}

/*Video Content*/
#ten-video-row {
    display: flex;
    gap: 10px;
}

.ten-vr-small {
    width: 33%;
}

.ten-vr-big {
    width: 66%;
}

.ten-video-item a {
    text-decoration: none;
    color: var(--ten-darkgrey);
}

.ten-video-big {
    position: relative;
    cursor: pointer;
}
.ten-video-big img {
    display: block;
}
.ten-video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
    transition: transform ease 0.5s, box-shadow ease 0.5s;
}
.ten-video-overlay h3 {
    color: white;
    font-size: 26px;
	padding: 50px;
    text-align: center;
}
.ten-video-big:hover .ten-video-overlay {
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.6);
}
.ten-video-small .ten-video-item p {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.ten-video-item h2 {
    font-size: var(--ten-h2-size);
    font-weight: var(--ten-h2-weight);
}

.ten-bottom-home-ad {
    margin-top: 20px;
}

.ten-bottom-home-ad img {
    width: unset;
    margin: auto;
    display: flex;
    justify-content: center;
}

.ten-page-story .ten-posts-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ten-iframe-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

/*------------------ CATEGORY PAGES ------------------*/
#ten-cat-main {
    background: white;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
}

.ten-cat-top-ad img {
    width: unset;
    margin: auto;
    display: flex;
}

.ten-cat-ads {
    width: 200px;
}

.ten-cat-ads div {
    margin-bottom: 10px;
}

.ten-cat-container {
    width: 100%;
}

.ten-cat-top-ad {
    width: 100%;
}

.ten-cat-item {
    margin-bottom: 10px;
    border: solid 1px #8282822b;
    margin-top: 10px;
    padding: 1em;
    position: relative;
    display: flex;
    position: relative;
}

.ten-cat-item a {
    /*display: flex;*/
    gap: 5px;
}

.ten-cat-item a > p {
    position: absolute;
    right: 5px;
    color: #333;
}

.ten-cat-item a {
    color: #333;
    text-decoration: none;
  
}

.ten-cat-item > a {
    display: flex;
}

.ten-cat-item img {
    width: 300px;
    margin-right: 10px;
}

.ten-cat-item h2 {
    margin: 0 0 0.5em;
    /*width: calc(100% - 100px);*/
    font-size: var(--ten-h2-size);
    font-weight: var(--ten-h2-weight);
}

.ten-cat-item-content {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.ten-cat-item-content span {
    margin-top: auto;
    color: darkgrey;
    font-size: 14px;
}
.ten-cat-item-content span:hover {
   text-decoration: underline;
}

.ten-cat-item a img {
    margin: 0 1em 0 0;
}

.ten-cat-item p:last-child {
    position: absolute;
    bottom: 10px;
    right: 1em;
    font-size: small;
    font-style: italic;
}

/*-------- POST PAGES --------*/
#ten-posts-main {
    background: white;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
}

.ten-posts-top-ad img {
    width: unset;
    margin: auto;
    display: flex;
}

.ten-posts-ads {
    width: 200px;
}

.ten-posts-ads div {
    margin-bottom: 20px;
}

.ten-posts-container {
    width: 100%;
}

.ten-posts-top-ad {
    width: 100%;
}

.ten-posts-item a {
    display: flex;
    gap: 5px;
}

.ten-posts-item img {
    width: 300px;
}

.ten-posts-info {
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    margin-bottom: 10px;
    display: flex;
    /*gap: 10px;*/
    align-items: center;
    padding: 0px 10px;
    justify-content: space-between;
}

.ten-posts-intro {
    margin: 1em 1px;
    font-size: 1.1em;
}

.ten-posts-video {
    margin-top: 10px;
}

.ten-posts-featured-image {
    width: 50%;
}

.ten-posts-info h5 {
    font-weight: 100;
    color: var(--ten-off-black);
}

.ten-posts-featured-image {
    width: 40%;
    float: right;
    margin: 0 1.5em 1em 1em;
}

#ten-posts-main p + p {
    margin-bottom: 1em;
}

#ten-posts-main ul {
    color: var(--ten-off-black);
    margin-bottom: 1em;
}

#ten-posts-main ul li {
    padding: 0.3em 0;
    font-size: 15px;
}

/*-------- SEARCH PAGES --------*/
#ten-search-main {
    background: white;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
}

.ten-search-top-ad img {
    width: unset;
    margin: auto;
    display: flex;
}

.ten-search-ads {
    width: 200px;
}

.ten-search-page-container {
    width: 100%;
}

.ten-search-top-ad {
    width: 100%;
}

.ten-search-item {
    margin-bottom: 10px;
    display: flex;
    padding: 1em 0;
}

.ten-search-item-content {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 1em;
}

.ten-search-date {
    /* margin-top: auto; */
    margin-bottom: 3px;
}

.ten-search-item a {
    /* display: flex; */
    gap: 10px;
}

.ten-search-item-content h2 {
    margin-bottom: 5px;
}

.ten-search-item a > p {
    /*position: absolute;*/
    /*right: 5px;*/
    color: #333;
}

.ten-search-item a {
    color: #333;
    text-decoration: none;
}

.ten-search-item img {
    width: 300px;
}

.ten-search-term-wrap {
    display: flex;
    gap: 10px;
    margin: 10px 0px;
    align-items: end;
}

.ten-search-term-wrap h5 {
    background: #ff180047;
    padding: 5px;
    font-weight: normal;
}

.ten-search-term-wrap h4 {
    padding: 5px 0;
    margin: 1em 0 0;
}

.ten-search-term-wrap-2 {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    border: solid grey 1px;
    /*width: fit-content;*/
    margin: 1.5em 0;
}

/*.ten-search-term-wrap-2 > * {*/
/*    padding: 4px;*/
/*}*/

.ten-search-term-wrap-2 div:first-child {
    white-space: nowrap;
    background: #EEE;
    padding: 5px;
}

.ten-search-term-wrap-2 div:last-child {
    background: var(--ten-background);
    color: white;
    cursor: pointer;
}

.ten-search-term-wrap-2 input {
    border: none;
    /*min-width: 250px;*/
    text-indent: 0.5em;
    color: var(--ten-off-black);
}

.ten-search-filters {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
    align-items: center;
}

.ten-search-filter-buttons {
    display: flex;
    gap: 10px;
    cursor: pointer;
}

.ten-search-filter-buttons p {
    background: var(--ten-pale);
    padding: 5px;
}

.ten-search-filters > p {
    font-weight: bold;
}

.ten-search-filter-buttons p + p {
    margin: 0;
}

.ten-search-item h2 {
    margin: 0 0 0.5em 0;
}

/*-------- FORMS --------*/
.ten-sign-up {
    height: fit-content;
    margin-bottom: 1.5em;
	max-width: 300px;
}

#ten-sidebar-signup input {
    display: block;
    width: 100%;
    margin: 10px 0px;
    padding: 10px;
    box-sizing: border-box;
}

#ten-sidebar-signup button {
    width: 100%;
    border-radius: 0;
    border: none;
    padding: 10px;
    background: var(--ten-spot-color);
    color: white;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}

.ten-sign-up h2 {
    margin: 0 0 1em;
}

/*subscribe form*/
.ten-subscribe-form {
    background-color: white;
}

.ten-subscribe-form {
    margin: 0 50px;
    padding: 25px;
}

#subscribeForm .content-row {
    margin: 1em 0;
}

.ten-subscribe-form-wrapper {
    /*background: #333;*/
}
.form-group label {
    font-size: 14px;
}
.input-wrapper {
    margin-bottom: 5px;
}
.ten-body.ten-page-subscribe-form h3 {
    margin-bottom: 5px;
    margin-top: 10px;
}
/*File download form*/
#ten-file-download-frm {
    width: 400px;
}
#ten-file-download-frm input {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
}
#ten-file-download-frm p {
    margin-bottom: 10px;
}
#ten-file-download-frm button {
    width: 100%;
    border-radius: 0;
    border: none;
    padding: 10px;
    background: var(--ten-spot-color);
    color: white;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}
/*-------- SUPPLIERS PAGES --------*/
.ten-page-suppliers .ten-cat-item h2 {
    margin: 0;
    width: unset;
}

.ten-page-suppliers .ten-cat-item {
    color: red;
    width: 100%;
    flex-grow: 1;
    border: none;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
}
.section-header-text-alt {
    float: right;
    color: #D0242D;
    text-transform: capitalize;
    font-size: 17px;
}
.ten-page-suppliers .ten-cat-feed {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    column-count: 2;
}
.ten-page-suppliers .ten-cat-item a:hover {
    text-decoration: underline;
}
.ten-page-supplier_category .ten-list-companies-container .listing-list {
    margin-bottom: 10px;
}
.ten-page-supplier_category .ten-list-companies-container .listing-list .list-company-item {
    margin-bottom: 5px;
    padding: 5px;
    font-size: 14px;
}
.ten-page-supplier_category .ten-list-companies-container .listing-list .list-company-item a {
    text-decoration: none;
}
.ten-supplier-filter-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.ten-supplier-filter-wrap .ten-cat-feed {
    width: 100%;
}
.sub_cat_filter_container h2 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
.sub_cat_filter_container .list-contents > div {
    margin-bottom: 10px;
    background: #F5F5F5;
    padding: 10px;
    text-align: center;
}
.sub_cat_filter_container .list-contents > div a {
    text-decoration: none;
}
.sub_cat_filter_container .list-contents > div a:hover {
    text-decoration: underline;
}
.extra-action {
    background: #EEEEEE;
    padding: 20px;
    width: fit-content;
}
.extra-action a {
    text-decoration: none;
    background: var(--ten-spot-color);
    padding: 10px;
    color: white;
}
.extra-action p {
    margin-bottom: 15px;
}
.preferred-supplier-container {
	border: 0px solid;
	max-width: 24%;
	padding: 20px;
	margin: 20px;
	flex-grow: 1;
	position: relative;
}
.ten-page-supplier_category .ten-list-companies-container .listing-list .list-contents {
    column-count: 4;
    column-gap: 10px;
}
.ten-ps-overlay {
    background: black;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ten-ps-overlay:hover {
    opacity: 0.2;
}

.sub_cat_filter_container {
	float: right;
	font-size: 15px;
	margin-top: -15px;
}
.preferred-supplier-header {
	background-color: #662383;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 8px;
	font-size: 22px;
	box-sizing: border-box;
}
.list-company-item.both {
	background-color: #92bcfb;
}
.preferred-supplier-image {
	object-fit: contain;
	height: 150px;
}
.preferred-suppliers-container {
	display: flex;
	flex-wrap: wrap;
}
#filter_companies_form {
	width: 100%;
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}
#filter_companies_form input {
	flex-grow: 1;
	width: 100%;
	color: #000;
	border: 2px solid #ccc;
	background-color: #eee;
	padding: 15px;
	margin-right: -11px;
	outline: 0;
	transition: all .2s ease;
}			
.submit-filter-companies-form {
	border: 2px solid #ccc;
	border-left: 0px;
}

/*-------- COMPANIES PAGE --------*/

.ten-list-companies-container .filters {
    display: flex;
    justify-content: space-between;
}
.ten-list-companies-container .filters a {
    cursor: pointer;
    padding: 10px;
}
.ten-list-companies-container .filters a:hover {
    background: var(--ten-spot-color);
    color: white;
}
.ten-list-companies-container .filters a.active {
    background: var(--ten-spot-color);
    color: white;
}
.ten-page-company .ten-posts-featured-image {
    float: unset;
    margin: 0;
}
.ten-page-company .ten-posts-intro {
    display: none;
}
.ten-page-company .ten-cat-ads {
    display: none;
}
.ten-company-wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-between;
	margin-bottom: 10px;
}
.ten-company-wrapper .ten-posts-featured-image {
    object-fit: contain;
}
.ten-company-wrapper img {
    max-width: 300px;
}
.ten-company-wrapper a {
    text-decoration: none;
}
.ten-company-wrapper a:hover {
    text-decoration: underline;
}
.company-news-articles h3 {
    background: var(--ten-spot-color);
    padding: 10px;
    color: white;
    margin-bottom: 10px;
    margin-top: 10px;
}
.ten-page-company .news-articles {
    display: flex;
    flex-direction: column;
}
.ten-page-company .news-article {
    margin: 5px 0px;
    border-bottom: solid 1px #8080802e;
    padding-bottom: 5px;
}
.ten-page-company .news-article a {
    text-decoration: none;
}
.ten-page-company .news-article a:hover {
    text-decoration: underline;
}
.ten-page-company .news-article h4 {
    font-weight: lighter;
    font-size: 14px;
}
.category-group-title {
	margin-bottom: 3px;
}
.category-group {
    margin-left: 20px;
    border-left: solid gray 2px;
    padding-left: 15px;
}
.category-group-indent {
    margin-left: 7px;
    border-left: solid gray 2px;
    padding-left: 15px;
}
.category-group .category-item {
    position: relative;
    padding: 5px;
}
.category-group .category-item::before {
    content: "_";
    position: absolute;
    left: -14px;
    top: -4px;
    font-weight: bold;
    color: gray;
}
.category-name {
    font-size: 14px;
    font-weight: normal;
}
.category-name a {
    text-decoration: none;
}
/*-------- EVENTS PAGE --------*/
.ten-page-events .ten-cat-item h2 {
    width: 100%;
}
.ten-page-events .ten-cat-item a > p {
    position: unset;
}
.ten-page-events .ten-posts-featured-image {
    max-width: 250px;
    object-fit: contain;
}
.ten-event-wrap {
    display: flex;
    gap: 20px;
    margin-top: 5px;
}

/*-------- EVENT PAGE --------*/
.ten-page-event .ten-posts-featured-image       {
    float: unset;
}
.ten-page-event .ten-posts-title {
    font-size: 35px;
    font-weight: 600;
}
.ten-page-event .ten-posts-intro {
    display: none;
}
.ten-page-event h3 {
    margin-top: 20px;
    margin-bottom: 5px;
    color: var(--ten-spot-color);
}
.ten-event-contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ten-event-contacts div i {
    margin-right: 10px;
}

/*-------- NEWSLETTER PAGE --------*/
.ten-newsletter-wrap {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 10px;
}
.ten-newsletter-list {
    margin-top: 20px;
}
.ten-newsletter-row a {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    text-decoration: none;
}
.ten-newsletter-row p {
    margin: 0;
    padding: 5px;
}
.ten-newsletter-row:hover {
    background: #0000000d;
}
.ten-newsletter-row p:first-child {
    font-weight: bold;
	margin-right: auto;
}
.ten-newsletter-row p:nth-child(2) {
    min-width: 150px;
}
.ten-newsletter-row p:nth-child(3) {
    flex-shrink: 0;
}
@media screen and (max-width: 767px) {
	.ten-newsletter-row a {
		gap: 0px;
		flex-direction: column;
	border-bottom: solid 1px gray;
	}
}
/*-------- ADVERTISE PAGE --------*/
.ten-page-advertise .ten-cat-ads {
    width: unset;
    margin-top: 1em;
}

/*-------- ABOUT PAGE --------*/
#ten-about {
    margin: 20px 0;
}
#ten-about p {
    font-size: 16px;
}

/*-------- MAGAZINE PAGE --------*/
#ten-magazine {
    margin-top: 20px;
    margin-bottom: 10px;
}
.ten-magazine-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 10px;
}
.ten-mg-item {
    max-width: 19%;
    flex-grow: 1;
}
.ten-mg-item p {
    margin-bottom: 5px;
}
.ten-mg-item a {
    text-decoration: none;
}
.ten-mg-item a:hover {
    text-decoration: underline;
}

/*-------- MEDIA QUERIES --------*/
.ten-mobile-nav {
    display: none;
}

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

    .ten-body {
        display: unset;
    }
    .ten-body .ten-body-item:first-child {
        display: none;
    }

    .ten-body .ten-body-item:last-child {
        display: none;
    }
    .ten-search-container {
        /*justify-content: center;*/
    }

    form#searchForm a {
        top: 2px;
    }

    input#search_term {
        /*width: 30%;*/
        margin-left: auto;
    }
    #ten-nav-secondary .ten-search-container {
        padding: 5px;
         width: unset;
    }
}

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

    .ten-story-wrapper-1 {
        justify-content: space-between;
    }

    .ten-story-wrapper-1 .ten-story-item img {
        height: 175px;
    }
}

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




    .ten-featured-container {
        flex-direction: column;
    }

    .ten-featured-big {
        border-right: none;
        border-bottom: solid 1px black;
        padding-bottom: 10px;
    }
    .ten-featured-big-r {
        border-right: none;
        border-bottom: solid 1px black;
        padding-bottom: 10px;
    }
    .ten-mg-item {
        max-width: 24%;
        flex-grow: 1;
    }
    /*Mobile menu*/
    #ten-nav-secondary {
        flex-direction: column;
    }
    #ten-nav-secondary ul {
        flex-direction: column;
        display: none;
        align-items: center;
    }
    #ten-nav-secondary a {
        border-right: none;
    }
    #ten-nav-secondary ul a {
        width: 100%;
        text-align: center;
        padding: 0.7em 0em;
    }
    #ten-nav-secondary .ten-mobile-nav {
        display: flex;
        align-self: end;
        color: var(--ten-spot-color);
        margin-right: 7px;
        margin-top: 4px;
        padding: 5px;
    }
}

@media screen and (max-width: 991px) {
    .ten-story-wrapper-1 .ten-story-item {
        max-width: unset;
        width: 49%;
        flex-grow: 1;
    }

    .ten-story-wrapper-1 .ten-story-item img {
        height: 300px;
    }

    #ten-video-row {
        flex-direction: column;
    }

    .ten-vr-small {
        width: unset;
    }

    .ten-vr-big {
        width: unset;
    }
    .ten-guide-small {
        width:unset;
    }

    .ten-guide-big {
        width: unset;
    }

    #ten-section-panel .ten-featured-big {
        border-right: none;
        border-left: none;
        padding-right: 0;
        border-bottom: none;
        border-top: solid 1px;
        padding-top: 10px;
        padding-left: 0;
    }

    #ten-events .ten-story-item {
        width: 100%;
        max-width: unset;
    }

    .ten-posts-info {
        flex-wrap: wrap;
    }

    .social-sharing {
        margin-left: auto;
    }

    #ten-footer .ten-container {
        display: flex;
        flex-direction: column;
    }

    .ten-download-wrapper {
        flex-direction: column;
    }

    .ten-download-right {
        max-width: unset;
    }

    .ten-download-left {
        width: 50%;
    }

    .ten-hb-wrap {
        flex-direction: column;
    }

    .ten-bottom-home-ad img {
        width: 100%;
    }
    .ten-mg-item {
        max-width: 49%;
        flex-grow: 1;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    #ten-posts-main {
        flex-direction: column;
    }

    #ten-cat-main {
        flex-direction: column;
    }

    .ten-cat-item {
        flex-direction: column;
        padding-bottom: 30px;
    }

    .ten-download-left {
        width: unset;
    }

    .ten-page-suppliers .ten-cat-feed {
        flex-direction: column;
    }

    .ten-page-suppliers .ten-cat-item {
        width: unset;
        margin-top: 0;
    }

    .ten-posts-ads {
        margin: auto;
    }

    .ten-main-container {
        flex-direction: column;
    }

    .ten-mc-right {
        margin: auto;
    }
    .ten-mg-item {
        max-width: unset;
        flex-grow: 1;
    }
    .ten-cat-top-ad img {
        width: 100%;
    }
    .ten-cat-item > a {
        flex-direction: column;
    }
    .ten-cat-item img {
        width: unset;
    }
    .ten-cat-ads {
        margin: auto;
    }
}

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

    #ten-footer .ten-container {
        margin: 0px 30px;
    }

    .ten-footer-bar {
        justify-content: space-between;
        margin: unset;
    }

    .ten-terms {
        border-left: none;
    }

    input#search_term {
        /*width: 50%;*/
    }

    .ten-featured-img-wrap {
        flex-direction: column !important;
    }

    .ten-teaser {
        max-width: unset;
    }

    .ten-story-wrapper-1 .ten-story-item img {
        height: 200px;
    }
    .ten-posts-feed iframe {
        width: 100%;
    }
    .ten-page-supplier_category .ten-list-companies-container .listing-list .list-contents {
        column-count: 2;
        column-gap: 10px;
    }
}


/*-------- SNACKBAR --------*/
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    /*margin-left: -125px; !* Divide value of min-width by 2 *!*/
    background-color: var(--ten-spot-color); /* Theme background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    top: 50%; /* Center the snackbar */
    font-size: 20px;
    height: fit-content;
    transform: translate(-50%, -50%);
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}


/*-------- MISC RULES --------*/
/*Sort these into their categories where possible please*/
input#PID {
    padding: .5em;
    margin: 1em 0;
    border: 1px solid grey;
}

p.subintrosub {
    font-weight: bold;
}
#ten-events .ten-story-wrapper-1 .ten-story-item a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#ten-events .ten-story-wrapper-1 .ten-story-item img {
    object-fit: contain;
}
.ten-page-events .ten-cat-item a {
    display: block;
}
.ten-company-item a {
    text-decoration: none;
}
.ten-company-item a:hover {
    text-decoration: underline;
}
.ten-footer-contact p:first-child {
    font-weight: bold;
}
.ten-page-company .flickity-enabled {
    margin-top: 10px;
}
.ten-guide-wrap {
    display: flex;
    gap: 10px;
}
.ten-guide-small {
    width: 33%;
}
.ten-guide-small .ten-story-item p {
    /* background: blue; */
    -webkit-line-clamp: unset;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.ten-guide-big {
    width: 66%;
}
.ten-guide-form input {
    display: block;
    width: 100%;
    margin: 10px 0px;
    padding: 10px;
    box-sizing: border-box;
}
.ten-guide-form button {
    width: 100%;
    border-radius: 0;
    border: none;
    padding: 10px;
    background: var(--ten-spot-color);
    color: white;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}
.newsletter-signup-container {
	padding: 5px;
}

.mediapack-container {
    padding: 15px;
    border-radius: 5px;
	margin-top: -20px;
	border: solid 1px var(--ten-spot-color);
}

@media screen and (max-width: 1200px){
	.preferred-supplier-container {
		max-width: 25%;
		margin: 10px;
		width: 23%;
	}
}

@media screen and (max-width: 991px){
	.preferred-supplier-container {
		max-width: 40%;
		width: 30%;
	}
	.preferred-supplier-image {
		height: 100px;
	}
	.ten-supplier-filter-wrap {
		flex-direction: column;
	}
}

@media screen and (max-width: 600px){
	.preferred-supplier-container {
		max-width: unset;
	}
	.ten-page-supplier_category .ten-cat-title h2 {
		display: flex;
		flex-direction: column;
	}
	.ten-page-supplier_category .ten-cat-title h2 .section-header-text-alt {
		align-self: flex-end;
	}
}

.preferred-supplier-name {
    text-align: center;
}

.leaderboard-banner {
	max-width: 930px
}

.view-previous {
    float: left;
}
.view-next {
    float: right;
}
.view-next a, .view-previous a {
    text-decoration: none;
}

.view-next i {
    margin-left: 5px;
}
.view-previous i {
    margin-right: 5px;
}
@media screen and (max-width:991px){
	.ten-search-top-ad img {
		width: 100%;
	}
}

@media screen and (max-width:767px){
	#ten-search-main {
		flex-direction: column;
	}
}

@media screen and (max-width:500px){
	.ten-search-item {
		flex-direction: column;
	}
}