/*-------- CONTENTS --------*/
/*--- Variables ---*/
/*--- Universal ---*/
/*--- Body & General ---*/
/*--- Headings ---*/
/*--- Header & Navigation ---*/
/*--- Footer ---*/
/*--- Home Sections ---*/
/*--- Category Pages ---*/
/*--- Post Pages ---*/
/*--- Search ---*/
/*--- Forms ---*/
/*--- Subscribe Page ---*/
/*--- Suppliers ---*/
/*--- Companies ---*/
/*--- Events ---*/
/*--- Event ---*/
/*--- Newsletter ---*/
/*--- Advertise ---*/
/*--- About Us ---*/
/*--- Magazine ---*/
/*--- Adverts ---*/
/*--- Contact Us ---*/
/*--- Digital Advertising ---*/
/*--- Rates ---*/
/*--- Snackbar ---*/
/*--- Slideshow ---*/
/*--- Media Queries ---*/

/*-------- VARIABLES --------*/
/*    In cim.css   */

/*-------- UNIVERSAL --------*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap');

* {
    letter-spacing: .25px;
    font-family: 'Source Sans 3', sans-serif;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

a {
    color: var(--ten-spot-color);
}

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

img {
    width: 100%;
    display: block;
}

.right-align {
    float: right;
}

.margin-top-auto {
    margin-top: auto;
}

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

.ten-body {
    margin: 0px 10px;
}

.ten-zero {
    min-width: 0;
    margin: auto;
    max-width: 1400px;
    background: white;
    /*padding: 10px;*/
}

.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;
}

#ten-new-products {
    padding: 0 10px;
}

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

h1, h2, h3, h4, h5 {
    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-right-menu > li {
    border-right: 1px solid #d1d9e0;
}

#ten-nav-primary {
    background: var(--ten-pale);
    display: flex;
    justify-content: flex-end;
    font-size: 0.95em;
    margin: 0;
    padding: 0;
    background: #f9fbfb;
    border-top: 1px solid #d1d9e0;
    border-bottom: 1px solid #d1d9e0;
    margin-bottom: 10px;
}

#ten-nav-primary ul li .tab-dropdown-header {
    position: absolute;
    top: 40px;
    right: -1px;
    padding-top: 0px;
    display: none;
    background: #f9fbfb;
    z-index: 5;
    border: solid 1px #cacece;
    margin-top: -1px;
}

#ten-nav-primary a {
    color: var(--ten-darkgrey);
}

#ten-nav-primary a:hover {
    color: var(--ten-spot-color);
}

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

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

#ten-nav-primary .active {
    background: #F9FBFB;
    color: var(--ten-spot-color);
    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;
}


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

/*Misc nav rules*/
.tab-dropdown-header {
    flex-direction: column;
    justify-content: flex-start !important;
}

.tab-dropdown-header li {
    width: 100%;
    padding: 0 !important;
    white-space: nowrap;
    border-bottom: solid 1px lightgrey;
}

.tab-dropdown-header a {
    padding: 10px;
    display: inline-block;
    width: 100%;
}

#ten-nav-primary ul li .dropdown-arrow {
    margin-left: 5px;
}

#ten-nav-primary ul li {
    position: relative;
}

#ten-nav-primary ul li:hover .tab-dropdown-header {
    display: flex;
}

.tab-dropdown-header.show {
    display: block !important;
}

/*Header Bar*/
#ten-header-bar {
    background: #fff;
    margin: auto;
    margin-bottom: 10px;
}

.ten-hb-wrap {
    display: flex;
    justify-content: start;
    gap: 20px;
    align-items: center;
}

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

.ten-hb-wrap .ten-hb-item:last-child {
    align-self: center;
    margin-left: auto;
    margin-top: -1px;
}

.ten-right-menu {
    display: flex;
    color: rgb(0, 0, 0);
    flex-wrap: wrap;
}

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

/*Search forms*/
form#searchForm {
    position: relative;
    width: 100%;
}

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

input#search_term {
    text-indent: 0.5em;
    width: 100%;
    padding: 5px;
    min-width: 200px;
}

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

.ten-search-container form {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin: 5px;
    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;
}

/*Social buttons*/
.header-social-media-list {
    display: flex;
}

.social-twitter {
    background-color: #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    display: inline-block;
    font-size: 18px;
    padding: 0;
    margin: 0 10px 0 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.social-linkedin {
    background-color: #006c9e;
    border-top: 2px solid #0099e0;
    border-bottom: 2px solid #00618e;
    display: inline-block;
    font-size: 18px;
    padding: 0;
    margin: 0 10px 0 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.social-youtube {
    background-color: #a20000;
    border-top: 2px solid #e40000;
    border-bottom: 2px solid #920000;
    display: inline-block;
    font-size: 18px;
    padding: 0;
    margin: 0 10px 0 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

/*-------- FOOTER --------*/
#ten-footer {

}

#ten-footer .ten-container {
    background: #808080;
    margin: auto;
    color: white;
    margin-top: 10px;
    white-space: nowrap;
}

#ten-footer .ten-container h2 {
    color: white;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

#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;
    gap: 20px;
    padding: 10px;
    font-size: 14px;
}

