#relatedHorizontalContainerParent{
    display:none;
    margin-block-start:0;
}
#relatedHorizontalContainerParent.visible{
    display:block;
}

.related-horizontal-container{
    overflow:hidden;
    position:relative;
    margin-block-start:0;
}
.related-horizontal-heading{
    margin:0;
    text-transform: uppercase;
}
.related-horizontal-slider-container{
    
     display:flex;
     flex-direction: row;
     column-gap:1rem;
     position:relative;
     left:0;
     transition:left .5s ease-out;
     list-style-type: none;
     margin:0;
     padding:0;
}
.related-horizontal-item-container{
    display:grid;
    grid-template-rows:auto auto;
    width: 200px;
}

.related-horizontal-item-image-div{
    height:150px;
    width:200px;
    background-size: cover;
    background-repeat: no-repeat;
}
.related-horizontal-item-image-div.no-image{
    background-size: contain;
    background-position: center center;
    background-color: #e9e9e9;
}

.related-horizontal-a-link{
    border-bottom:none;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    text-decoration:underline;
    outline-offset:-1px;
    font-size: var(--wp--preset--font-size--small);
    margin:0;
}

.related-horizontal-a-link:hover{
    background-color: var(--wp--preset--color--link-dark);
    color:var(--wp--preset--color--white);
    text-decoration:none;
}

.related-horizontal-text{
    padding:.5rem;
    height:48px;
    display:flex;
    align-items: center;
}
.related-horizontal-text span{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    line-height:1.5rem;
}

.related-horizontal-item-heading{
    font-size: var(--wp--preset--font-size--small);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    line-height:1.5rem;
    margin:0;
}

.related-horizontal-slide{
    position:absolute;
    top:51px;
    z-index:1;
    padding:0;
    background-color:transparent;
    border:none;
    height:48px;
    width:48px;
    cursor:pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:var(--wp--preset--color--primary);
    opacity:.7;
    transition: opacity .3s ease-in-out;
    outline-offset: 2px!important; /* overrride 4px offset (standard) */
}
.related-horizontal-slide:hover, .related-horizontal-slide:focus, .related-horizontal-slide:focus-visible, .related-horizontal-slide:active{
    opacity:1;
}
.related-horizontal-slide.hide{
    display:none;
}