.footer-box-wrap {
    display: flex;
    gap: 20px;
    width: 50%;
    justify-content: center;
}

.ten-terms {
    border-left: 1px solid whitesmoke;
    padding-left: 1.3em;
}

.ten-cws-block {
    display: flex;
    gap: 10px;
}

.footer-column {
    flex-grow: 1;
}

.ten-footer-bar img {
    max-width: 335px;
}

.increased-margin {
    margin-top: 15px;
}

.ten-footer-bar a {
    text-decoration: none;
    font-weight: bold;
    color: white;
}

.ten-footer-bar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 1.5;
}

.footer-heading {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 25px;
}

.ten-footer-contact p:first-child {
    font-weight: bold;
}

/*-------- HOME SECTIONS --------*/
.ten-section {
    margin: auto;
}

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

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

/*Slider*/
.ten-posts-feed .slideshow-container img, .ten-featured-container .slideshow-container img {
    height: 480px;
    object-fit: cover;
    width: 100%;
}

/*Featured*/
.ten-featured-grid-wrap {
    width: 100%;
}

.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;
    padding: 0 10px;
}

.ten-featured-container {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

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

.ten-featured-big {
    min-width: 60%;
    width: 100%;
}

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

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

.ten-featured-small > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 5px;
    width: 100%;
    border: 1px solid #d1d9e0;
    background-color: #f9fbfb;
    justify-content: space-between;
}

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

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

.ten-home-event h2, .ten-home-event span {
    text-align: center;
}

.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: 24px;
    line-height: 24px;
    margin-top: 0;
    color: var(--ten-off-black);
    letter-spacing: normal;
    padding: 5px;
}

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

.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;
}

.latest-mag-block a {
    gap: 5px;
    justify-content: center;
    text-align: center;
}

.ten-home-event a {
    justify-content: center;
}

.ten-story-item span {
    color: #646363;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
    display: inline-block;
}

.ten-story-item.featured {
    background: var(--ten-spot-color);
}

.ten-story-item.featured a > :is(h2, p) {
    color: white;
}

.ten-story-item.featured p + p {
    color: white;
}

.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.wrapped-menu h2 > a {
    color: inherit;
}
.ten-section-bar h2 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-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;
}

.ten-top-eight form {
    margin-bottom: 10px;
}

.ten-story-wrapper-1, .ten-story-wrapper-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    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;
}

.ten-story-item a {
    text-decoration: none;
    color: var(--ten-darkgrey);
    display: flex;
    flex-direction: column;
    height: 100%;
}

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

.ten-story-item p:empty {
    display: none;
}

.ten-story-item p {
    -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;
}

.ten-story-wrapper-products .ten-story-item {
    width: 21%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border: solid 1px lightgrey;
    max-width: 25%;
    justify-content: space-between;
    position: relative;
}

.ten-story-bar {
    display: flex;
    justify-content: space-between;
    padding-top: 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: 4;
    padding: 5px;
    font-size: 18px;
}

.ten-story-wrapper-products .alt-big-story .ten-story-item p {
    -webkit-line-clamp: 6;
}

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

.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 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

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

.news-section-container {
    transition: background-color 0.2s linear, color 0.2s linear;
    margin: 0 4px 0 0;
}

.news-section-container a {
    margin: 0 0px;
    font-size: 16px;
    padding: 5px;
}

.news-section-features {
    color: #2C4772;
    text-decoration: none;
}

.news-section-features:hover {
    background-color: #2C4772;
    color: #fff;
    text-decoration: none;
}

.news-section-literature {
    color: #5c5dd5;
}

.news-section-literature:hover {
    background-color: #3435ca;
    color: #fff;
}

.news-section-news {
    color: var(--ten-spot-color);
}

.news-section-news:hover {
    background-color: var(--ten-spot-color);
    color: #fff;
}

.news-section-products {
    color: #535353;
}

.news-section-products:hover {
    background-color: #535353;
    color: #fff;
}

.news-section-video {
    color: #d52a2a;
}

.news-section-video:hover {
    background-color: #d52a2a;
    color: #fff;
}

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

.ten-cat-title {
    padding: 100px 0;
    background: url("/../img/cim-cat-bg.jpg");
    margin-top: 10px;
    background-repeat: no-repeat;
    background-size: cover;
}

.ten-cat-title h2, .ten-cat-title h1 {
    border: none;
    margin-left: 40px;
    color: var(--ten-spot-color);
    background: #ffffffd9;
    width: max-content;
    font-size: 30px;
    padding: 10px;
}

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

.ten-cat-ads {
    width: 400px;
    min-width: 350px;
}

.ten-cat-ads:has(.mediapack-container) {
    min-width: unset;
}

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

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

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

.ten-cat-feed {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ten-cat-item {
    border: solid 1px #8282822b;
    position: relative;
    display: flex;
    width: 32.6%;
}

.ten-cat-item a {
    gap: 5px;
}

.ten-cat-item a .ten-cat-item-bottom {
    color: #333;
    border-top: solid 1px lightgray;
    border-bottom: solid 5px;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    margin-top: auto;
}

.ten-story-item a .ten-cat-item-bottom {
    color: #333;
    border-top: solid 1px lightgray;
    border-bottom: solid 5px;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    align-items: baseline;
    background: #F9FBFB;
    margin-top: auto;
}

.story-tag-Videos {
    border-bottom-color: red !important;
}

.story-tag-News {
    border-bottom-color: var(--ten-spot-color) !important;
}

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

.ten-cat-item > a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.ten-cat-item img {
    object-fit: cover;
    height: 165px;
}

.ten-cat-item h2 {
    margin: 0 0 0.5em;
    font-size: 24px;
    font-weight: bold;
    padding: 5px;
}

.ten-cat-item p {
    padding: 5px;
    font-size: 18px;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.ten-cat-item p:empty {
    display: none;
}

.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 p:last-child {
    /*position: absolute;*/
    /*bottom: 10px;*/
    /*right: 1em;*/
    /*font-size: small;*/
    /*font-style: italic;*/
}
/*Pagination*/
.paginate-wrap {
    position: relative;
    height: 30px;
    padding-top: 10px;
    font-size: 26px;
    margin-bottom: 15px;
}
.view-previous {
    float:left;
}
.view-next {
    float:right;
}
.view-previous i {
    margin-right: 5px;
}
.view-next i {
    margin-left: 5px;
}

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

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

.ten-posts-title {
    font-size: 50px;
    font-weight: bold;
    text-transform: none;
    margin: 5px 0;
}

.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 {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ten-posts-info .dot {
    margin-left: 5px;
    margin-right: 5px;
}

.ten-posts-info h5 {
    text-transform: unset;
    font-size: 18px;
}

.story-tags-company {
    display: flex;
    gap: 20px;
}

.story-company {
    font-size: 20px;
    font-weight: bold;
    color: var(--ten-off-black);
}

.story-company a {
    color: var(--ten-spot-color);
}

.story-tags a {
    background: var(--ten-spot-color);
    color: white;
    padding: 10px;
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    text-decoration: none;
}

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

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

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

.ten-posts-info .dot {
    height: 10px;
    width: 10px;
    cursor: default;
}

.article_image {
    margin: 0;
}

#ten-posts-main 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: 21px;
}

.ten-posts-feed figure.left {
    width: 40%;
    float: left;
    margin: 1em 1em 0 0;
}

.ten-posts-feed .image-style-side > img {
    width: 40%;
    float: right;
    margin: 0 0 1em 1em;
}

.ten-posts-feed a {
    word-break: break-all;
    font-weight: bold;
}

.ten-posts-feed img {
height: 100%;
}

.ten-posts-feed figure {
    margin: 0;
    margin-bottom: 15px;
}

figcaption {
    background: grey;
    padding: 10px;
    text-align: center;
    color: white;
}

@media screen and (max-width: 500px) {
    .ten-posts-feed .image-style-side > img {
        width: 100%;
    }
    .ten-posts-feed img:first-child {
        object-fit: cover;
        max-height: 250px;
    }
    .ten-posts-feed figure img {
        object-fit: cover;
        max-height: 250px;
    }
}

.as-box {
    background: #f6f6f6;
    padding: 20px;
}

.as-box p {
    font-size: 21px;
    color: var(--ten-off-black);
}

.as-box > h2 {
    text-align: center;
    color: var(--ten-spot-color);
    font-weight: bold;
    margin-bottom: 1em;
}

.as-box-2 .ten-section-bar > h2 {
    text-align: left;
}

.as-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 20px;
}

.as-buttons a {
    color: #fff;
    border: solid white 1px;
    padding: 10px;
    cursor: pointer;
    background: var(--ten-spot-color);
    text-decoration: none;
}

.as-flex {
    display: flex;
    align-items: center;
}

.as-flex img {
    width: unset;
}

.social-sharing a {
    display: inline-block;
    font-size: 18px;
    color: #000;
    text-decoration: none;
}

.social-sharing a:hover {
    color: #0077b5;
}

.social-sharing i {
    display: inline-block;
    width: 30px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}

.social-sharing .fab.fa-facebook {
    color: #3b5998;
}

.social-sharing .fab.fa-linkedin {
    color: #0077b5;
}

.social-sharing .fab.fa-twitter {
    color: #1da1f2;
}

.social-sharing .fas.fa-envelope {
    color: #000;
}

.social-sharing-new {
    text-align: center;
}

.ss-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.slider-image-nav {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fill, minmax(179px, 1fr));
}