.related-horizontal-slide.left{
    left:.25rem;
    /*original design - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDE2IDMyIj48cGF0aCBmaWxsPSIjODA4Mjg1IiBkPSJNMTMuMjMgMjYuODUgNi4yNyAxNmw2Ljk2LTEwLjg1Yy41MS0uOC4yOC0xLjg3LS41Mi0yLjM4YTEuNzMgMS43MyAwIDAgMC0yLjM4LjUyTDIuNzcgMTUuMDdjLS4zNi41Ni0uMzYgMS4yOSAwIDEuODZsNy41NiAxMS43OGMuMjUuMzkuNjMuNjUgMS4wOC43NS40NS4xLjkxLjAyIDEuMy0uMjNzLjY1LS42My43NS0xLjA4Yy4xLS40NS4wMi0uOTEtLjIzLTEuM1oiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtNy40NiAxNiA2LjYxLTEwLjMxYy4zOS0uNjEuNTItMS4zNC4zNy0yLjA1YTIuNzI0IDIuNzI0IDAgMCAwLTQuOTUtLjg5TDEuOTMgMTQuNTNjLS41Ny44OS0uNTcgMi4wNSAwIDIuOTRsNy41NiAxMS43OGEyLjY4NyAyLjY4NyAwIDAgMCAyLjI5IDEuMjVjLjUyIDAgMS4wMi0uMTUgMS40Ny0uNDMuNjEtLjM5IDEuMDQtMSAxLjE5LTEuNzEuMTUtLjcxLjAyLTEuNDQtLjM3LTIuMDVMNy40NiAxNlptNS4yNSAxMy4yM2MtLjM5LjI1LS44NS4zMy0xLjMuMjMtLjQ1LS4xLS44My0uMzctMS4wOC0uNzVMMi43NyAxNi45M2MtLjM2LS41Ni0uMzYtMS4zIDAtMS44Nmw3LjU2LTExLjc4Yy4zMi0uNS44Ni0uNzkgMS40NS0uNzkuMzMgMCAuNjUuMDkuOTMuMjcuOC41MSAxLjAzIDEuNTguNTIgMi4zOEw2LjI3IDE2bDYuOTYgMTAuODVjLjI1LjM5LjMzLjg1LjIzIDEuMy0uMS40NS0uMzcuODMtLjc1IDEuMDhaIi8+PC9zdmc+");*/
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgPGcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTE2LDEuMjVDNy44NywxLjI1LDEuMjUsNy44NywxLjI1LDE2czYuNjIsMTQuNzUsMTQuNzUsMTQuNzUsMTQuNzUtNi42MiwxNC43NS0xNC43NVMyNC4xMywxLjI1LDE2LDEuMjVaIiBmaWxsPSIjZmZmIi8+CiAgICAgIDxwYXRoIGQ9Ik0xNiwuMjVDNy4zMi4yNS4yNSw3LjMyLjI1LDE2czcuMDcsMTUuNzUsMTUuNzUsMTUuNzUsMTUuNzUtNy4wNywxNS43NS0xNS43NVMyNC42OC4yNSwxNiwuMjVaTTE2LDMwLjc1Yy04LjEzLDAtMTQuNzUtNi42Mi0xNC43NS0xNC43NVM3Ljg3LDEuMjUsMTYsMS4yNXMxNC43NSw2LjYyLDE0Ljc1LDE0Ljc1LTYuNjIsMTQuNzUtMTQuNzUsMTQuNzVaIiBmaWxsPSIjOTk5Ii8+CiAgICA8L2c+CiAgPC9nPgogIDxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPgogICAgPHBhdGggZD0iTTkuNjMsMTcuM2w2LjY4LDEwLjQyYy4zNS41NC44OC45MiwxLjUxLDEuMDUuMTcuMDQuMzUuMDYuNTIuMDYuNDYsMCwuOS0uMTMsMS4zLS4zOC41NC0uMzUuOTItLjg4LDEuMDUtMS41MS4xNC0uNjMuMDItMS4yNy0uMzMtMS44MWwtNS44NS05LjEyLDUuODUtOS4xMmMuMzUtLjU0LjQ2LTEuMTkuMzMtMS44MS0uMTQtLjYzLS41MS0xLjE3LTEuMDUtMS41MS0uMzktLjI1LS44NC0uMzgtMS4zLS4zOC0uODIsMC0xLjU4LjQxLTIuMDMsMS4xMWwtNi42OCwxMC40MmMtLjUxLjc5LS41MSwxLjgxLDAsMi42WiIgZmlsbD0iIzAyNTM3NiIvPgogIDwvZz4KPC9zdmc+");
}
.related-horizontal-slide.right{
    right:.25rem;
    /*original design - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDE2IDMyIj48cGF0aCBmaWxsPSIjODA4Mjg1IiBkPSJNMi43OCA1LjE1IDkuNzQgMTYgMi43OCAyNi44NWMtLjUxLjgtLjI4IDEuODcuNTIgMi4zOGExLjczIDEuNzMgMCAwIDAgMi4zOC0uNTJsNy41Ni0xMS43OGMuMzYtLjU2LjM2LTEuMjkgMC0xLjg2TDUuNjcgMy4yOWMtLjI1LS4zOS0uNjMtLjY1LTEuMDgtLjc1LS40NS0uMS0uOTEtLjAyLTEuMy4yM3MtLjY1LjYzLS43NSAxLjA4Yy0uMS40NS0uMDIuOTEuMjMgMS4zWiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik04LjU1IDE2IDEuOTMgMjYuMzFjLS4zOS42MS0uNTIgMS4zNC0uMzcgMi4wNWEyLjcyNCAyLjcyNCAwIDAgMCA0Ljk1Ljg5bDcuNTYtMTEuNzhjLjU3LS44OS41Ny0yLjA1IDAtMi45NEw2LjUyIDIuNzVBMi42ODcgMi42ODcgMCAwIDAgNC4yMyAxLjVjLS41MiAwLTEuMDIuMTUtMS40Ny40My0uNjEuMzktMS4wNCAxLTEuMTkgMS43MS0uMTUuNzEtLjAyIDEuNDQuMzcgMi4wNUw4LjU1IDE2Wk0zLjI5IDIuNzdjLjM5LS4yNS44NS0uMzMgMS4zLS4yMy40NS4xLjgzLjM3IDEuMDguNzVsNy41NiAxMS43OGMuMzYuNTYuMzYgMS4zIDAgMS44Nkw1LjY3IDI4LjcxYy0uMzIuNS0uODYuNzktMS40NS43OS0uMzMgMC0uNjUtLjA5LS45My0uMjctLjgtLjUxLTEuMDMtMS41OC0uNTItMi4zOEw5LjczIDE2IDIuNzggNS4xNWMtLjI1LS4zOS0uMzMtLjg1LS4yMy0xLjMuMS0uNDUuMzctLjgzLjc1LTEuMDhaIi8+PC9zdmc+");*/
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgPGcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTE2LDEuMjVDNy44NywxLjI1LDEuMjUsNy44NywxLjI1LDE2czYuNjIsMTQuNzUsMTQuNzUsMTQuNzUsMTQuNzUtNi42MiwxNC43NS0xNC43NVMyNC4xMywxLjI1LDE2LDEuMjVaIiBmaWxsPSIjZmZmIi8+CiAgICAgIDxwYXRoIGQ9Ik0xNiwuMjVDNy4zMi4yNS4yNSw3LjMyLjI1LDE2czcuMDcsMTUuNzUsMTUuNzUsMTUuNzUsMTUuNzUtNy4wNywxNS43NS0xNS43NVMyNC42OC4yNSwxNiwuMjVaTTE2LDMwLjc1Yy04LjEzLDAtMTQuNzUtNi42Mi0xNC43NS0xNC43NVM3Ljg3LDEuMjUsMTYsMS4yNXMxNC43NSw2LjYyLDE0Ljc1LDE0Ljc1LTYuNjIsMTQuNzUtMTQuNzUsMTQuNzVaIiBmaWxsPSIjOTk5Ii8+CiAgICA8L2c+CiAgPC9nPgogIDxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Ik0xMS4zOCw2LjRsNi4xNiw5LjYtNi4xNiw5LjZjLS40NS43MS0uMjUsMS42NS40NiwyLjEuMjUuMTYuNTMuMjQuODIuMjQuNTIsMCwxLS4yNiwxLjI4LS43bDYuNjgtMTAuNDJjLjMyLS41LjMyLTEuMTUsMC0xLjY1bC02LjY4LTEwLjQyYy0uMjItLjM0LS41Ni0uNTgtLjk2LS42Ny0uNC0uMDktLjgxLS4wMS0xLjE1LjIxLS4zNC4yMi0uNTguNTYtLjY3Ljk2LS4wOS40LS4wMS44MS4yMSwxLjE1WiIgZmlsbD0iIzAyNTM3NiIvPgogICAgICA8cGF0aCBkPSJNMjEuMzcsMTQuN2wtNi42OC0xMC40MmMtLjM1LS41NC0uODgtLjkyLTEuNTEtMS4wNS0uMTctLjA0LS4zNS0uMDYtLjUyLS4wNi0uNDYsMC0uOS4xMy0xLjMuMzgtLjU0LjM1LS45Mi44OC0xLjA1LDEuNTEtLjE0LjYzLS4wMiwxLjI3LjMzLDEuODFsNS44NSw5LjEyLTUuODUsOS4xMmMtLjM1LjU0LS40NiwxLjE5LS4zMywxLjgxLjE0LjYzLjUxLDEuMTcsMS4wNSwxLjUxLjM5LjI1Ljg0LjM4LDEuMy4zOC44MiwwLDEuNTgtLjQxLDIuMDMtMS4xMWw2LjY4LTEwLjQyYy41MS0uNzkuNTEtMS44MSwwLTIuNloiIGZpbGw9IiMwMjUzNzYiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");
}