.ten-posts-feed .slider-image-nav img {
    height: 90px;
    width: 180px;
    object-fit: cover;
}

@media screen and (max-width: 991px){
    .slider-image-nav {
        grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
    }
    .ten-posts-feed .slider-image-nav img {
        height: 70px;
        width: 100%;
        object-fit: cover;
    }
}

.ss-buttons a {
    flex-grow: 1;
    color: white;
    padding: 5px;
    font-size: 20px;
}

.ss-buttons a:nth-child(1) {
    background: #3B5998;
}

.ss-buttons a:nth-child(2) {
    background: #007DB7;
}

.ss-buttons a:nth-child(3) {
    background: #000;
}

.ss-buttons a:nth-child(4) {
    background: #666;
}

/*For slideshow on story*/
.test {
    margin-top: 10px;
    margin-bottom: 20px;
}

.fullwidth-story {
    max-width: 1400px;
    margin: auto;
}

.ten-posts-info a {
    text-decoration: none;
    color: var(--ten-spot-color);
    font-weight: 400;
}

.as-box.as-box-2 {
    background: unset;
    padding: 0;
}

.as-box.as-box-2 .as-flex > div img {
    width: 100%;
    /*margin-top: auto;*/
    object-fit: cover;
    height: 200px;
}

.as-box.as-box-2 .as-flex > div {
    width: 33%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.as-box.as-box-2 .as-flex {
    gap: 10px;
    align-items: unset;
}

.as-box.as-box-2 .as-buttons a {
    background: #e4e4e4;
}

.as-box-2 p {
    color: darkgrey;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.as-box-2 h2 {
    color: var(--ten-off-black);
}

.story-bottom-info h3 {
    text-transform: uppercase;
    font-size: 1.7em;
    font-weight: 200;
}

.fullwidth-story.article-header {
    border-left: 8px solid var(--ten-spot-color);
    padding-left: 2em;
}

.story-ad {
    margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .as-box.as-box-2 .as-flex {
        flex-wrap: wrap;
    }

    .as-box.as-box-2 .as-flex > div {
        width: 100%;
    }
}
/*Image captions*/
figure:has(.has_cc) {
    position: relative;
}

figure:has(.has_cc)::after {
    content: attr(data-cc);
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: white;
    background: #242424;
	padding: 10px;
    z-index: 2000;
}
.story-brochure a {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
    max-width: 400px;
    text-decoration: none;
}
.story-brochure button {
    cursor: pointer;
    background: unset;
    border: solid 2px var(--ten-spot-color);
    padding: 10px;
    color: var(--ten-spot-color);
    font-weight: bold;
    text-transform: uppercase;
}

/*-------- 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-bottom: 3px;
}

.ten-search-item a {
    gap: 10px;
}

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

.ten-search-item a > p {
    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-container-company > div {
    border: none;
}

.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;
    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;
}

.ten-search-company-info {
    background: #eee;
    padding: 5px;
    margin-bottom: 10px;
    /*font-size: 21px;*/
}

.ten-search-container-company .ten-cat-item {
    font-size: 21px;
    width: unset;
}

.ten-search-filter-buttons .active {
    background: var(--ten-spot-color);
    color: white;
}

/*-------- FORMS --------*/
#ten-sidebar-signup {
    width: 100%;
}

#ten-sidebar-signup h2 {
    font-size: 15px;
    color: var(--ten-spot-color);
}

.ten-sign-up {
    height: fit-content;
    margin-bottom: 1.5em;
    margin-top: 1em;
    min-width: 400px;
    /*max-width: 400px;*/
    position: sticky;
    top: 20px;
}

.ten-sign-up .story-tags-company {
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background: #80808012;
    margin-bottom: 20px;
    text-align: center;
}

#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;
}

#main-page-sign-up {
    background: whitesmoke;
    padding: 10px 10px;
}

#main-page-sign-up #ten-sidebar-signup {
    display: flex;
    justify-content: center;
}

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

#subscribeForm .content-row {
    margin: 5px 0;
}

.ten-subscribe-form-wrapper {
    background-color: color-mix(in srgb, var(--ten-spot-color), white 90%);
}

.form-group label {
    font-size: 14px;
}

.input-wrapper {
    margin-bottom: 5px;
}

.ten-body.ten-page-subscribe-form h3 {
    margin-bottom: 5px;
    margin-top: 10px;
}

#main-page-sign-up .form-flex {
    display: flex;
}

#main-page-sign-up .form-flex.ff1 {
    justify-content: flex-end;
    gap: 20px;
    align-items: center;
}

#main-page-sign-up button {
    width: unset;
}

#main-page-sign-up h2 {
    margin: 0;
    font-size: 18px;
    color: var(--ten-off-black);
}

#main-page-sign-up h2 span {
    font-weight: bold;
}

#main-page-sign-up input {
    margin: 0;
    border: solid 1px var(--ten-spot-color);
}

#ten-sidebar-signup input::placeholder {
    color: var(--ten-spot-color);
}

/*-------- SUBSCRIBE PAGE --------*/
.subscribe-bg {
    position: relative;
}

.subscribe-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .3);
    flex-direction: column;
    text-align: center;
    background: #0004;
}

.so-container {
    display: flex;
    gap: 20px;
    padding: 0 20px;
}

.so-container span {
    color: var(--ten-spot-color);
}

.so-left * {
    color: white;
}

.so-left {
    padding: 10px;
}

.so-left h2 {
    font-size: 40px;
    margin-bottom: 5px;
}

.so-left h3 {
    font-size: 55px;
    margin-bottom: 5px;
}

.so-left p {
    font-size: 22px;
}

.so-right img {
    width: unset;
}

.subscribe-bg > img {
    height: 250px;
    object-fit: cover;
    margin-bottom: -6px;
}

.sub-cta a {
    border: solid 1px white;
    padding: 10px;
    color: white;
    text-decoration: none;
    position: relative;
}

.sub-cta a:hover {
    border: solid 1px white;
    padding: 10px;
    color: black;
    text-decoration: none;
    background: whitesmoke !important;
}

.sub-cta .sub-cta-v {
    position: absolute;
    border: none;
    left: 50%;
    transform: translate(-50%);
    margin-top: 15px;
    font-size: 25px;
}

.sub-cta .sub-cta-v:hover {
    border: none;
    background: none !important;
    color: white;
}

.sub-cta > a:first-child {
    background: #00000057;
}

#subscribeForm {
    width: 50%;
    /*background: #0000ff1c;*/
}

.ten-subscribe-form {
    display: flex;
    gap: 30px;
}

#subscribeForm .control-value select {
    width: 100%;
}

#subscribeForm fieldset {
    border: none;
}

#subscribeForm fieldset:nth-child(3) .grid-check {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#subscribeForm .flex {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

#subscribeForm select {
    background: white;
    border: none;
    padding: 10px;
    width: 100%;
}

#subscribeForm .flex > div {
    width: 100%;
}

#subscribeForm hr {
    color: black;
    opacity: .5;
}

@media screen and (max-width: 800px) {
    .so-container {
        width: 100%;
        padding: unset;
    }

    .so-left {
        width: 100%;
        padding: unset;
    }

    .so-left h3 {
        font-size: 50px;
    }

    .so-left h2 {
        font-size: 35px;
        margin: 0;
    }

    .ten-subscribe-form {
        margin: unset;
    }
}

@media screen and (max-width: 500px) {
    #subscribeForm .flexbox-container {
        flex-direction: column;
        gap: 0px !important;
    }
    #subscribeForm .flex {
        flex-wrap: wrap;
    }
    #subscribeForm fieldset:nth-child(3) .grid-check {
        grid-template-columns: 1fr;
    }
}

#subscribeForm .flexbox-container {
    display: flex;
    gap: 10px
}

#subscribeForm input[type="text" i].form-control {
    display: block;
    width: 100%;
    margin: 5px 0px;
    padding: 10px;
    box-sizing: border-box;
}

#subscribeForm .flexbox-container div {
    flex-grow: 1;
}

#subscribeForm .submit-button {
    background: var(--ten-spot-color);
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--ten-font);
    border: none;
    cursor: pointer;
    margin: 10px 0px;
    padding: 10px;
    position: sticky;

}

#subscribeForm .error {
    color: red;
}

#subscribeForm .required-marker {
    color: red;
}

#subscribeForm .has-error {
    border-color: #a94442;
}

#subscribeForm .select-option {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
}

#subscribeForm .generated-question-lbl {
    margin: 5px 0px;
    display: inline-block;
}

.subscribe-form-right ul span {
    color: var(--ten-spot-color);
}

/*-------- SUPPLIERS PAGES --------*/
.ten-page-suppliers .ten-cat-item h2 {
    margin: 0;
    width: unset;
}

.ten-page-suppliers .ten-cat-item {
    color: red;
    width: 40%;
    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;
}

.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: 5px;
    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: 1px solid;
    width: 170px;
    float: left;
    padding: 20px;
    margin: 20px;
    min-height: 85px;
    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;
}

/*-------- 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 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;
}

.category-name a {
    text-decoration: none;
}

.ten-company-details.story-bottom-info .company-name {
    font-weight: 200;
}

.ten-company-details.story-bottom-info a {
    font-weight: bold;
    text-decoration: none;
    color: var(--ten-spot-color);
    margin: 0.5em 0 0 0;
    display: block;
}

.company-tags a {
    display: inline-block;
    border: 2px solid var(--ten-spot-color);
    padding: .5em 1em;
    margin-top: 1em;
    margin-right: 1em;
    color: var(--ten-spot-color);
    font-weight: 700;
    text-decoration: none;
}

.ten-company-item a {
    text-decoration: none;
}

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

.ten-page-company .flickity-enabled {
    margin-top: 10px;
}

/*-------- 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;
}

.ten-event-wrap {
    display: flex;
    gap: 20px;
    margin-top: 5px;
}

.ten-page-events .ten-cat-item {
    width: 100%;
}

.event-title-date {
    display: flex;
    justify-content: space-between;
}

.ten-page-events .ten-cat-item img {
    object-fit: contain;
    height: unset;
}

.ten-page-events .ten-posts-featured-image {
    margin: 0;
}

.ten-page-events .ten-cat-item > a {
    padding: 5px;
    flex-direction: row;
}

.ten-page-events .date-under-title {
    /*white-space: nowrap;*/
    overflow: visible;
}

.ten-recent-articles h2 {
    background: grey;
    color: white;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.ten-ra-block {
    border: solid 1px gray;
    margin-top: -1px;
}

.ten-ra-inner-flex {
    display: flex;
    padding: 10px;
    gap: 10px;
}

.ten-ra-inner-flex img {
    max-width: 40%;
}

.ten-ra-block p {
    padding: 10px;
    padding-top: 0;
}

.ten-recent-articles {
    max-width: 400px;
}

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

/*-------- 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;
}

.latest-event-items {
    width: 21%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border: solid 1px lightgrey;
    padding: 10px;
    max-width: 24%;
}

/*-------- 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: space-between;
    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;
}

/*-------- 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;
    padding: 0 10px;
}

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

.mag-featured-wrap {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.ten-magazine-featured h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom: solid;
}

.mag-info-block {
    margin: 20px 0px;
}

.mag-info-block p:first-child {
    font-weight: bold;
}

.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;
}

.mag-sidebar {
    max-width: 400px;
}

.mag-sidebar h2 {
    background: grey;
    color: white;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.mag-sb-contact a {
    border: solid 2px var(--ten-spot-color);
    padding: 10px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: var(--ten-spot-color);
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin: 5px 10px;
}

.mag-sb-contact p {
    padding: 10px;
}

.mag-button {
    border: solid 2px var(--ten-spot-color);
    padding: 10px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: var(--ten-spot-color);
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.alt-button {
    background: var(--ten-spot-color);
    color: white;
}

.mag-sb-search {
    display: flex;
    justify-content: center;
    margin: 10px 0px;
    margin-bottom: 20px;
}

.mag-sb-search div {
    flex-grow: 1;
}

.mag-input-box input {
    width: 100%;
    padding: 10px;
}

.mag-input-button {
    background: var(--ten-spot-color);
    padding: 10px;
    text-align: center;
    color: white;
    font-weight: bold;
    max-width: 60px;
}

.mag-block a {
    display: flex;
    gap: 10px;
    padding: 10px;
    background: whitesmoke;
    border: solid 1px #4d4d4d;
    margin-top: -1px;
    text-decoration: none;
}

.mag-block img {
    height: 200px;
    object-fit: cover;
}

.mag-sb-contact {
    margin-bottom: 20px;
}

.mag-featured-item:first-child {
    max-width: 350px;
    width: 50%;
}

.mag-year-wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.mag-issue {
    flex-grow: 1;
}

.mag-issue img {
    width: 150px;
}

.mag-block-info p {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-size: 16px;
}

/*Magazine 3d*/
.perspective {
    perspective: 200px;
    margin-top: 30px;
    padding: 30px;
}

.perspective img {
    transform: rotateY(10deg);
    box-shadow: black -2px 3px 4px 4px;
}

figure img:first-child + * {
    margin-top: 30px;
}

figure.media iframe {
    width: 100%;
    height: 490px;
    position: relative;
}

.latest-mag-title {
    text-align: center;
    font-weight: bold;
}

/*-------- ADVERTS --------*/
.story-tag-advertisement {
    /*margin-top: auto;*/
}

.story-tag-advertisement p {
    font-size: 14px !important;
    padding: 3px !important;
    width: 100%;
    text-align: center;
}

.ten-story-item.tile img {
    height: unset;
}

.ten-story-item.tile h2 {
    text-transform: unset;
}

.ten-story-item.tile .ten-cat-item-bottom {
    border-bottom-color: transparent !important;
    margin-top: auto;
}

.ten-story-item.tile a .ten-cat-item-bottom {
    padding: 0px;
    display: none;
}

.banner-gif {
    float: left;
    width: 50%;
    margin: 20px 0 20px 0;
    text-align: center;
    padding: 0 10px;
}

#ten-banner-row {
    margin-bottom: 20px;
}

#ten-banner-row .banners {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.banner-gifs-section {
    justify-content: center;
}

@media screen and (max-width: 991px) {
    #ten-banner-row .banners {
        flex-wrap: wrap;
    }
}

/*-------- CONTACT PAGE --------*/
.ten-body.ten-page-contacts .ten-cat-container a {
    font-weight: bold;
}

.contact-desc p {
    margin-bottom: 10px;
    font-size: 14px;
}

/*-------- PRIVACY AND COOKIE PAGE --------*/
.ten-cat-feed.text-wall p {
    margin-bottom: 5px;
    font-size: 12px;
}

/*-------- DIGITAL ADVERTISING --------*/
.content-page .padded-container {
    padding: 2.5rem;
    background-color: #fbfbfb;
    width: 100%;
}

.content-page .article-headline {
    border-left: 8px solid var(--ten-spot-color);
    padding-left: 2em;
    margin-bottom: 2em;
}

.content-page .article-title {
    font-size: 50px;
    font-weight: bold;
    text-transform: none;
}

.content-page .section-title {
    font-size: 24px;
    margin-bottom: 1em;
}

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

.padded-container.flex .block-column {
    width: 50%;
}

.content-page .btn {
    padding: 10px;
    text-decoration: none;
    border: solid grey 1px;
    font-weight: bold;
}

.content-page .btn-action {
    background-color: var(--ten-spot-color);
    border-color: var(--ten-spot-color);
    color: white;
}

.content-page .banner-images-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.content-page .company-logo-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.content-page .company-logo {
    width: 48%;
}

.content-page article {
    border: solid 1px lightgrey;
    width: 350px;
}

.content-page article img {
    height: 150px;
    object-fit: cover;
}

.content-page article .article-headline {
    color: var(--ten-spot-color);
    font-weight: bold;
    font-size: 24px;
    border: none;
    padding-left: unset;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px;
}

.content-page article a {
    text-decoration: none;
}

.content-page article p, .content-page article .article-intro {
    padding: 5px;
    font-size: 18px;
}

.content-page article .article-details {
    background: #F9FBFB;
    text-align: center;
    border-top: solid 1px lightgrey;
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: solid 5px;
}

.content-page article .article-details.sponsored {
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px;
}

.content-page .background-video .article-image {
    position: relative;
}

.content-page .background-video .youtube-icon-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 50px;
    transform: translate(-50%, -50%);
}

/*Transitions*/
.content-page .ecast, .digital-newsletter {
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.35);
    width: 260px;
    position: relative;
    top: 0;
    left: 10%;
}

.content-page .e-cast-container {
    height: 400px;
}

.content-page .ecast-1, .digital-newsletter-1 {
    transform: translate(0, 20%);
    z-index: 3;
}

.content-page .ecast-2, .digital-newsletter-2 {
    transform: translate(20%, -90%);
    z-index: 2;
}

.content-page .ecast-3, .digital-newsletter-3 {
    transform: translate(40%, -200%);
    z-index: 1;
}

.content-page .takeover-container {
    height: 450px;
}

.content-page .takeover {
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.35);
    width: 300px;
    position: relative;
    top: 0;
    left: 10%;
}

.content-page .takeover-1 {
    transform: skew(0deg, 20deg) translate(0, 70%);
    z-index: 3;
}

.content-page .takeover-2 {
    transform: skew(0deg, 20deg) translate(20%, -60%);
    z-index: 2;
}

.content-page .takeover-3 {
    transform: skew(0deg, 20deg) translate(40%, -190%);
    z-index: 1;
}

/*-------- RATES PAGE --------*/
.rates-page .table-wrap {
    display: flex;
    gap: 10px;
}

.rates-page .table-wrap table {
    width: 100%;
    margin-bottom: 40px;
    border-collapse: collapse;
}

.rates-page .table-wrap > div {
    width: 50%;
}

.rates-page .table-wrap table tbody tr:nth-child(2n+1) {
    background: #ebeff0;
}

.rates-page .table-wrap table tbody tr:nth-child(2n) {
    background: #f9fbfb;
}

.rates-page .table-wrap table p {
    margin-bottom: 0 !important;
    font-size: 16px;
}

.rates-page .table-wrap table td {
    padding: 3px;
}

.rates-page .table-wrap table th {
    text-align: left;
}

.rates-page .table-headings {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}

.rates-page #print-area-description p {
    font-size: 16px;
}

.rates-page #print-area-description p:first-child span {
    color: #d600e4;
    font-weight: bold;
}

.rates-page #print-area-description p:nth-child(2) span {
    color: blue;
    font-weight: bold;
}

.rates-page #print-area-description p:last-child span {
    color: red;
    font-weight: bold;
}

.rates-page .digital-advertising-container {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.rates-page .mechanical-data-container p {
    font-size: 16px;
}

.rates-page .rate-spec-footer-block p {
    font-size: 16px;
}

/*-------- 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: #333; /* Black 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 */
    bottom: 30px; /* 30px from the bottom */
}

/* 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;
    }
}

/*-------- SLIDESHOW --------*/
.slideshow-container {
    position: relative;
    margin: auto;
    height: 100%;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 22px;
    padding-top: 30px;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(38, 38, 38, 0.72) 80%, rgba(37, 37, 37, 0) 100%);
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #313639;
    border-radius: 50%;
    display: inline-block;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}


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

@media screen and (max-width: 1450px) {
    /*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;
    }

    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: 1400px) {

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

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

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

    .ten-featured-big {
        border-right: none;
        border-bottom: solid 1px black;
        padding-bottom: 10px;
    }

    .ten-featured-grid-wrap {
        width: 100%;
        margin-bottom: 20px;
    }

    .ten-featured-small > div {
        max-height: unset;
    }

    .ten-mg-item {
        max-width: 24%;
        flex-grow: 1;
    }



    .ten-body {
        margin: 10px 10px;
    }

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

    .mag-featured-item {
        flex-grow: 1;
    }

    .mag-sidebar {
        max-width: 75%;
        margin: auto;
    }

    .ten-cat-item {
        width: 48.5%;
    }

    .ten-cat-ads {
        min-width: 300px;
    }
}

@media screen and (max-width: 1000px) {
    .ten-footer-bar {
        flex-direction: column;
    }

    .ten-subscribe-form {
        flex-direction: column-reverse;
    }

    #subscribeForm {
        width: unset !important;
    }

    .ten-subscribe-form > div {
        width: 100% !important;
    }
}

@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;
    }

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

    .footer-box-wrap {
        width: unset;
    }

    .slideshow-container img {
        min-width: unset;
    }

    .ten-section-bar.wrapped-menu h2 {
        display: flex;
        flex-direction: column-reverse;
    }

    .ten-section-bar.wrapped-menu span {
        align-self: flex-end;
    }
    .ten-mobile-nav {
        display: flex;
        align-self: end;
        color: var(--ten-spot-color);
        margin-right: 7px;
        margin-top: 4px;
        padding: 5px;
    }

    .ten-right-menu {
        flex-direction: column;
        width: 100%;
    }

    #ten-nav-primary {
        flex-direction: column;
    }

    .ten-search-container {
        margin-right: unset;
    }

    #ten-nav-primary ul {
        justify-content: center;
    }

    #ten-nav-primary ul li .tab-dropdown-header {
        position: unset;
        top: unset;
        right: unset;
        padding-top: 0px;
        background: #f9fbfb;
        border: none;
        margin-top: unset;
    }

    #ten-nav-primary ul li:hover .tab-dropdown-header {
        display: block;
    }
}

@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;
        height: 100%;
    }

    .ten-cat-item img {
        width: unset;
    }

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

    .footer-box-wrap {
        flex-direction: column;
    }

    #main-page-sign-up .form-flex.ff1 {
        flex-direction: column;
    }

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

    .mag-sidebar {
        max-width: unset;
        margin: auto;
    }

    .ten-sign-up {
        min-width: unset;
    }
    .ten-recent-articles {
        max-width: unset;
    }
    .ten-page-events .ten-cat-item a {
        flex-direction: column;
    }
    .ten-page-events .ten-cat-item img {
        min-height: 150px;
        max-width: unset;
    }
}

@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;
    }

    .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;
    }

    .slideshow-container img, .ten-featured-container .slideshow-container img {
        height: 250px;
    }

    .ten-cat-item {
        width: 100%;
    }
    .ten-posts-title {
        font-size: 30px;
    }
    #main-page-sign-up .form-flex {
        width: 90%;
    }
}

/*-------- 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;
}

/*Potentially unused guide css*/
.ten-guide-wrap {
    display: flex;
    gap: 10px;
}

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

.ten-guide-small .ten-story-item p {
    -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;
}

.title-box-action a {
    border-radius: 2px;
    outline: 0px;
    border: 1px solid transparent;
    margin: 0;
    background-color: #fff;
    border-color: var(--ten-spot-color);
    color: var(--ten-spot-color);
    font-weight: bold;
    border-width: 2px;
    justify-content: center;
    display: flex;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.top-header-grey {
    text-align: center;
    background-color: #808080;
    color: #fff;
    padding: 10px 0px;
    text-transform: uppercase;
}

.grecaptcha-badge {
    display: none;
}

.ad-side {
    display: none;
}

/*Takeover ad css*/
.page-home .ten-section.takeover {
    margin-top: 20px;
}