@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");


@font-face
{
    font-family  : "Aeonik-Bold";
    src          : url("../../fonts/aeonik/Aeonik-Bold.woff2") format("woff2"),
    url("../../fonts/aeonik/Aeonik-Bold.woff") format("woff");
    font-weight  : normal;
    font-style   : normal;
    font-display : swap;
}


@font-face
{
    font-family  : "Aeonik-Light";
    src          : url("../../fonts/aeonik/Aeonik-Light.woff2") format("woff2"),
    url("../../fonts/aeonik/Aeonik-Light.woff") format("woff");
    font-weight  : normal;
    font-style   : normal;
    font-display : swap;
}


@font-face
{
    font-family  : "Aeonik-Regular";
    src          : url("../../fonts/aeonik/Aeonik-Regular.woff2") format("woff2"),
    url("../../fonts/aeonik/Aeonik-Regular.woff") format("woff");
    font-weight  : normal;
    font-style   : normal;
    font-display : swap;
}


/*
-------------------------------------------------
GLOBAL
-------------------------------------------------
*/

:root
{
    --connect-light-mid                  : rgba(142, 152, 164, 0.4);
    --connect-mid                        : rgba(142, 152, 164, 0.7);

    --connect-steel-rgb                  : 70, 83, 105;
    --connect-steel                      : rgb(var(--connect-steel-rgb));
    --connect-steel-lighter              : rgb(131, 140, 154);
    --connect-steel-darker               : rgb(59, 70, 89);

    --connect-deep-blue                  : rgb(22, 62, 76);
    --connect-deep-blue-lighter          : rgb(28, 77, 95);
    --connect-deep-blue-darker           : rgb(16, 45, 55);
    --connect-deep-blue-alpha            : rgba(22, 62, 76, 0.66);

    --connect-grass                      : rgb(65, 173, 73);
    --connect-light                      : rgb(var(--rgb-light));
    --connect-lime-green                 : rgb(152, 201, 60);
    --lime-green-darker                  : rgb(133 180 46);
    --connect-lime-green-alpha           : rgba(152, 201, 60, 0.66);
    --connect-mid-teal                   : rgb(0, 141, 127);
    --connect-orange                     : rgb(240, 139, 29);
    --connect-orange-alpha               : rgba(240, 139, 29, 0.5);
    --connect-raspberry                   : rgb(201, 60, 103);
    --connect-raspberry-alpha             : rgba(201, 60, 103, 0.5);
    --color-primary                      : var(--connect-lime-green);
    --connect-silver                     : rgb(215, 222, 224);
    --connect-silver-light               : rgb(235, 238, 239);
    --connect-silver-alpha               : rgba(215, 222, 224, 0.5);
    --connect-error-red                  : rgb(220, 53, 69);
    --connect-tangerine                  : rgb(253, 185, 6);
    --connect-tangerine-alpha            : rgba(253, 185, 6, 0.5);
    --connect-teal                       : rgb(0, 172, 161);
    --connect-teal-alpha                 : rgba(0, 172, 161, 0.5);
    --connect-teal-alpha2                : rgba(0, 172, 161, 0.25);
    --connect-teal-darker                : rgb(0, 138, 129);

    --rgb-light                          : 233, 240, 242;

    --spacer                             : 15px;
    --spacer-large                       : 45px;
    --top-bar-height                     : 60px;

    --border-radius-sm                   : 4px;
    --border-radius-lg                   : 8px;

    --sidebar-width                      : 250px;
    --sidebar-width-lg                   : 350px;
    --sidebar-bg                         : var(--connect-deep-blue);
    --sidebar-bg-light                   : var(--connect-deep-blue-lighter);
    --sidebar-bg-alpha                   : var(--connect-deep-blue-alpha);

    --body-text-color                    : rgb(50, 50, 50);
    --body-text-color-α                  : rgba(50, 50, 50, 0.66);
    --body-bg-color                      : rgb(250, 250, 250);


    --button-green                       : rgb(163, 200, 39);
    --button-green-border                : rgb(95, 147, 24);

    --btn-inactive-bg                    : rgb(222, 226, 230);
    --btn-inactive-color                 : rgb(50, 50, 50);

    --cb-bg-uprofile                     : #F0F0F0;
    --cb-bg-oprofile                     : var(--connect-light-mid);
    --cb-border                          : rgb(224, 224, 224);

    --footer-bg-color                    : #EBEBEB;
    --footer-text-color                  : var(--body-text-color);

    --mainnav-link-hover-color           : var(--connect-teal);

    --hairline                           : var(--connect-light-mid);
    --menu-hairline                      : rgba(255, 255, 255, 0.35);

    --blur                               : blur(8px);

    --h1-font-size                       : 40px;
    --h3-font-size                       : 30px;
    --h4-font-size                       : 22px;

    --heading-font-weight                : 500;

    --heading-font-family                : "Aeonik-Bold", Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --strapline-font-family              : "Aeonik-Regular", Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --navigation-font-family             : "Aeonik-Regular", Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --button-font-family                 : "Aeonik-Bold", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --sm-button-font-family              : "Aeonik-Regular", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

    --body-font-family                   : "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

    --jui-alert-success-background-color : var(--connect-lime-green);
    --jui-alert-success-border-color     : transparent;
    --jui-alert-success-link-color       : #FFFFFF;


    --jui-alert-danger-background-color  : var(--connect-orange);
    --jui-alert-danger-border-color      : transparent;
    --jui-alert-danger-link-color        : #FFFFFF;
}


@media (max-width : 767.98px)
{
    :root
    {
        --h1-font-size : 30px;
        --h3-font-size : 25px;
        --h4-font-size : 18px;
        --h5-font-size : 16px;
    }
}


nav
{
    font-family : var(--navigation-font-family);
}


small, .small
{
    font-size   : .7rem;
    line-height : normal;
    display     : inline-block;
}


code
{
    color            : var(--body-text-color);
    background-color : var(--connect-silver);
    font-size        : 70%;
    display          : block;
    padding          : 0.25rem;
    border-left      : 2px solid var(--connect-deep-blue-alpha);
}


code + code
{

    border-top : 1px dashed var(--connect-deep-blue-alpha);
}


svg text
{
    font-family : var(--heading-font-family);
}


a:not([href])
{
    pointer-events : none;
}


a:not([href]):before
{
    content    : "";
    display    : block;
    height     : calc(var(--spacer) + var(--top-bar-height));
    margin     : calc(-1 * (var(--spacer) + var(--top-bar-height))) 0 0;

    visibility : hidden;
}


.media_print
{
    display : none;
}


[itemprop="articleBody"] h1
{
    font-size : 30px;
    color     : red;
}


[itemprop="articleBody"] h2
{
    font-size : 30px;
    color     : red;
}


[itemprop="articleBody"] h3
{
    font-size : 30px;
    color     : var(--connect-lime-green);
}


[itemprop="articleBody"] h4
{
    font-size : 22px;
}


[itemprop="articleBody"] h5
{
    font-size : 18px;
}


[itemprop="articleBody"] h6
{
    font-size : 16px;
}


[itemprop="articleBody"] h2:first-child:only-of-type
{
    color                   : #FFFFFF;
    background-color        : var(--connect-deep-blue);
    padding                 : var(--spacer);
    margin                  : calc(-1 * var(--spacer));
    margin-bottom           : var(--spacer);
    font-family             : var(--strapline-font-family);
    font-weight             : normal;
    font-size               : 19px;
    border-top-left-radius  : var(--border-radius-lg);
    border-top-right-radius : var(--border-radius-lg);
}


div[itemprop="articleBody"] code, .t4-rh-edge code
{
    display          : inline-block;
    border           : none;
    font-size        : 100%;
    padding          : 0 2px;
    border-radius    : var(--border-radius-sm);
    background-color : var(--connect-silver-light);
}


div[itemprop="articleBody"] > p:empty
{
    display : none;
}


var
{
    font-style : normal;
}


.badge var
{
    font-weight : bold;
}


.ui-widget
{
    font-family : var(--body-font-family);
}


.hidden
{
    display : none;
}


blockquote
{
    background-color : var(--connect-lime-green);
    color            : #FFFFFF;
    padding          : var(--spacer);
    padding-left     : var(--spacer-large);
    font-weight      : bold;
    border-radius    : var(--border-radius-sm);
    position         : relative;
    margin-bottom    : var(--spacer-large);
}


blockquote:last-child
{
    margin-bottom : 40vh;
}


/*
blockquote:before
{
    content       : 'This page is under development';
    display       : block;
    font-size     : 140%;
    margin-bottom : var(--spacer);
}
*/

blockquote:after
{
    content     : "\f05a";
    font-family : FontAwesome;
    position    : absolute;
    top         : var(--spacer);
    left        : var(--spacer);
    font-size   : 30px;
    line-height : 1;
}


blockquote p:last-child
{
    margin-bottom : 0;
}


.t4-section, .t4-section .t4-section-inner
{
    position : static;
}


.t4-col.sidebar-r
{
    position   : absolute !important;
    bottom     : auto !important;
    min-height : calc(100vh - var(--top-bar-height));
}


.dropdown-item img
{
    float  : right;
    height : 24px;
}


.dropdown-item:hover img
{
    filter : invert(1) opacity(0.7);
}


@media (max-width : 767.98px)
{
    .container-fluid
    {
        padding-left  : 0;
        padding-right : 0;
    }
}


/*
-------------------------------------------------
UI
-------------------------------------------------
*/


button, .btn.btn-primary, .btn, .btn:hover, .btn.btn-success
{
    background-color : var(--connect-teal) !important;
    border-color     : var(--connect-teal) !important;
}


.btn.btn-primary
{

    color : #FFFFFF !important;
}


.form-control:focus, .inputbox:focus
{
    box-shadow : 0 0 0 2px var(--connect-teal-alpha);
}


input[type="checkbox"], input[type="radio"], select
{
    accent-color : var(--connect-teal);
}


/*
-------------------------------------------------
SYSTEM UI
-------------------------------------------------
*/

.icons > .float-end
{
    position        : fixed;
    top             : var(--top-bar-height);
    right           : 0;
    z-index         : 10001;
    opacity         : 0.6;
    width           : 80px;
    height          : 80px;
    display         : flex;
    justify-content : stretch;
    align-items     : center;
    border-radius   : 50%;
    overflow        : hidden;
    transform       : translate(10px, -10px) scale(0.6);
    box-shadow      : 0 0 4px var(--connect-mid-teal);
}


.icons > .float-end > div
{
    width  : 100%;
    height : 100%;
}


@media (min-width : 767.98px)
{
    .icons > .float-end
    {
        top     : 0;
        opacity : 1;
    }
}


.icons > .float-end a,
.icons > .float-end a:hover
{
    display          : flex;
    align-items      : center;
    justify-content  : center;
    height           : 100%;
    line-height      : var(--top-bar-height);
    background-color : var(--connect-teal) !important;
    color            : #FFFFFF !important;
    padding          : 0 var(--spacer);
}


.jmodedit
{
    display : none !important;
}


joomla-tab button[role=tab],
.tox .tox-mbtn,
.tox .tox-tbtn
{
    background : #FFFFFF !important;
}


#adminForm fieldset
{
    padding : 0 !important;
}


#adminForm fieldset + div,
.offset-sm-3:has(.gjButtonSubmit)
{
    left            : 0;
    right           : 0;
    bottom          : 0;
    padding         : var(--spacer) !important;
    position        : fixed;
    background      : var(--connect-teal-alpha);
    backdrop-filter : var(--blur);
    margin-bottom   : 0 !important;
    padding-left    : calc(var(--sidebar-width) + var(--spacer));
    z-index         : 10001;
    margin-left     : 0;
    max-width       : 100%;
    text-align      : right;
}


#adminForm fieldset + div button.btn.btn-primary,
.gjButtonSubmit
{
    font-weight : bold !important;
}


#adminForm fieldset + div .icon-check
{
    color : #FFFFFF;
}


/*
-------------------------------------------------
HOMEPAGE
-------------------------------------------------
*/

body.layout-home .t4-content
{
    background : #FFFFFF;
}


body.layout-home .t4-register
{
    /*background-image    : url(/images/homepage.png);
    background-repeat   : no-repeat;
    background-size     : 75vw auto;
    background-position : center var(--spacer);
    min-height          : 38vw;*/
}


body.layout-home .t4-col.component
{
    padding-top : 0 !important;
}


#t4-homepage-continuation
{
    color         : #FFFFFF;
    background    : var(--connect-steel);
    padding       : 60px 0;
    margin-bottom : -60px;
}


/*
-------------------------------------------------
SIDEBAR L
-------------------------------------------------
*/

#t4-sidebar .moduletable
{
    padding : 0 0;
    margin  : 0 0 var(--spacer);
    border  : none;
}


#t4-sidebar .cb_template a
{
    text-decoration : none;
    display         : flex;
    align-items     : center;
    column-gap      : 10px;
    border-radius   : var(--border-radius-sm);
    /*padding         : 2px;
    margin          : -2px;*/
}


#t4-sidebar .cb_template a:hover
{
    text-decoration  : none;
    color            : #FFFFFF;
    background-color : var(--connect-teal-alpha2);
}


#t4-sidebar .cbImgPict
{
    max-width        : 50px;
    width            : 50px;
    height           : 50px;
    object-fit       : cover;
    background-color : #FFFFFF;
}


.js-finder-search-query
{
    position                   : relative;
    z-index                    : 101;
    border-top-right-radius    : 0.35rem;
    border-bottom-right-radius : 0.35rem;
}


.js-finder-search-query + button
{
    position         : absolute;
    top              : var(--spacer);
    left             : 0;
    right            : 0;
    bottom           : 0;
    padding          : 0;
    z-index          : 101;
    text-indent      : -1000px;
    background-color : var(--connect-deep-blue-darker) !important;
}


.js-finder-search-query + button:after
{
    content     : "\f002";
    display     : block;
    position    : absolute;
    font-family : FontAwesome;
    top         : 50%;
    left        : 50%;
    transform   : translate(-50%, -50%);
    text-indent : 0;
    width       : 100%;
    font-size   : 26px;
}


.js-finder-search-query:focus + button
{
    background-color : var(--connect-silver) !important;
    color            : var(--body-text-color);
}


.mod-finder + .ds-mod-search-console-scope
{
    display          : none;
    position         : relative;
    z-index          : 100;
    background-color : var(--connect-teal-alpha);
    color            : #FFFFFF;
    margin           : -40px -2px 0 !important;
    font-size        : 13px;
    height           : 42px;
    padding          : 0 5px !important;
    transition       : height 300ms ease, opacity 300ms ease;
    overflow         : hidden;
    opacity          : 0;
}


.mod-finder:focus-within + .ds-mod-search-console-scope,
.ds-mod-search-console-scope:focus-within
{
    height  : 150px;
    opacity : 1;
}


.ds-mod-search-console-scope ul
{
    list-style      : none;
    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    width           : 100%;
    padding         : 45px 0 4px;
    margin          : 0;
}


.ds-mod-search-console-scope li
{
    float      : left;
    padding    : 0;
    text-align : center;
}


.ds-mod-search-console-scope input[type="radio"]
{
    cursor : pointer;
    width  : 20px;
    height : 20px;
}


.ds-mod-search-console-scope label
{
    display       : block;
    cursor        : pointer;
    margin-top    : -5px;
    margin-bottom : 0;
}


.ds-mod-search-console-scope button
{
    display : block;
    width   : 100%;
    /*box-shadow : inset 0 0 0 1px #FFFFFF;*/
    margin  : 3px auto;
    padding : 0.15rem 1rem;
}


.ds-mod-search-console
{
    min-height       : var(--top-bar-height);
    min-width        : var(--top-bar-height);
    position         : relative;
    z-index          : 2;
    background-color : var(--sidebar-bg);
    border-radius    : 0;
    padding-top      : var(--spacer) !important;
    padding-bottom   : var(--spacer) !important;
    margin-top       : calc(-1 * var(--spacer)) !important;
    margin-bottom    : 0 !important;
}


#system-message-container
{
    position : relative;
    z-index  : 2;
}


.ds-mod-search-console #term
{
    display : none;
}


.ds-sidebar .form-control
{
    border : none;
}


.sidebar-l .cbLoginForm,
.sidebar-l #form-login-links
{
    text-align : left;
}


.sidebar-l #form-login-links
{
    position : absolute;
    right    : var(--spacer);
    top      : 111px;
}


.sidebar-l p
{
    margin-bottom : 5px;
}


.sidebar-l .inputbox
{
    height : auto;
}


.sidebar-l #form-login-remember, .sidebar-l #form-login-forgot
{
    font-size : 13px;
}


.sidebar-l #form-login-forgot a
{
    text-decoration : underline;
}


.sidebar-l #form-login-remember input
{
    width : auto;
}


body.view-login .main-top-2
{
    display : none;
}


.ds-small
{
    font-size : 14px;
    padding   : 0.4rem 1rem !important;
}


.ds-icon
{
    position      : relative;
    padding-right : calc(1rem + 25px) !important;
}


.ds-icon:after
{
    content     : "";
    display     : block;
    position    : absolute;
    right       : 1rem;
    font-family : FontAwesome;
    top         : 4px;
    font-size   : 26px;
}


.ds-icon.ds-icon-add:after
{
    content : "\f040";
}


.ds-icon.ds-icon-search:after
{
    content : "\f002";
}


.ds-icon.ds-icon-favourite:after
{
    content : "\f040";
}


.ds-icon.ds-icon-about:after
{
    content : "\f05a";
}


/*
-------------------------------------------------
FLOATING SIDEBAR R
-------------------------------------------------
*/
#t4-rh-edge-1 .card,
#t4-rh-edge .card
{
    font-size  : 14px;
    border     : none;
    background : none;
}


.blog-items
{
    margin-bottom : var(--spacer);
    margin-left   : var(--spacer);
    margin-right  : var(--spacer);
}


.blog-items.items-leading
{
    background    : #FFFFFF;
    margin-bottom : var(--spacer);
    margin-left   : var(--spacer);
    margin-right  : var(--spacer);
    box-shadow    : 0 4px 10px rgba(0, 0, 0, 0.125);
    border-radius : var(--border-radius-lg);
    overflow      : hidden;
}


.blog-items.items-leading .page-header h2
{
    width         : calc(100% + var(--spacer) + var(--spacer));
    border-radius : 0;
}


.blog-items .page-header h2
{
    padding : var(--spacer);
}


.blog-items:not(.items-leading) .page-header h2
{
    background     : transparent;
    margin         : 0;
    padding-left   : 0;
    padding-right  : 0;
    padding-bottom : 0;
}


.com-content-category-blog__navigation
{
    padding : var(--spacer);
}


#t4-rh-edge .card-header.unified-menu-label
{
    color       : transparent;
    white-space : nowrap;
    overflow    : hidden;
    user-select : none;
}


#t4-rh-edge .card-header.unified-menu-label:before
{
    content : "Menu";
    color   : var(--hairline);
}


#t4-rh-edge .card
{
    width : 100%;
}


#t4-rh-edge .card-header
{
    background-color : var(--connect-silver);
    color            : var(--body-text-color);
    margin-top       : 0;
    font-size        : 18px;
    border           : none;
}


#t4-rh-edge .mod-banners__item > a
{
    width            : 220px;
    height           : 125px;
    margin           : 0 auto;
    display          : block;
    position         : relative;
    background-color : #FFFFFF;
    border-radius    : var(--border-radius-sm);
    overflow         : hidden;
}


#t4-rh-edge .mod-banners__item > a > img
{
    position   : absolute;
    display    : block;
    max-height : calc(100% - 16px);
    max-width  : calc(100% - 16px);
    top        : 50%;
    left       : 50%;
    transform  : translate(-50%, -50%);
    transition : all 0.3s ease;
}


#t4-rh-edge .mod-banners__item > a:hover > img
{
    max-height : calc(100% - 6px);
    max-width  : calc(100% - 6px);
}


#t4-rh-edge .mod-banners .bannerheader
{
    font-size  : 13px;
    text-align : left;
    font-style : italic;
    border     : none;
}


#t4-rh-edge .mod-banners__footer
{
    font-size  : 13px;
    text-align : left;
    border     : none;
}


#t4-rh-edge .partners-projects-banner .mod-banners__item > a
{
    height : auto;
}


#t4-rh-edge .partners-projects-banner .mod-banners__item > a > img
{
    max-width  : 100%;
    max-height : none;
    height     : auto;
    position   : static;
    transform  : none;
}


.com-tags-tag__items
{
    margin-left   : var(--spacer);
    margin-right  : var(--spacer);
    margin-bottom : var(--spacer);
}


.com-tags-tag.tag-category .list-group .item-tag-title a
{
    color : var(--connect-teal);
}


.com-tags-tag__filters .input-group,
.com-tags-tag__filters .btn-group
{
    border        : 4px solid var(--connect-silver);
    border-radius : 10px;
}


.com-tags-tag__filters .input-group input[name="filter-search"]
{
    border-top-left-radius    : 5px;
    border-bottom-left-radius : 5px;
}


.com-tags-tag__filters .input-group button[name="filter-search-button"],
.com-tags-tag__filters .input-group button[name="filter-clear-button"]
{
    background-color : var(--connect-silver) !important;
    color            : var(--body-text-color);
    border           : none;
}


.com-content-article .tags
{
    display : none;
}


/*
-------------------------------------------------
COMMUNITY BUILDER CORE
-------------------------------------------------
*/

.ds_avatar-wrapper,
.cbUserListFL_avatar
{
    width          : 100% !important;
    padding-bottom : 100% !important;
    height         : 0;
    position       : relative;
}


.ds_avatar-wrapper .cbImgAvatar,
.cbUserListFL_avatar .cbImgAvatar
{
    width      : 100% !important;
    height     : 100% !important;
    object-fit : cover;
    position   : absolute;
}


.cbImgAvatar
{
    max-width : 100%;
}


.ds_avatar-container svg
{
    width : 100% !important;
}


/* control width of avatar in userlists */
/*.cbUserListRowCol1
{
    max-width : 100px !important;
}*/


.cb_template > .cb_form
{
    background : none;
}


.cb_template .p-2.cbPosCanvasPhoto
{
    padding : 0 !important;
}


.cb_template .img-thumbnail
{
    padding : 0;
}


.cb_template .alert-info
{
    background-color : var(--connect-silver);
    border           : none;
}


/* ORG PROFILE VIEW OVERRIDES */

body.ds--view-userprofile-org .cbConnectionPaths
{
    display : none;
}


body.ds--view-userprofile-org .cbProfile
{

}


body.view-userprofile .t4-content,
body.view-userdetails .t4-content
{
    background : var(--cb-bg-uprofile);
}


body.ds--view-userprofile-org .t4-content
{
    background : var(--cb-bg-oprofile);
}


/*
-------------------------------------------------
FLEXICONTACT FORM
-------------------------------------------------
*/

div.fcp_wrapper
{
    max-width   : none;
    padding     : 0;
    font-family : var(--body-font-family);
}


div.fcp_line label
{
    font-family : var(--body-font-family) !important;
}


div.fcp_line input[type="text"], div.fcp_line input[type="email"], div.fcp_line input[type="number"], div.fcp_line input[type="date"], div.fcp_line input[type="password"], div.fcp_line input[type="file"], div.fcp_line input[type="tel"], div.fcp_line textarea
{
    padding : 5px;
}


.fcp_error_text
{
    font-family : var(--body-font-family);
    margin-top  : 5px;
    display     : inline-block !important;
}


.placeholder
{
    box-shadow    : 0 0 0 1px var(--connect-mid);
    color         : var(--connect-mid);
    padding       : 0.125rem;
    border-radius : var(--border-radius-sm);
    cursor        : default;
}


.placeholder h3
{
    color       : var(--connect-mid);
    margin-top  : 0;
    font-weight : normal;
}


/*
-------------------------------------------------
FOOTER
-------------------------------------------------
*/

#t4-footer
{
    background : none;
    overflow   : auto;
    /*margin-right : calc(-1 * var(--sidebar-width));*/
}


#t4-footer .t4-section-inner
{
    background-color : var(--connect-silver);
    padding          : var(--spacer) var(--spacer-large) var(--spacer) var(--spacer);
    position         : relative;
}


#t4-footer .nav
{
    flex-direction : row;
}


#t4-footer .navbar
{
    padding : 0;
}


#t4-footer .nav > li:before
{
    display : none;
}


#t4-footer .nav > li > a
{
    text-transform : none;
    padding        : var(--spacer);
    border-radius  : var(--border-radius-sm);
}


#t4-footer .nav > li > a:hover, #t4-footer .nav > li > a:active, #t4-footer .nav > li > a:focus
{
    background-color : var(--connect-teal-alpha2);
    border-bottom    : none;
    color            : var(--body-text-color);
}


.footer
{
    width     : calc(100% - var(--sidebar-width));
    flex      : none;
    max-width : none;
}


.footer-logo
{
    width     : var(--sidebar-width);
    flex      : 0 0 var(--sidebar-width);
    max-width : var(--sidebar-width);
    padding   : var(--spacer) 0;
}


.footer-logo p
{
    margin : 0;
}


.footer-logo img
{
    display       : block;
    margin-bottom : 5px;
}


/*
-------------------------------------------------
MARKET BUZZ
-------------------------------------------------
 */

.cbActivityModuleActivity .activityContainerNew
{
    box-shadow    : 0 0 0 5px var(--connect-teal);
    margin-bottom : 60px !important;
}


.activityContainerNew
{
    display : none !important; /**/
}


.cb-activity-no-stream .activityStreamItems, .cb_template .btn.streamInputTag
{
    display : none;
}


.activityStreamItems:empty:before
{
    content : "No activity to show";
}


.streamItemDisplay img
{
    max-height : 300px;
}


.streamPanelFooter
{
    background    : none !important;
    padding-left  : 0 !important;
    padding-right : 0 !important;
    border        : none !important;
}


.streamInputMessageEmote
{
    visibility : collapse;
}


body.layout-members-area-rh-edge .t4-col.sidebar-r .card .streamItem
{
    background    : var(--connect-teal);
    box-shadow    : 0 0 0 5px var(--connect-teal);
    border-radius : var(--border-radius-sm);
    border        : none;
}


.t4-col.sidebar-r .streamInputMessage
{
    height : 200px;
}


.cbActivity .cbCanvasLayoutTop
{
    display : none;
}


.cb_template .gjCanvasDescription
{
    top     : -35px;
    right   : 10px;
    padding : 0 !important;
}


.cb_template .cbCanvasLayout .cbCanvasLayoutTop
{
    min-height : 250px;
}


.cb_template .gjCategory .cbCanvasLayout .cbCanvasLayoutTop:not(.card-header)
{
    min-height : 200px;
}


@media (min-width : 991.98px)
{
    .cb_template .gjCategory .cbCanvasLayout .cbCanvasLayoutTop:not(.card-header)
    {
        min-height : 400px;
    }
}


/*
-------------------------------------------------
ECOLOGY OF SRI (PF)
-------------------------------------------------
*/

#ecology_diagram .col-sm
{
    color            : #FFFFFF;
    background-color : var(--connect-lime-green);
    margin           : 10px 0 0 10px;
    text-align       : center;
    font-size        : 13px;
    padding          : var(--spacer) 0;
    border-radius    : var(--border-radius-sm);
}


#ecology_diagram .col-sm a
{
    color : #FFFFFF;
}


#ecology_diagram .col-md
{
    margin     : 10px 0 0 10px;
    text-align : center;
}


#ecology_diagram #heading.col-md
{
    color            : #FFFFFF;
    background-color : var(--connect-deep-blue);
}


#ecology_diagram .col-md.dssl-arrow
{
    display     : flex;
    align-items : center;
    max-width   : 80px;
}


#ecology_diagram #dash.col-md
{
    border       : dashed;
    border-color : var(--connect-lime-green);
    padding      : var(--spacer);
    margin       : 10px 0 0 10px;
    text-align   : center;
    font-size    : 10px;
}


#ecology_diagram #dash.col-md h3
{
    /*color : var(--body-text-color);*/
}


#ecology_diagram .col-lg
{
    margin     : 10px 0 0 10px;
    text-align : center;
}


#ecology_diagram .col-lg-12, #ecology_diagram #heading
{
    background-color : var(--connect-deep-blue);
    padding          : var(--spacer);
    margin           : 10px 0 0 10px;
    text-align       : center;
}


#ecology_diagram h3
{
    color  : #FFFFFF;
    margin : 0;
}


#ecology_diagram #dash h3
{
    color  : var(--body-text-color);
    margin : 0;
}


.category-desc
{
    background   : var(--connect-deep-blue);
    color        : #FFFFFF;
    border       : none;
    padding      : var(--spacer);
    margin-left  : var(--spacer);
    margin-right : var(--spacer);
    /*margin-top   : -65px;*/
    margin-top   : 0;
    position     : relative;
    font-family  : var(--strapline-font-family);
    font-size    : 19px;
}


.category-desc h3
{
    color : #FFFFFF;
}


.category-desc a
{
    color           : #FFFFFF;
    font-weight     : bold;
    text-decoration : underline;
}


.category-desc > img
{
    width         : 100%;
    max-width     : 100%;
    max-height    : 400px;
    -o-object-fit : cover;
    object-fit    : cover;
    margin-bottom : 20px;
}


.category-desc > img.dssl_top,
.item-image > img.dssl_top
{
    object-position : top;
}


.category-desc > img.dssl_bottom,
.item-image > img.dssl_bottom
{
    object-position : bottom;
}


/*MOTIF */


#Mod155
{
    width       : 100%;
    position    : absolute;
    overflow    : hidden;
    transform   : translateY(52px);
    margin-left : -15px;
}


#Mod155 .line
{
    position      : relative;
    border-bottom : 1px solid var(--connect-lime-green);
    margin        : 10px 0;
}


#Mod155 .line:nth-child(1),
#Mod155 .line:nth-child(3),
#Mod155 .line:nth-child(5)
{
    transform : scaleX(-1)
}


#Mod155 .line:nth-child(3)
{
    width : 300%;
}


#Mod155 .line:nth-child(2),
#Mod155 .line:nth-child(5)
{
    width : 200%;
}


#Mod155 .line div
{
    position                  : absolute;
    bottom                    : -4px;
    width                     : 7px;
    height                    : 7px;
    background-color          : var(--connect-lime-green);
    border-radius             : 50%;
    left                      : 0%;
    animation-name            : MOVE;
    animation-duration        : 30s;
    animation-timing-function : linear;
    animation-iteration-count : infinite;
}


#Mod155 .line div:nth-child(2n)
{

    bottom : -6px;
    width  : 11px;
    height : 11px;
}


#Mod155 .line div:nth-child(1)
{
    transform          : translateX(-1vw);
    animation-duration : 25s;
    animation-delay    : -5s;
}


#Mod155 .line div:nth-child(2)
{
    transform          : translateX(-3vw);
    animation-duration : 35s;
}


#Mod155 .line div:nth-child(3)
{
    transform          : translateX(-1vw);
    animation-duration : 20s;
}


#Mod155 .line div:nth-child(4)
{
    transform          : translateX(3vw);
    animation-duration : 35s;
}


#Mod155 .line div:nth-child(5)
{
    transform          : translateX(-5vw);
    animation-duration : 25s;
}


#Mod155 .line div:nth-child(6)
{
    transform          : translateX(-10vw);
    animation-duration : 25s;
    animation-delay    : -5s;
}


#Mod155 .line div:nth-child(7)
{
    transform          : translateX(-10vw);
    animation-duration : 35s;
}


#Mod155 .line div:nth-child(8)
{
    transform          : translateX(-1vw);
    animation-duration : 20s;
}


#Mod155 .line div:nth-child(9)
{
    transform          : translateX(7.5vw);
    animation-duration : 15s;
    animation-delay    : -1s;
}


#Mod155 .line div:nth-child(10)
{
    transform          : translateX(-30vw);
    animation-duration : 20s;
}


@keyframes MOVE
{
    0%
    {
        left : 0%;
    }
    100%
    {
        left : 100%;
    }
}


.search-results:before
{
    content       : "When complete, this results page will include individual, organisation and content results.";
    display       : block;
    padding       : var(--spacer);
    border-radius : var(--border-radius-sm);
    background    : var(--connect-lime-green);
    color         : #FFFFFF;
    font-weight   : bold;
    margin-bottom : var(--spacer);
}


#search-results .result-taxonomy, #search-results .search-query-explained
{
    display : none;
}


.category-desc-empty:before
{
    content : "Content review for this category is in progress";
}


.article-body-empty:before
{
    content       : "Content review for this page is in progress";
    padding       : var(--spacer);
    border-radius : var(--border-radius-sm);
    background    : var(--connect-lime-green);
    color         : #FFFFFF;
    font-weight   : bold;
}


.items-leading
{
    padding : var(--spacer);
}


.com-content-category-blog__children > h3
{
    display : none;
}


.com-content-category-blog__child
{
    max-width : none;
    width     : 100%;
    flex      : none;
}


.com-content-category-blog__child .category-desc
{
    background : var(--connect-mid);
    margin-top : 0;
}


.com-content-article .item-image
{
    float         : none;
    margin-left   : var(--spacer);
    margin-right  : var(--spacer);
    margin-top    : -65px;
    position      : relative;
    padding       : var(--spacer);
    background    : var(--connect-deep-blue);
    border-radius : 4px;
    margin-bottom : 95px;
}


.com-content-article .item-image img
{
    width         : 100%;
    max-height    : 400px;
    -o-object-fit : cover;
    object-fit    : cover;
}


.accordeonck ul
{
    padding : 0 !important;
}


.accordeonck ul li
{
    list-style : none !important;
}


.accordeonck a
{
    display       : block;
    position      : relative;
    color         : var(--connect-teal) !important;
    padding       : 3px 24px 3px 3px !important;
    border-radius : var(--border-radius-sm);
    line-height   : 1.3;
    margin        : 2px -3px !important;
}


.accordeonck .accordeonck_outer
{
    position : relative;
}


.accordeonck .toggler_icon
{
    position   : absolute;
    cursor     : pointer;
    display    : block;
    height     : 100%;
    z-index    : 10;
    right      : -2px;
    background : none;
    width      : 22px;
}


.accordeonck a:hover
{
    color            : #FFFFFF !important;
    background-color : var(--connect-teal) !important;
}


.accordeonck a.isactive
{
    font-weight : bold;
}


.accordeonck ul li.parent > .accordeonck_outer > a:after
{
    position    : absolute;
    right       : 3px;
    top         : 3px;
    font-weight : normal;
    font-size   : 22px;
    line-height : 18px;
}


.accordeonck ul li.parent > .accordeonck_outer > a:after
{
    content     : "\f055";
    font-family : FontAwesome;
}


.accordeonck ul li.parent.open > .accordeonck_outer > a:after
{
    content     : "\f056";
    font-family : FontAwesome;
}


.modal-backdrop
{

    z-index : 10003;
}


object,
.article-body object,
.item-page [itemprop="articleBody"] object
{
    display : block;
    width   : 100% !important;
    height  : 60vh !important;
}


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


.video-wrapper iframe
{
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}


body.modal-open .modal
{
    /*top         : 25vh;
    bottom      : auto;
    margin-left : -25%;
    height      : auto;
    width       : 50%;*/
    z-index : 10004;
}


.cb_template .modal-dialog
{
    width     : 100%;
    max-width : none;
    margin    : 0.5rem;
}


#taggingModal .modal-body
{
    max-height : 50vh;
    overflow-y : auto;
}


#taggingModal ul
{
    list-style-type : none;
    padding         : 0;
}


#taggingModal li
{
    margin-bottom : 0.25rem;
}


#taggingModal input
{
    width          : 20px;
    height         : 20px;
    vertical-align : -3px;
}


#taggingModal input + label
{
    padding-left  : 0.25rem;
    line-height   : 20px;
    margin-bottom : 0;
}


body, input, select, textarea, button
{
    font-family : var(--body-font-family);
}


.cb_template, .cb_template input, .cb_template button, .cb_template select, .cb_template optgroup, .cb_template textarea
{
    font-family : var(--body-font-family) !important;
}


.cbPoweredBy
{
    display : none;
}


h1, h2, h3, h4, h5, h6
{
    color : var(--connect-deep-blue)
}


a, /*#t4-main-content a,*/
.cb_template a,
.t4-palette-gray a,
.category-module a,
.categories-module a, .page-link
{
    color : var(--connect-teal);
}


a:hover, /*#t4-main-content a,*/
.cb_template a:hover,
.t4-palette-gray a:hover,
.category-module a:hover,
.categories-module a:hover
{
    color : var(--connect-teal-darker);
}


#t4-main-content a:not(.page-link):hover
{
    color           : var(--body-text-color);
    background      : var(--connect-teal-alpha);
    text-decoration : none;
    box-shadow      : 0 0 0 2px var(--connect-teal-alpha);
    border-radius   : var(--border-radius-sm);
}


button, .btn.btn-primary, .btn, .fcp_form input.fcp_btn
{
    font-family      : var(--button-font-family);
    background-color : var(--connect-teal) !important;
    border-color     : var(--connect-teal) !important;
    color            : #FFFFFF;
    transition       : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}


button:not(.tox-tbtn):hover, .btn:hover, .btn.btn-outline-primary:hover
{
    background-color : var(--connect-teal-darker) !important;
    border-color     : var(--connect-teal-darker) !important;
    color            : #FFFFFF !important;
}


.btn.btn-danger, .btn.gjButtonCancel
{
    background-color : var(--connect-teal-alpha) !important;
    border-color     : var(--connect-teal-alpha) !important;
}


.page-item.active .page-link
{
    background-color : var(--connect-teal);
    border-color     : var(--connect-teal);
}


input:checked + label.btn
{
    box-shadow : inset 0 0 0 3px rgba(0, 0, 0, 0.25);
}


joomla-alert .joomla-alert--close
{
    width            : auto;
    background-color : transparent !important;
    font-size        : 1.8em;
    display          : none; /**/
}


.category-module li a,
.categories-module li a
{
    padding       : 3px;
    border-radius : var(--border-radius-sm);
    line-height   : 1.3;
    margin        : 0 -3px;
}


.category-module li a.active,
.categories-module li a.active
{
    font-weight : bold;
}


.category-module li a:hover, .categories-module li a:hover
{
    background-color : var(--connect-teal);
    color            : #FFFFFF;
}


.category-module li a:before,
.categories-module li a:before
{
    display : none;
}


.categories-module ul, .mod-articlescategory ul
{
    padding-left : var(--spacer);
}


.categories-module > li
{
    border-bottom : none;
}


input:-webkit-autofill::first-line,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{

}


.logo-image img
{
    max-height : 30px;
}


button
{
    border        : 0;
    clear         : both;
    display       : block;
    font-weight   : 400;
    padding       : 0.25rem 1.5rem;
    white-space   : nowrap;
    border-radius : var(--border-radius-sm);
    /*width       : 100%;*/
}


button[type="reset"]
{
    background-color : var(--color-secondary) !important;
}


/*.item-page*/
.page-header h1,
    /*.item-page*/
.page-header h2,
.page-subheader h1,
.content-category h2,
form > .cb-page-header,
#adminForm[action*=buzz]:first-child:before,
#jevents #jevents_header h1,
.com-tags-tag.tag-category h1
{
    /*background-color : var(--connect-grass);*/
    background-color : var(--connect-silver);
    padding          : var(--spacer) 10px var(--spacer-large) calc(2 * var(--spacer));
    display          : block;
    margin-top       : calc(-1 * var(--spacer));
    margin-left      : calc(-1 * var(--spacer));
    position         : relative;
    width            : calc(100% + var(--spacer) + var(--spacer));
    line-height      : 1;
}


form > .cb-page-header
{
    padding-bottom : var(--spacer);
}


/*
.page-header h1,
.page-header h2,
.page-header a,
#adminForm[action*=buzz]:first-child:before
{
    color : #FFFFFF;
}
*/

.page-header h1, .page-header h2,
.page-subheader h1,
.content-category h2,
.categories-list h2,
.cb-page-header h3
{
    font-size      : var(--h1-font-size);
    text-transform : none;
    font-weight    : bold;

}


.page-header h1 aside,
.page-header h2 aside
{
    font-family : var(--body-font-family);
    font-weight : normal;
    font-size   : 14px;
    line-height : normal;
}


.page-header h1:after
{
    display : table;
    clear   : both;
    content : " ";
}


.page-header p
{
    margin-bottom : 0.75rem;
}


.page-header li:not(:last-child)
{
    margin-bottom : 0.1rem;
}


/*
.page-header h6
{
    color : #FFFFFF;
}*/

.page-header h2 a
{
    color   : var(--connect-teal);
    display : block;
}


.ds-console
{
    font-size   : 14px;
    font-weight : normal;

}


#t4-rh-edge .card.ds-console .ds-form
{
    padding          : var(--spacer);
    background-color : var(--connect-teal-alpha2);
    border-radius    : var(--border-radius-lg);
}


#t4-rh-edge .card.ds-console .ds-form h3
{
    color         : var(--body-text-color);
    border-bottom : none;
}


.cb_field .ds-console h6
{
    display : inline;
}


.ds-console input[type="checkbox"],
.ds-console input[type="radio"]
{
    width          : 16px;
    height         : 16px;
    margin-right   : 2px;
    vertical-align : -3px;
}


.ds-console input[type="checkbox"] + label,
.ds-console input[type="radio"] + label
{
    margin    : 0 8px 0 0;
    font-size : 14px;
}


#ds_meta_form
{
    width         : 100%;
    margin-bottom : calc(var(--spacer) * 2);
}


#ds_meta_form p
{
    margin : 0;
}


/*
body.t4-edit-layout
{
    padding-bottom : 0;

}


body.t4-edit-layout #t4-footer .t4-section-inner
{
    padding-bottom : 73px;

}*/

.item-page [itemprop="articleBody"], .ds-buzz .page-header + #adminForm joomla-tab > joomla-tab-element, .article-body
{
    margin-top : -75px;
}


.item-page [itemprop="articleBody"], .ds-buzz joomla-tab > joomla-tab-element, .article-body, .dssl-jev-form
{
    margin-left      : var(--spacer);
    margin-right     : var(--spacer);
    position         : relative;
    background-color : #FFFFFF;
    box-shadow       : 0 4px 10px rgb(0 0 0 / 13%);
    border-radius    : var(--border-radius-lg);
    padding          : var(--spacer);
    /*overflow         : auto; */
}


.item-page [itemprop="articleBody"]:after,
.ds-buzz joomla-tab > joomla-tab-element:after,
.article-body:after,
.dssl-jev-form:after
{
    content : "";
    clear   : both;
    display : block;
}


[itemprop="articleBody"] form,
.fcp_confirm
{
    display          : inline-block;
    width            : 100%;
    border-radius    : var(--border-radius-lg);
    padding          : var(--spacer);
    background-color : var(--connect-silver-light);
}

[itemprop="articleBody"] form:has(input[value="10"][name="config_id"])
{
    background-color : #519aa3;
}
[itemprop="articleBody"] form:has(input[value="10"][name="config_id"]) button.fcp_btn_blue
{
    background-color: #00bcd4 !important;
}

[itemprop="articleBody"] form + form
{
    margin-top : calc(-1 * var(--spacer));
}


[itemprop="articleBody"] form button:not(:first-child)
{
    display     : inline-block;
    margin-left : 5px;
}


[itemprop="articleBody"] #ds_filtering_container form
{
    width : 100%;
}

[itemprop="articleBody"] form .fcp_captcha
{
    text-align:left;
    margin: 20px 0;
}
[itemprop="articleBody"] form .fcp_captcha_inner
{
    background-color : var(--connect-silver-light);
    border-color: var(--connect-silver-light);
}

.dssl-jev-form input,
.dssl-jev-form select
{
    background : var(--connect-silver);
}


.item-page .article-info
{
    margin-top     : -80px;
    padding-bottom : 75px;
    /*color          : #FFFFFF !important;*/
    padding-left   : var(--spacer);
    position       : relative;
}


.item-page .createdby [itemprop=name]
{
    /*color : #FFFFFF !important;*/
}


#t4-topbar,
#t4-topbar-mobile
{
    background : var(--connect-lime-green);
    color      : var(--connect-light);
    height     : var(--top-bar-height);
    left       : 0;
    padding    : 0;
    position   : fixed;
    right      : 0;
    top        : 0;
    z-index    : 10001;
}


@media (max-width : 767.98px)
{
    #t4-topbar
    {
        background-image    : url(/images/pictures/graphics/SRI_CONNECT_LOGO_WHITE.png);
        background-size     : 40vw auto;
        background-repeat   : no-repeat;
        background-position : 65px center;
    }

    .layout-home_video
    {
        background-position : center;
    }
}


#t4-topbar-mobile
{
    display : none;
}


#t4-topbar .t4-section-inner,
#t4-topbar .t4-row
{
    height : 100%;
}


/**************************************************************
 * TOPBAR NAVIGATION
 *************************************************************/

#t4-topbar .megamenu
{
    padding : 0;
}


#t4-topbar .navbar
{
    height  : 100%;
    padding : 0;
}


#t4-topbar .navbar-nav
{
    flex-direction : row;
}


#t4-topbar .navbar-toggler
{
    width  : var(--top-bar-height);
    height : var(--top-bar-height);
}


.navbar .navbar-toggler, #t4-topbar .navbar-nav a.nav-link
{
    color : #FFFFFF;
}


.t4-megamenu .dropdown-menu li .dropdown-item:hover
{
    background-color : #FFFFFF;
}


#t4-topbar .navbar-nav a.nav-link
{
    height      : var(--top-bar-height);
    max-width   : 105px;
    white-space : normal;
    padding     : 7px 0 0 var(--spacer);
    line-height : 1.2;
    position    : relative;
    z-index     : 10002;
    transition  : background-color 300ms ease;
}


#t4-topbar .navbar-nav a.nav-link:hover,
#t4-topbar .navbar-nav li.show a.nav-link,
#t4-topbar .navbar-nav li.active .nav-link
{
    background-color : #BAD987;
}


#t4-topbar .navbar-nav .item-caret
{
    position    : absolute;
    left        : var(--spacer);
    bottom      : 5px;
    margin-left : 0;
}


#t4-topbar .navbar-nav .dropdown-menu
{
    position   : absolute;
    float      : none;
    margin-top : 0 !important;
    z-index    : 10001 !important;
    min-width  : 18rem;
}


.topbar-right .navbar,
#t4-topbar .topbar-r .navbar
{
    justify-content : end;
}


/** AVATAR MENU DROPDOWN **/
.avatar_menu a:hover
{
    text-decoration : none;
    color           : var(--connect-deep-blue);
}


.avatar_menu .avatar_icon
{
    display   : block;
    max-width : 40px;
    cursor    : pointer;
}


.avatar_menu .avatar_icon .img-thumbnail
{
    width   : 100%;
    padding : 0.15rem;
}


.avatar_menu .avatar_menu_items
{
    visibility    : hidden;
    opacity       : 0;
    list-style    : none;
    position      : absolute;
    top           : 70px;
    right         : 10px;
    margin        : 0;
    padding       : 0;
    border        : 1px solid rgba(0, 0, 0, 0.15);
    z-index       : 10000;
    width         : 300px;
    display       : block;
    left          : auto;
    background    : #FFFFFF;
    border-radius : var(--border-radius-sm);
    transition    : all 0.2s ease-in-out;
}


.avatar_menu .avatar_menu_items.active
{
    visibility : visible;
    opacity    : 1;
}


.avatar_menu .avatar_menu_items li.seperator
{
    padding       : 0;
    height        : 0;
    border-bottom : 1px solid rgba(0, 0, 0, 0.15);
}


.avatar_menu .avatar_menu_items li.pt
{
    padding-top : 10px;
}


.avatar_menu .avatar_menu_items li.pb
{
    padding-bottom : 10px;
}


.avatar_menu .avatar_menu_items .avatar_profile_link
{
    display     : flex;
    column-gap  : var(--spacer);
    padding     : 10px;
    align-items : center;
    color       : var(--connect-steel);
}


.avatar_menu .avatar_menu_items .avatar_name,
.avatar_menu .avatar_menu_items .avatar_org
{
    display : block;
}


.avatar_menu .avatar_menu_items .avatar_name
{
    font-weight : bold;
}


.avatar_menu .avatar_menu_items .avatar_link
{
    display : block;
    color   : var(--connect-steel);
    padding : 5px 10px 5px 20px;
}


#t4-sidebar
{
    width : var(--top-bar-height);
}


#t4-sidebar .navbar-expand-lg .navbar-toggler
{
    background-color : var(--connect-deep-blue-darker) !important;
    height           : var(--top-bar-height);
    line-height      : var(--top-bar-height);
    float            : none;
    width            : 100%;
}


.guest-header
{
    padding       : 20px 0;
    border-bottom : 1px solid var(--connect-deep-blue);
}


.guest-header .t4-col
{
    display       : flex;
    align-items   : center;
    justify-items : center;
}


#t4-topbar .navbar-nav a.nav-link.home-link
{
    max-width     : none;
    padding-right : var(--spacer);
}


.home-link img
{
    display    : none;
    max-width  : none;
    width      : calc(var(--sidebar-width) - var(--spacer) - var(--spacer));
    margin-top : 9px;
}


#t4-topbar .navbar-collapse
{
    background-color : var(--connect-lime-green);
}


/***********************************************************************************************************************
 *  WHO'S CONNECTED ANIMATION
 **********************************************************************************************************************/
.ds-whos-connected
{
    display         : flex;
    justify-content : center;
    align-content   : center;
    padding-top     : 40px;
    overflow        : visible;
}


.ds-whos-connected-inner
{
    display         : flex;
    justify-content : center;
    align-content   : center;
    gap             : 40px;
    overflow        : visible;
}


.ds-whos-connected img
{
    width         : 90px;
    height        : 90px;
    border-radius : 50%;
    box-shadow    : 0 0 0 3px var(--connect-lime-green);
    margin-bottom : 3px;
    opacity       : 0;
    transition    : opacity .4s .3s ease-out,
    transform .5s .9s ease-out;
}


.ds-whos-connected img:first-child
{
    transform : translateX(30px) translateY(50vh) scale(.2);
}


.ds-whos-connected img:nth-child(2)
{
    transform : translateX(20px) translateY(30vh) scale(.4);
}


.ds-whos-connected img:nth-child(3)
{
    transform : translateX(-20px) translateY(40vh) scale(.3);
}


.ds-whos-connected img:nth-child(4)
{
    transform : translateX(50px) translateY(45vh) scale(.1);
}


.ds-whos-connected img:nth-child(5)
{
    transform : translateX(20px) translateY(10vh) scale(.8);
}


.ds-whos-connected img:nth-child(6)
{
    transform : translateX(-20px) translateY(15vh) scale(.5);
}


.ds-whos-connected img:nth-child(7)
{
    transform : translateX(-20px) translateY(40vh) scale(.3);
}


.ds-whos-connected img:nth-child(8)
{
    transform : translateX(40px) translateY(35vh) scale(.3);
}


.ds-whos-connected img:nth-child(9)
{
    transform : translateX(-80px) translateY(15vh) scale(.9);
}


.ds-whos-connected.ds-animate-img img
{
    opacity   : 1;
    transform : translateX(0) translateY(0) scale(1);
}


.ds-whos-connected-strap
{
    margin           : 20px;
    text-align       : center;
    opacity          : 0;
    transition       : opacity 0.3s ease-out;
    transition-delay : 1.5s; /* animate after .ds-whos-connected img */
}


.ds-whos-connected-strap.ds-animate-strap
{
    opacity : 1;
}


p:last-child
{
    margin-bottom : 0;
}


.ds-site-notice
{
    background : none;
    border     : none;
}


.ds-site-notice .custom
{
    color         : var(--body-text-color);
    background    : var(--connect-tangerine) !important;
    padding       : var(--spacer);
    border-radius : var(--border-radius-lg);
}


.ds-site-notice .custom a, .ds-site-notice .custom a:hover
{
    text-decoration : underline;
    color           : var(--body-text-color);
}


/***********************************************************************************************************************
 *  REGISTRATION FORM & LOGIN FORM
 **********************************************************************************************************************/
body.view-registers #t4-main-content,
body.view-saveregisters #t4-main-content
{
    width : 100% !important;
}


.view-registers .t4-content,
.view-saveregisters .t4-content
{
    background-color : var(--connect-light);
}


#t4-register .card,
#t4-register .cbRegistration,
.view-registers .cbRegistration,
.view-saveregisters .cbRegistration
{
    margin           : 0 auto 40px;
    padding          : 0;
    border           : none;
    border-radius    : var(--border-radius-lg);
    box-shadow       : 0 3px 5px rgba(0, 0, 0, 0.25);
    background-color : rgba(255, 255, 255, 0.5);
    overflow         : hidden;
    max-width        : 1000px;
}


#t4-register .cbRegistrationTitle,
.view-registers .cbRegistration .cbRegistrationTitle,
.view-saveregisters .cbRegistration .cbRegistrationTitle
{
    display : none;
}


#t4-register .cbRegistrationIntro,
.view-registers .cbRegistration .cbRegistrationIntro,
.view-saveregisters .cbRegistration .cbRegistrationIntro
{
    padding-top      : 30px;
    padding-bottom   : 20px;
    background-color : var(--connect-steel-darker);
    margin           : 0 !important;
}


.view-registers .cbRegistration .cbRegistrationIntro,
.view-saveregisters .cbRegistration .cbRegistrationIntro
{
    background-color : var(--connect-deep-blue);
}


#t4-register h4.cbRegistrationIntro,
.cbRegistration .cbRegistrationIntro h4,
.cbRegistration .cbRegistrationIntro h5
{
    color         : var(--connect-light);
    text-align    : center;
    font-size     : 18px;
    font-weight   : 500;
    margin        : 0;
    border-bottom : none !important;
}


#t4-register h4.cbRegistrationIntro,
.cbRegistration .cbRegistrationIntro h4
{
    font-size : 42px;
}


#t4-register .cbLoginForm,
.cbRegistration #registrationTable
{
    padding    : calc(var(--spacer) * 2);
    min-height : 490px;
}


.card-body
{
    padding : var(--spacer)
}


#t4-register .card-body
{
    padding : 0;
}


#t4-register .cb_form
{
    padding : 0;
}


#t4-register .main-top-2 .cbRegistrationIntro:before
{
    content     : "Already have an account?";
    display     : block;
    font-size   : 18px;
    font-weight : 500;

}


/** Registration navigation breadcrumbs / tabs **/
.cbRegistration #registrationTable .cbTabsNav
{
    display         : none;
    font-size       : 0.9em;
    justify-content : center;
    flex-direction  : column;
}


.cbRegistration #registrationTable .cbTabsNav .cbTabNav
{
    position  : relative;
    flex-grow : 1;
}


.cbRegistration #registrationTable .cbTabsNav .nav-link
{
    display      : none;
    position     : relative;
    font-size    : 1.5em;
    text-align   : left;
    color        : var(--connect-steel);
    padding-left : 0;
}


.cbRegistration #registrationTable .cbTabsNav .nav-link.active
{
    display    : block;
    background : none;
    color      : var(--connect-tangerine);
}


.cbRegistration #registrationTable .cbTabsNav .cb_usermembershipplantab .nav-link
{
    display : none;
}


.cbRegistration #registrationTable .cbTabsNav .nav-link.bg-danger
{
    background-color : transparent !important;
    color            : var(--connect-error-red) !important;
}


.cb_template .mb-3.cbRegistrationHeader
{
    margin-bottom : 0 !important;
    border-bottom : none !important;
}


.cb_template .text-large
{
    font-family : var(--heading-font-family);
}


.cbProfile .gjButtonNewGroup
{
    display : none;
}


@media (max-width : 991.98px)
{
    .sidebar-l, .sidebar-r
    {
        padding-bottom : 2rem;
        margin-bottom  : 0;
    }
}


@media only screen and (min-width : 992px)
{
    .cbRegistration #registrationTable .cbTabsNav
    {
        display        : flex;
        flex-direction : row;
    }

    .cbRegistration #registrationTable .cbTabsNav .nav-link
    {
        display      : block;
        text-align   : center;
        font-size    : 0.9em;
        padding-left : 1rem;
    }

    .cbRegistration #registrationTable .cbTabsNav .cb_usermembershipplantab .nav-link
    {
        display : block;
    }

    .cbRegistration #registrationTable .cbTabsNav .nav-link:before,
    .cbRegistration #registrationTable .cbTabsNav ~ .cbTabsNav .nav-link:before
    {
        content           : "";
        position          : absolute;
        z-index           : 1;
        left              : 50%;
        bottom            : 0;
        -webkit-transform : translate(-50%, 10px);
        -moz-transform    : translate(-50%, 10px);
        -ms-transform     : translate(-50%, 10px);
        -o-transform      : translate(-50%, 10px);
        transform         : translate(-50%, 10px);
        height            : 12px;
        width             : 12px;
        border-radius     : 50%;
        background-color  : var(--btn-inactive-bg);
    }

    .cb_template .form-control:focus
    {
        box-shadow : 0 0 0 0.2rem var(--connect-teal-alpha);
    }


    .cbRegistration #registrationTable .cbTabsNav .nav-link.active:before,
    .cbRegistration #registrationTable .cbTabsNav .visited .nav-link:before
    {
        background-color : var(--connect-tangerine);
    }

    .cbRegistration #registrationTable .cbTabsNav .nav-link.bg-danger:before
    {
        background-color : var(--connect-error-red);
    }

    .cbRegistration #registrationTable .cbTabsNav .cbTabProgress
    {
        position   : absolute;
        height     : 4px;
        background : var(--btn-inactive-bg);
        margin     : 0;
        width      : 0;
        bottom     : 0;
        left       : 50%;
        transform  : translate(3px, 6px);
    }

    .cbRegistration #registrationTable .cbTabsNav .visited .cbTabProgress
    {
        background : var(--connect-tangerine);
    }

    .cbRegistration #registrationTable .cbTabsNav .active + .cbTabProgress
    {
        background : var(--btn-inactive-bg);
    }

    .home-link .image-title
    {
        display : none;
    }


    .home-link img
    {
        display : block;
    }


    #t4-register .card,
    #t4-register .cbRegistration
    {
        opacity            : 0;
        /* max-height         : 0px; */
        -webkit-transition : opacity 0.3s ease-in;
        -moz-transition    : opacity 0.3s ease-in;
        -ms-transition     : opacity 0.3s ease-in;
        -o-transition      : opacity 0.3s ease-in;
        transition         : opacity 0.3s ease-in 4s, max-height 0.3s ease-in 3.5s;
        /* transition-delay   : 3.5s; /* animate after .ds-whos-connected img & .ds-whos-connected-strap*/
    }

    #t4-register .card.fade-in,
    #t4-register .cbRegistration.fade-in
    {
        max-height : 1000px;
        opacity    : 1;
    }

    #t4-register .card,
    #t4-register .cbRegistration
    {
        margin          : 40px auto;
        backdrop-filter : var(--blur);
    }
}


/** Organisation Tab **/
.cbRegistration .cb_userotherorganisationwrap
{
    display : none;
}


.cbRegistration .cb_userotherorganisationwrap.show
{
    display : block;
}


/** Membership Selection Tab **/
.cbRegistration #cblabcb_usermembershipplan
{
    margin-bottom : 10px;
    font-size     : 1.5em;
    color         : var(--connect-teal);
}


.cbRegistration .cb_usermembershipplantab .btn-group-list
{
    flex-direction : column;
    gap            : var(--spacer);
    width          : 100%;
}


.cbRegistration .cb_usermembershipplantab .btn-group-list label
{
    border-radius : var(--border-radius-sm);
    text-align    : left;
    padding-right : 30px;
}


.cbRegistration .cb_usermembershipplantab .btn-group-list input[type="radio"]:not(:checked) + .btn
{
    background-color : var(--btn-inactive-bg) !important;
    border-color     : var(--btn-inactive-bg) !important;
}


.cbRegistration .cb_usermembershipplantab .btn-group-list input[type="radio"]:checked + .btn:after
{
    color         : var(--connect-steel);
    font-family   : FontAwesome;
    border        : 2px solid var(--connect-teal);
    content       : "";
    font-size     : 16px;
    position      : absolute;
    top           : 50%;
    right         : 0;
    transform     : translateY(-50%) translateX(15px);
    height        : 30px;
    width         : 30px;
    line-height   : 26px;
    text-align    : center;
    border-radius : 50%;
    background    : white;
    box-shadow    : 0px 2px 5px -2px rgb(0 0 0 / 25%);
}


.cbRegistration .cb_usermembershipplantab .fa-star
{
    display : none;
}


.cbRegistration .cbStepByStepLeft
{
    text-align : left;
}


.cbRegistration .cb_tab_content
{
    margin : 30px 0 40px;
}


.cbRegistration #registrationTable .form-group
{
    position      : relative;
    margin-bottom : 25px;
}


.cbRegistration #registrationTable .form-group .col-form-label,
.cbRegistration #registrationTable .form-group .cb_field,
.cbRegistration #registrationTable .form-group .cbPasswordUnmask
{
    height     : 100%;
    width      : 100% !important;
    max-width  : 100%;
    box-sizing : border-box;
}


#t4-register .cbLoginForm input[name="username"],
#t4-register .cbLoginForm input[name="passwd"],
.cbRegistration #registrationTable .form-group .form-control
{
    width         : 100%;
    border-radius : 0;
    border        : none;
    border-bottom : 1px solid var(--connect-steel);
}


.cbRegistration #registrationTable select
{
    -webkit-appearance  : none; /* for webkit browsers */
    -moz-appearance     : none; /* for firefox */
    background-image    : url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(70, 83, 105)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat   : no-repeat;
    background-position : right 1.5rem center;
    background-size     : 1.5em;
}


.cbRegistration #registrationTable #cbimagefile_upload_avatar
{
    text-align : left;
}


.cbRegistration #registrationTable #cbimagefile_upload_avatar .mb-2
{
    font-size     : .8em;
    font-style    : italic;
    margin-bottom : 30px !important;
    display       : none;
}


.cbRegistration #registrationTable #cbimagefile_upload_avatar .mt-2
{
    font-size : .8em;
}


#form-login-remember
{
    display         : flex;
    flex-direction  : row-reverse;
    align-items     : center;
    justify-content : flex-end;
    gap             : 10px;
}


#form-login-remember label
{
    margin : 0;
}


#form-login-remember input
{
    width : 22px;
}


.cbRegistration #registrationTable .form-group .col-form-label.hide
{
    display : none;
}


.cbRegistration #registrationTable .form-group .form-control.is-invalid
{
    border-color : var(--connect-error-red);
}


.cbRegistration #registrationTable .form-group .invalid-feedback
{
    position : absolute;
    bottom   : -20px;
}


.cbRegistration #registrationTable .form-group .cbFieldIcons
{
    position : absolute;
    top      : 5px;
    right    : 5px;
    z-index  : 101;
}


.form-group .cbPasswordUnmask .input-group-append
{
    position : absolute;
    top      : 0;
    right    : 50px;
    z-index  : 102;
}


.cbEditProfile .form-group #password
{
    max-width                  : 100%;
    border-top-right-radius    : 0.25rem;
    border-bottom-right-radius : 0.25rem;
}


.cbPasswordUnmask
{
    width     : 500px !important;
    max-width : calc(100% - 30px);
}


.cbEditProfile .form-group .cbPasswordUnmask .input-group-append
{
    right : 0;
}


.form-group .cbPasswordUnmask .input-group-append button.btn
{
    border           : none !important;
    color            : var(--connect-steel) !important;
    background-color : transparent !important;
}


.cbRegistration #registrationTable .cbRegistrationButtons .col-sm-9
{
    width      : 100%;
    max-width  : 100%;
    margin     : 0;
    flex       : 100%;
    text-align : center;
}


.cbRegistration .cbTabNavNext,
.cbRegistration .cbTabNavPrevious
{
    border : none;
    color  : var(--connect-light) !important;
}


#t4-register .cbLoginForm .button,
.cbRegistration #registrationTable .cbRegistrationButtons .cbRegistrationSubmit
{
    margin     : auto;
    width      : 220px;
    height     : 70px;
    font-size  : 24px;
    text-align : center;
    border     : none;
}


.t4-megamenu .nav > .dropdown > .nav-link .item-caret, .t4-megamenu .nav > .dropdown > .dropdown-toggle .item-caret
{
    border-top-color : #FFFFFF;
}


#form-login-links
{
    list-style : none;
    padding    : var(--spacer) 0 0;
    text-align : center;
}


#form-login-links #form-login-register
{
    display : none;
}


.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link
{
    color : var(--connect-light);
}


.t4-megamenu .navbar-nav > li > a:hover, .t4-megamenu .navbar-nav > li > a:focus,
.t4-megamenu .navbar-nav > li > a:active,
.t4-megamenu .navbar-nav > li > .nav-link:hover,
.t4-megamenu .navbar-nav > li > .nav-link:focus,
.t4-megamenu .navbar-nav > li > .nav-link:active
{
    color : var(--connect-light);
}


.t4-megamenu .navbar-nav > li > .nav-link.bold
{
    font-weight      : bold;
    background-color : var(--connect-teal);
}


.t4-content
{
    padding-top : var(--top-bar-height);
}


#t4-megamenu-universal .dropdown-menu
{
    background-color : var(--connect-lime-green-alpha);
    backdrop-filter  : var(--blur);
    border           : none;
    box-shadow       : none;
}


/***********************************************************************************************************************
 *  MEMBERS AREA / DASHBOARD
 **********************************************************************************************************************/
.view-userprofile .ds_hide-in-profile
{
    display : none;
}


.view-userprofile .accordion .ds_hide-in-profile
{
    display : block;
}


.view-userprofile .accordion .ds_hide-in-profile.form-group
{
    display : flex;
}


.topbar-l,
.topbar-r
{
    display     : flex;
    align-items : center;
}


.topbar-l
{
    flex : 285px auto;
}


.topbar-l > :first-child
{
    flex-basis : 285px;
}


.topbar-l .member-area-logo-img
{
    max-width : 250px;
}


.topbar-l nav
{
    padding-left : 20px;
}


.topbar-l .nav-item > a:not(.dropdown-item)
{
    color : var(--connect-light);
}


.topbar-l .breadcrumb-item.active
{
    color : var(--connect-deep-blue-darker);
}


.topbar-l .breadcrumb .divider
{
    padding : 0 8px;
}


/*********************
 * MAIN CONTENT
 ********************/

#t4-main-content
{
    padding-bottom : var(--spacer-large);
    border-left    : var(--top-bar-height) solid var(--connect-steel);
    margin-left    : calc(-1 * var(--top-bar-height));
}


body.layout-sric-default-full-width #t4-main-content, body.layout-sric-default-full-width #t4-main-content
{
    padding-right  : 0;
    /*width          : calc(100% - var(--top-bar-height));*/
    width          : 100%;
    padding-bottom : 2rem;
}


@media only screen and (max-width : 768px)
{
    body.layout-sric-default-full-width #t4-main-content, body.layout-sric-default-full-width #t4-main-content
    {
        margin : 0;
        border : 0;
    }
}


body.layout-sric-default-full-width .container
{
    max-width : 100% !important;
}


#t4-main-content .component
{
    padding : var(--spacer);
}


/*body.layout-members-areapage:not(.view-saveregisters) .t4-content,
body.layout-members-area-rh-edge:not(.view-saveregisters) .t4-content,*/
body.layout-members-areapage .t4-content,
body.layout-members-area-rh-edge .t4-content,
body.layout-sric-default .t4-content,
body.layout-sric-default-full-width .t4-content,
body.layout-sric-default-rh-edge .t4-content
{
    /*padding-left : var(--sidebar-width);*/
}


body.layout-sric-default-rh-edge .t4-content,
body.layout-members-area-rh-edge .t4-content
{
    /* padding-right : var(--sidebar-width);*/
}


body.layout-sric-default-rh-edge .page-header
{
    /*border-bottom : 1px solid var(--hairline);*/
}


body.layout-sric-default-rh-edge .t4-col.sidebar-r,
body.layout-members-area-rh-edge .t4-col.sidebar-r
{
    padding   : var(--spacer-large) 0 0 0;
    bottom    : 0;
    right     : 0;
    max-width : none;
    position  : fixed;
    top       : var(--top-bar-height);
    width     : var(--sidebar-width);
    z-index   : 101;
    /*border-left : 1px solid var(--hairline);*/
}


body.layout-sric-default-rh-edge .t4-col.sidebar-r .card,
body.layout-members-area-rh-edge .t4-col.sidebar-r .card
{
    background    : none;
    box-shadow    : none;
    border-radius : 0;
    border        : none;
    /*border-bottom : 1px solid var(--hairline);*/
    margin-bottom : var(--spacer);
}


body.layout-sric-default-rh-edge .t4-col.sidebar-r .card:last-child,
body.layout-members-area-rh-edge .t4-col.sidebar-r .card:last-child
{
    border-bottom : none;
}


#t4-rh-edge-1 .card-header,
#t4-rh-edge-1 h3,
#t4-rh-edge .card-header,
#t4-rh-edge h3,
.sidebar-r h3
{
    font-size     : 18px;
    padding       : 0 0 calc(var(--spacer) / 2);
    margin        : 0 0 calc(var(--spacer) / 2);
    border-bottom : 1px solid var(--hairline);
    background    : none;
    color         : var(--hairline);
}


#t4-rh-edge-1 .card-body,
#t4-rh-edge .card-body
{
    background : none;
    padding    : 0 var(--spacer) var(--spacer);
}


body.layout-members-area-rh-edge .article-aside
{
    display : none;
}


#t4-topbar .container-fluid
{
    padding-left  : 0;
    padding-right : 0;
}


/*********************
 * SIDEBAR
 ********************/
.ds-sidebar
{
    background-color : var(--sidebar-bg);
    bottom           : 0;
    left             : 0;
    max-width        : none;
    position         : fixed;
    top              : var(--top-bar-height);
    width            : var(--sidebar-width);
    z-index          : 101;
    padding          : 0;
}


.ds-sidebar .navbar-nav
{
    flex-direction : column;
    width          : var(--sidebar-width);
}


.ds-sidebar .navbar-nav .dropdown-menu
{
    backdrop-filter  : var(--blur);
    background-color : var(--sidebar-bg-alpha);
    bottom           : 0;
    left             : var(--sidebar-width);
    max-width        : none;
    z-index          : 101;
    margin           : 0 !important;
    box-shadow       : none;
}


.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item
{
    color : #FFFFFF;
}


body.layout-home_video .guest-header
{
    text-align : center;
}


body.layout-home_video .guest-header h1
{
    margin : 0;
}


body.layout-home_video #t4-video
{
    background-color : var(--connect-steel);
    position         : relative;
    overflow         : hidden;
}


body.layout-home_video .ds-home-intro
{
    position            : relative;
    z-index             : 101;
    overflow            : auto;
    padding-top         : var(--spacer);
    padding-bottom      : var(--spacer);
    opacity             : 0;
    animation           : INTRO_FADE_IN;
    animation-delay     : 10500ms;
    animation-duration  : 1000ms;
    animation-fill-mode : forwards;
    transform           : translateY(20px);
}


@media (min-width : 767.98px)
{
    body.layout-home_video #t4-video
    {
        overflow : unset;
    }

    body.layout-home_video .ds-home-intro
    {
        min-height : 40vh;
    }
}


@keyframes INTRO_FADE_IN
{
    0%
    {
        opacity   : 0;
        transform : translateY(20px);
    }
    100%
    {
        opacity   : 1;
        transform : translateY(0);
    }
}


body.layout-home_video .ds-home-intro > h5
{
    font-family : var(--strapline-font-family);
    font-weight : normal;
    color       : #FFFFFF;
}


@media (max-width : 767.98px)
{
    body.layout-home_video .ds-home-intro > h5
    {
        text-align     : justify;
        line-height    : 1.35;
        padding-bottom : 15px;
        font-size      : 14px;
    }
}


body.layout-home_video .ds-home-video
{
    position      : absolute;
    top           : 0;
    left          : 0;
    width         : 100%;
    height        : auto;
    border-bottom : 300px solid var(--connect-steel);
}


@media (max-width : 767.98px)
{
    body.layout-home_video .ds-home-video
    {
        width         : 200%;
        border-bottom : none;
    }
}


body.layout-home_video #t4-register
{
    position : relative;
}


@media (max-width : 767.98px)
{
    body.layout-home_video #t4-register
    {
        background : rgb(70, 83, 105);
        background : linear-gradient(180deg, var(--connect-steel) 0%, var(--connect-steel) 33%, var(--connect-silver) 100%);
    }
}


body.layout-home_video #t4-register > .t4-section-inner
{
    /* transform : translateY(-25vh);*/
}


body.layout-home_video #t4-homepage-continuation
{
    margin-bottom : 0;
    position      : relative;
}


body.layout-home_video #t4-footer
{
    position : relative !important;
    border   : none;
}


body.layout-home_video #t4-footer .t4-section-inner
{
    margin : 0;
    width  : 100%;
}


#t4-megamenu-sidebar
{
    backdrop-filter  : var(--blur);
    background-color : var(--connect-deep-blue-alpha);
    position         : fixed;
    left             : var(--top-bar-height);
    top              : var(--top-bar-height);
    z-index          : 101;
    max-height       : calc(100vh - var(--top-bar-height));
    /*  overflow-y       : auto;*/
}


.t4-sidebar .sidebar-l
{
    position         : relative;
    z-index          : 2;
    background-color : var(--sidebar-bg);
}


.ds-sidebar .t4-col
{
    padding : 0;
    margin  : 0;
}


.ds-sidebar .nav-link
{
    padding    : var(--spacer) !important;
    width      : 100%;
    transition : background-color 300ms ease;
}


.ds-sidebar .item-caret
{
    transform : translate(0, 10px) rotate(-90deg) scale(2);
    float     : right;
}


.ds-sidebar li.show .nav-link,
.ds-sidebar li.active .nav-link,
.ds-sidebar .nav-link:hover
{
    color            : #FFFFFF !important;
    background-color : var(--sidebar-bg-light);
}


.t4-megamenu .dropdown-menu li.active > a
{
    color            : var(--body-text-color);
    background-color : #FFFFFF;
}


.ds-sidebar .cbLoginForm
{
    display          : none;
    background-color : rgba(255, 255, 255, 0.1);
    padding          : 10px var(--spacer) var(--spacer);
}


.ds-sidebar .cbLoginForm ul
{
    margin-bottom : 0;
}


.sidebar-l p, .sidebar-l a
{
    color : var(--connect-light);
}


/** SIDEBAR NAVIGATION **/
.sidebar-l .navbar
{
    border-top : 1px solid rgba(256, 256, 256, 0.2);
}


.sidebar-l .navbar-nav
{
    width : 100%;
}


.sidebar-l .navbar-nav .nav-link,
.sidebar-l .navbar-nav .dropdown-item
{
    padding          : 10px 10px 10px 30px;
    background-color : var(--connect-deep-blue);
    transition       : background-color 0.1s ease-in-out;
}


.sidebar-l .navbar-nav .nav-link:hover,
.sidebar-l .navbar-nav .dropdown-item:hover
{
    color            : var(--connect-light);
    background-color : var(--connect-deep-blue-darker);
}


.sidebar-l .navbar-nav .dropdown-item.nav-header
{
    font-weight : bold;
    padding-top : 5px;
}


.sidebar-l .navbar-nav .dropdown-item.nav-header:hover
{
    background-color : transparent;
    cursor           : default;
}


.sidebar-l .navbar .dropdown
{
    position : unset;
}


.sidebar-l .navbar .dropdown-toggle::after
{
    content : "";
    display : none;
}


.sidebar-l .navbar .dropdown .dropdown-menu
{
    display          : block;
    position         : absolute;
    top              : 0;
    left             : -310px;
    bottom           : 0;
    width            : 100%;
    padding          : 1rem 1rem 1rem 1.7rem;
    background-color : var(--connect-deep-blue);
    border           : none;
    transition       : transform 0.3s ease-in-out;
}


.sidebar-l .navbar .dropdown .dropdown-menu.show
{
    -moz-transform    : translate(310px, 0px);
    -o-transform      : translate(310px, 0px);
    -ms-transform     : translate(310px, 0px);
    -webkit-transform : translate(310px, 0px);
    transform         : translate(310px, 0px);
}


/** BACK ARROW **/
.sidebar-l .navbar .arrow-button
{
    position : absolute;
    top      : 1.35rem;
    left     : 0.4rem;
    padding  : 10px 0;
    cursor   : pointer;
}


.sidebar-l .navbar .arrow-button .arrow
{
    display       : block;
    position      : relative;
    background    : var(--connect-light);
    width         : 1rem;
    height        : 0.13rem;
    transition    : 0.5s;
    border-radius : 1rem;
}


.sidebar-l .navbar .arrow-button .arrow:before,
.sidebar-l .navbar .arrow-button .arrow:after
{
    display          : block;
    content          : "";
    position         : absolute;
    left             : 0;
    background       : var(--connect-light);
    width            : 0.63rem;
    height           : 0.13rem;
    transform-origin : 0.01rem center;
    transition       : 0.5s;
    border-radius    : 1rem;
}


.sidebar-l .navbar .arrow-button .arrow:before
{
    transform        : rotate(-45deg);
    transform-origin : 0.02rem center;
}


.sidebar-l .navbar .arrow-button .arrow:after
{
    transform : rotate(45deg);
}


.nav-item.divider
{
    border-bottom : 1px solid var(--menu-hairline);
    margin        : 2px 0;
}


.nav-item.divider span
{
    display : none;
}


.layout-members-areapage #t4-header
{
    padding : 20px 0;
}


.layout-members-areapage #t4-header .logo
{
    text-align   : right;
    margin       : 0;
    padding      : 0;
    align-self   : center;
    justify-self : end;
}


.layout-members-areapage #t4-header .logo .logo-image
{
    height          : 100%;
    align-items     : center;
    display         : flex;
    justify-content : end;
}


.layout-members-areapage #t4-header .logo .logo-img
{
    max-width : 250px;
}


.guest-header .t4-col.strapline
{
    display : block;
}


.guest-header .t4-col.strapline h1
{
    font-weight : bold;
    text-align  : center;
    line-height : 1.2em;
    margin      : 0;
}


.guest-header .join-sri-c-button
{
    justify-content : end;
}


.guest-header .join-sri-c-button .why-join
{
    margin : 0;
}


.form-control, .inputbox
{
    max-width : none;
    border    : none;
}


.cb_form, .cbLoginForm, .cbLogoutForm
{
    padding : 0;
    /*text-align      : center;*/
    /*backdrop-filter : blur(8px);*/
    /*background : rgba(255, 255, 255, 0.5);*/
}


.cbLogoutForm,
.cbLogoutForm .logout-button
{
    display : none;
}


.alert-success, .com_config #page-site h1, /*.alert-wrapper .alert-message,*/
joomla-alert[type="info"], joomla-alert[type="success"]
{
    color            : #FFFFFF;
    background-color : var(--connect-grass);
    border           : none;
}


#ds_autocomplete
{
    padding   : var(--spacer);
    width     : 300px;
    max-width : 100%;
}


.component > .cb_template
{
    margin-top : var(--spacer);
}


.cb_template .text-primary
{
    color       : var(--connect-deep-blue) !important;
    font-family : var(--heading-font-family);
}


.cb_template .text-primary.text-large
{
    font-size : 2rem;
    max-width : calc(100% - 25px);
}


.cb_template .img-thumbnail
{
    border : none;
    margin : 0 auto;
}


.sidebar-l .dropdown-menu
{
    background-color : transparent;
}


body.dashboard #system-message-container[aria-live="polite"]
{
    display : none;
}


.item-page.dashboard .ds-article-count, .item-page.dashboard .ds-article-count + br,
.item-page.dashboard .ds-tags
{
    display : none;
}


.page-header, .page-subheader, .cb-page-header-title
{
    padding-bottom : var(--spacer) !important;
    /*border-bottom  : 1px solid var(--connect-steel);*/
    border-bottom  : none;
    /*margin-top     : var(--spacer-large);*/
    margin-bottom  : var(--spacer) !important;
}


.page-header .moduletable
{
    margin      : 0;
    padding     : 0;
    border      : none;
    font-weight : normal;
    font-size   : 14px;
}


.cb-page-header-title
{
    margin-top : var(--spacer-large) !important;
}


body.ds--view-userprofile-org #t4-main-content
{
    background-color : var(--connect-silver);
}


/*
.t4-col.component,
.t4-col.sidebar-r
{
    padding-top : var(--spacer-large) !important;

}*/

.t4-col.sidebar-r
{
    padding-top : var(--spacer-large) !important;

}


.t4-card
{
    border     : none;
    box-shadow : 0 5px 10px rgba(0, 0, 0, 0.1);
}


.t4-card .card-header
{
    background-color : var(--connect-steel);
    color            : #FFFFFF;
    border           : none;
}


.ext-ad p
{
    margin : 0;
}


.ext-ad img
{
    display       : block;
    width         : 100%;
    margin        : 0 auto;
    max-width     : 220px;
    border-radius : var(--border-radius-lg);
    box-shadow    : 0 4px 10px rgba(0, 0, 0, 0.125);
}


/***********************************************************************************************************************
 *  MEMBERS AREA / DASHBOARD
 **********************************************************************************************************************/
.view-userprofile .dss-profile-hide
{
    display : none;
}


.cbPosHead .cbConnectionPaths
{
    display : none;
}


.cbProfile .mb-3
{
    margin-bottom : 2rem !important;
}


.cbProfile .border
{
    border : none !important;
}


@media only screen and (min-width : 768px)
{
    .cbProfile
    {
        display    : flex;
        column-gap : 30px;
        flex-wrap  : wrap;
    }

    .cbProfile .cbPosCanvas
    {
        width      : 25%;
        max-width  : 300px;
        background : none;
    }
}


.cbPosHead
{
    width : 100%;
}


.cbProfile .cbPosCanvas .p-2
{
    padding : 0 !important;
}


.cbProfile .cbCanvasLayoutBottom
{
    flex-direction : column;
    border         : 1px solid var(--cb-border);
    border-radius  : var(--border-radius-lg);
}


.cbProfile .cbPosCanvasStats
{
    overflow : unset;
}


@media only screen and (max-width : 768px)
{
    .cbProfile .cbCanvasLayoutBottom > div,
    .cbProfile .cbCanvasLayoutBottom .cbPosCanvasPhoto,
    .cbProfile .cbCanvasLayoutBottom .cbPosCanvasPhoto .cbImgPict
    {
        display    : flex;
        margin     : auto;
        margin-top : 10px;
        max-width  : 400px;
    }
}


@media (min-width : 576px)
{
    body.view-userprofile .cb_template .cbCanvasLayout .cbCanvasLayoutBottom.row > div:first-child
    {
        display         : flex;
        justify-content : center;
        width           : 100%;

    }
}


@media only screen and (min-width : 768px)
{
    .cbProfile .cbCanvasLayoutBottom > div,
    .cbProfile .cbCanvasLayoutBottom .cbPosCanvasPhoto,
    .cbProfile .cbCanvasLayoutBottom .cbPosCanvasPhoto .cbImgPict
    {
        /* width         : 100% !important; */ /* THIS BREAKS DISCUSSION LOGO ON PROFILE ACTIVITY TAB */
        border-radius : 0 !important;
    }
}


.ds_profile_img img
{
    display   : block;
    margin    : var(--spacer);
    max-width : calc(100% - var(--spacer) - var(--spacer)) !important;
}


.cbProfile .cbft_status
{
    position : absolute;
    top      : 15px;
    right    : calc(15px - 0.5rem);
}


.cbProfile .cbft_status .fa:before
{
    background  : #FFFFFF;
    padding     : 5px;
    line-height : 15px;
}


.cbProfile .cbft_connections *,
.cbProfile .cbft_counter *
{
    font-size : 14px !important;
}


[data-cbtooltip-title="Quick Message"]
{
    display : none;
}


.cb_template .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutCounters .cbFieldsContentsTab
{
    gap : var(--spacer);
}


body.view-manageconnections .text-truncate ~ div:not(.no-gutters)
{
    display : none;
}


body.view-manageconnections .cbMngConnButtons
{
    display : none;
}


.cbProfile .cbCanvasLayout .cbCanvasLayoutBottom.row > div:not(:first-child)
{
    padding : var(--spacer);
    /* padding-top : 0;*/
}


.ds-profile-title h3,
body:not(.ds--view-userprofile-org) .cbProfile .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutTitle .cbProfileTitle h3
{
    font-size   : 1.25rem;
    font-weight : bold;
}


body:not(.ds--view-userprofile-org) .cbProfile .ds_pc-stats
{
    /* padding-left   : 25px; */
    padding-bottom : var(--spacer);
}


body:not(.ds--view-userprofile-org) .cbProfile .ds_pc-stats code
{
    display : none;
}


.ds_pc-org-title ul
{
    list-style-type : none;
    margin          : 0;
    padding         : 0;
    min-height      : auto;
}


.ds_pc-org-title ul > li
{
    background  : none;
    color       : var(--connect-teal);
    padding     : 0;
    font-size   : 120%;
    font-weight : bold;
    transition  : opacity .1s ease-in-out;
}


.ds_pc-org-title ul > li:hover
{
    opacity : 0.85;
}


.ds_pc-org-title ul > li a
{
    left       : 0;
    width      : 100%;
    background : none;
    padding    : 0;
    margin     : 0;
}


.ds_pc-org-title ul > li a i
{
    display : none !important;
}


.cbPosSeparator:empty, .cbPosTabMain:empty
{
    display : none;
}


.cb_template .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutCounters .ds_pc-wrap
{
    width         : 100%;
    margin-bottom : var(--spacer) !important;
    margin-top    : var(--spacer) !important;
    padding-top   : var(--spacer);
    border-top    : 1px solid var(--cb-border);
}


.ds--view-userprofile-org .cb_template .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutCounters .ds_pc-wrap
{
    margin-top    : 0 !important;
    padding-top   : 0 !important;
    border-top    : none;
    border-bottom : 1px solid var(--cb-border);
}


.ds--view-userprofile-org .cb_template .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutCounters .cbFieldsContentsTab
{
    flex-direction : column-reverse;
}


.cb_template .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutCounters .ds_pc-wrap .cb_field
{
    width : 100%;
}


.cb_template .cbCanvasLayout .ds_pc-org-info-head
{
    display       : flex;
    align-items   : center;
    margin-bottom : var(--spacer);
}


.cb_template .cbCanvasLayout .ds_pc-org-info-head .ds_pc-org-avatar
{
    width        : 20%;
    max-width    : 50px;
    margin-right : var(--spacer);
}


.cb_template .cbCanvasLayout .ds_pc-org-info-head .ds_pc-org-avatar svg
{
    width : 100%;
}


.cbProfile .cbCanvasLayout .cbCanvasLayoutBottom .ds_pc-control .cb_form_line,
.cbProfile .cbCanvasLayout .cbCanvasLayoutBottom .ds_pc-control .cb_field,
.cbProfile .cbCanvasLayout .cbCanvasLayoutBottom .ds_pc-control .btn
{
    width  : 100% !important;
    margin : 0 !important;
}


.cbProfile .cbCanvasLayout .cbCanvasLayoutBottom .ds_pc-control .btn
{
    color : #FFFFFF;
}


.cbProfile .cbCanvasLayout .cbCanvasLayoutBottom .ds_pc-control a.btn.btn-outline
{
    background  : transparent !important;
    color       : var(--connect-teal) !important;
    font-family : unset;
}


.cb_tab_overlib_sticky_button
{
    width      : 100%;
    margin-top : var(--spacer) !important;
}


.ds_stat-lbl:before
{
    display                 : inline-block;
    font                    : normal normal normal 14px/1 FontAwesome;
    font-size               : inherit;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    font-family             : FontAwesome !important;
    content                 : "\f0c0";
    padding-right           : 0.25rem;
}


.ds_hits-lbl:before
{
    content : "\f06e";
}


.ds_pc_btns .ds_pc_mbtn
{
    color : var(--connect-light);
}


.ds_pc_btns .ds_pc_cbtn
{
    color            : var(--connect-teal);
    background-color : transparent !important;
}


a.ds_pc-qtip-btn
{
    padding       : 5px 10px;
    color         : var(--body-text-color);
    border-radius : var(--border-radius-sm);
}


a.ds_pc-qtip-btn:hover
{
    text-decoration  : none;
    color            : var(--body-text-color);
    background-color : var(--connect-light-mid);
}


.ds_pc-qtip-btn:before
{
    display                 : inline-block;
    font                    : normal normal normal 14px/1 FontAwesome;
    font-size               : inherit;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    font-family             : FontAwesome !important;
    content                 : "\f235";
    padding-right           : 0.25rem;
}


.ds_pc-qtip-wrapper .qtip-close.qtip-icon
{
    display : none;
}


/**************************
 * PROFILE RIGHT CONTENT
 */
.cbProfile .cbPosCanvasMain
{
    flex : 1;
}


.cbProfile .cbNavBarContainer
{
    align-items : start;
}


.cbProfile .cbPosCanvas
{
    z-index : 2;
}


.cbEditProfile .cbTabsNav /*,
   .cbProfile .navbar */
{
    padding          : 5px 10px 0 10px;
    border           : 1px solid var(--cb-border) !important;
    border-radius    : var(--border-radius-sm);
    background-color : #FFFFFF !important;
    flex-wrap        : nowrap;
    white-space      : nowrap;
    overflow-x       : auto;
    overflow-y       : hidden;
}


/* Hide scrollbar for Chrome, Safari and Opera */
.cbEditProfile .cbTabsNav::-webkit-scrollbar
{
    display : none;
}


/* Hide scrollbar for IE, Edge and Firefox */
.cbEditProfile .cbTabsNav
{
    -ms-overflow-style : none; /* IE and Edge */
    scrollbar-width    : none; /* Firefox */
}


.cbProfile .navbar
{
    background-color : transparent !important;
    padding          : 0 !important;
}


.cbProfile .navbar > *
{
    position : relative;
    z-index  : 2;
}


.cbProfile .navbar:before
{
    content          : " ";
    display          : block;
    background-color : var(--connect-silver);
    position         : absolute;
    left             : -100vw;
    right            : calc(-1 * var(--spacer));
    top              : -100vh;
    bottom           : 0;
    z-index          : 1;
}


.cbEditProfile .cb-page-header:after
{
    content : "Tagging is critical. By adding your own interests to your profile, and tagging your submissions, everyone can benefit from content geared to their interests. Manage your interests now on the Coverage and interests tab";
}


body.ds--view-userprofile-org .cbProfile .navbar
{
    border : none !important;
}


.cbEditProfile .cbTabsNav li .cbTabNavLink,
.cbProfile .navbar-light .navbar-nav .nav-link
{
    font-weight : bold;
    height      : 100%;
    padding     : 1rem 0.5rem;
    border      : none !important;
    color       : var(--body-text-color);
}


.cbProfile .navbar-light .navbar-nav .nav-link:hover,
.cbEditProfile .cbTabsNav .cbTabNavLink:hover
{
    color         : rgba(0, 0, 0, 0.7);
    box-shadow    : none !important;
    border-radius : 0 !important;
}


.cbEditProfile .cbTabsNav .cbTabNavLink.active,
.cbProfile .navbar-light .navbar-nav .nav-link.active
{
    color         : var(--connect-mid-teal);
    border-bottom : 2px solid !important;
}


@media (min-width : 1023.5px)
{
    .cbEditProfile .cbTabsNav .ds_profile_picture_tab
    {
        display : none;
        order   : 0;
    }


    .cbEditProfile .cbTabsContent
    {
        display         : flex;
        justify-content : space-between;
        width           : 100%;
    }
}


.cbEditProfile .cbTabsContent .cbTabPane
{
    order            : 1;
    background-color : #FFFFFF;
    background-clip  : border-box;
    border           : 1px solid rgba(0, 0, 0, 0.125);
    border-radius    : var(--border-radius-lg);
    padding          : 1rem;
    flex-grow        : 1;
    max-width        : 100%;
}


@media (min-width : 1023.5px)
{
    .cbEditProfile .cbTabsContent .ds_profile_picture_tab
    {
        display          : block;
        order            : 2;
        width            : 30%;
        max-width        : 400px;
        margin-left      : 40px;
        padding          : 0;
        border           : none;
        background-color : transparent;
    }
}


.cbEditProfile .cbTabsContent .ds_profile_picture_tab .cbImgAvatar
{
    border-radius : 0 !important;
    width         : 100%;
}


.cbProfile .articlesHeader > div
{
    flex      : 0 0 100%;
    max-width : 100%;
    margin    : 0;
}


.cbProfile .ds_orgcontacts a
{
    display    : block;
    border-top : 1px solid var(--cb-border);
    padding    : 20px 0;
}


.ds_org-profile-management .ds_avatar-container
{
    max-width : 70px;
}


.cb_template .accordion
{
    padding       : 0;
    margin-bottom : 0;
}


.cb_template .accordion .fas
{
    float : right;
    color : var(--connect-mid-teal);
}


.cb_template .accordion .collapsed .fas
{
    -webkit-transform : rotate(180deg);
    transform         : rotate(180deg);
}


.cb_template .accordion .accordion-body
{
    border-top : 1px solid var(--cb-border);
}


.cb_template .accordion .accordion-body h5
{
    color      : var(--connect-lime-green);
    margin-top : 10px;
}


.cb_template .accordion .accordion-body div[data-cbtooltip-tooltip]:hover
{
    box-shadow : inset 0 0 0 1px var(--connect-teal-alpha2);
}


.dss-orgtitle ul
{
    list-style : none;
    margin     : 0;
    padding    : 0;
}


.dss-orgtitle ul a:hover
{
    text-decoration : none;
}


.gjCanvasDefault
{
    background-image : none !important;
    background-color : var(--connect-steel-lighter);
}


.gjLogoDefault
{
    display : none;
}


.cbGroupJive .cbCanvasLayoutTop,
.gjGroup .cbCanvasLayoutTop
{
    /*  display : none; */
}


.gjGroupEdit #user_id, .gjGroupEdit label[for="user_id"], .gjGroupEdit #user_id + .cbFieldIcons
{
    display : none;
}


/*.gjGroupUsersUser*/
.cbImgCanvas:not(.gjCanvasCustom)
{
    background : var(--connect-deep-blue) !important;
}


.ds-empty-none:empty:before
{
    content : "None"
}


.cbft_querytag .form-control
{
    width   : 100% !important;
    padding : 0.85rem 0.75rem;
}


.cbft_querytag .form-control:before
{
    content   : "Select records";
    left      : 3px;
    top       : 0;
    position  : absolute;
    color     : var(--connect-lime-green);
    font-size : 11px;
}


.cb_template .badge-primary
{
    color            : var(--body-text-color);
    background-color : var(--connect-lime-green);
}


.cbProfileEditButtons
{
    position        : fixed;
    display         : block !important;
    width           : 100%;
    padding         : 10px;
    left            : var(--sidebar-width);
    bottom          : 0;
    background      : var(--connect-teal-alpha);
    backdrop-filter : blur(4px);
    z-index         : 1001;
}


@media (max-width : 1109.98px)
{
    .cbProfileEditButtons
    {
        left  : 0;
        right : 0;
    }
}


.cbProfileEditButtons > div
{
    flex       : none !important;
    margin     : 0 !important;
    padding    : 0 !important;
    width      : auto;
    text-align : right;
}


.ds-buzz-list-item
{
    position         : relative;
    background-color : #FFFFFF;
    margin-bottom    : var(--spacer) !important;
}


.ds-result .ds-buzz-list-item
{
    margin-bottom : 0 !important;
}


.ds-result .ds-buzz-list-item.ds-buzz-cat-122:before
{
    content   : "\B7";
    position  : absolute;
    transform : translate(-125%, -2px);
    color     : #E0E0E0;
}


#t4-main-content.detailed .ds-buzz-list-item
{
    box-shadow    : 0 4px 10px rgb(0 0 0 / 13%);
    border-radius : var(--border-radius-sm);
    padding       : var(--spacer) !important;
    padding-right : 125px !important;
}


.article-body .ds-buzz-list-item
{
    padding-left : 0 !important;
    box-shadow   : none;
    margin-right : calc(-1 * var(--spacer)) !important;
}


.ds-buzz-list-item h3
{
    margin    : 0;
    font-size : 16px;
}


.ds-buzz-list-item h3._detailed
{
    font-size : 24px;
}


.ds-buzz-attribution
{
    font-size : 14px;
}


#t4-main-content.detailed .ds-buzz-attribution
{
    font-size : 16px;
}


.ds-buzz-list-item address
{
    display : inline;
}


.ds-buzz-list-item ._detailed
{
    display : none;
}


#t4-main-content.detailed .ds-buzz-list-item h3
{
    display : none;
}


#t4-main-content.detailed .ds-buzz-list-item ._detailed
{
    display : block;
}


.ds-buzz-list-item time:before
{
    content : " | ";
}


#t4-main-content.detailed .ds-buzz-list-item time
{
    position : absolute;
    top      : var(--spacer);
    right    : var(--spacer);
}


#t4-main-content.detailed .ds-buzz-list-item time:before
{
    content : "";
}


.ds-buzz-list-item a
{
    padding : 0 !important;
}


.ds-buzz-list-item a:before
{
    content : "" !important;
}


.ds-buzz-list-item .cbImgAvatar
{
    position : absolute;
    top      : calc(var(--spacer) + 2.5em);
    right    : var(--spacer);
    width    : 50px;
}


.ds-buzz-list-item p, .ds-buzz-list-item li
{
    font-size          : 13px;
    margin-block-start : 0.5em;
    margin-block-end   : 0.5em;
}


.ds-buzz-list-item ul li
{
    list-style : disc;
}


.ds-buzz-list-item ol li
{
    list-style : decimal;
}


.cbUserListRowColumn .btn
{
    position : absolute;
    right    : 0.5rem;
    display  : none;
    color    : #FFFFFF;
}


.cbUserListLayoutList .row:hover .cbUserListRowColumn .btn
{
    display : block;
}


.cbUserListLayoutList .row:hover
{
    background-color : var(--connect-teal-alpha2) !important;
}


.latestnews li a, .mostread li a
{
    display : inline;
}


.latestnews li > a
{
    display : block;
}


.ds-tagging-form-controls
{
    display : flex;
    gap     : 5px;
}


.ds-tagging-form-controls button:not([type="reset"])
{
    flex        : 1;
    font-weight : bold;
}


.ds-tags
{
    margin-top : 5px;
    max-height : 100px;
    overflow-y : auto;
}


.ds-tag-hidden
{
    display : none !important;
}


.ds-tag-field
{
    /*width         : 100% !important;*/
    height        : auto !important;
    display       : block;
    min-height    : 50px;
    /*background    : #FFFFFF;*/
    padding       : 0;
    margin-bottom : 2px !important;
}


.ds-tag-field-single
{
    min-height : 0;
    height     : 30px;
}


.ds-tag-field:empty:before
{
    content : "None added";
    opacity : 0.5;
}


.ds-tag-field-single:empty:before
{
    content : "Not set";
}


.ds-tag-field.ds-tag-field-feeder,
.ds-tag-field.ds-tag-field-list
{
    height     : 200px !important;
    overflow-y : scroll;
    max-width  : 100% !important;
}


.ds-tag-field.ds-tag-field-feeder:empty:before
{
    content : "None available";
}


.ds-tag-field.ds-tag-field-feeder li
{
    cursor     : pointer;
    transform  : translateX(0);
    transition : transform 0.3s ease;
}


.ds-tag-field.ds-tag-field-feeder li:hover
{
    transform : translateX(5px);
}


.ds-tag-field.ds-tag-field-list li
{
    cursor     : pointer;
    transform  : translateX(0);
    transition : transform 0.3s ease;
}


.ds-tag-field.ds-tag-field-list li:hover
{
    transform : translateX(-5px);
}


.ds-tag-field li, .ds-tag
{
    background    : var(--connect-steel-lighter);
    color         : #FFFFFF;
    border-radius : var(--border-radius-sm);
    padding       : 0.25em 0.4em 0.25em 0.4em;
    overflow      : hidden;
    font-size     : 75%;
}


.ds-tag-arrow
{
    position : absolute;
    color    : #CED4DA;
    left     : -6px;
    top      : 10px;
}


.ds-tag
{
    display     : inline-block;
    line-height : 1;
}


.ds-tag + .ds-tag
{
    margin-left : 0.4em;
}


.ds-tag dl, .ds-tag dt, .ds-tag dd
{
    display : inline-block;
    margin  : 0;
}


.ds-tag dt
{
    margin     : -0.25em 0.4em -0.25em -0.4em;
    padding    : 0.25em 0.4em 0.25em 0.4em;
    background : var(--connect-silver);
    color      : var(--body-text-color-α);
}


.ds-tag-field li
{
    list-style-type : none;
    padding-right   : 60px;
    margin-bottom   : 5px;
    position        : relative;
}


.ds-tag-field li:last-child
{
    margin-bottom : 0;
}


.ds-tag-field li.dg-tag-field-none
{
    background : var(--connect-silver);
}


.ds-tag-field li.dg-tag-field-new
{

    background : var(--connect-steel);
}


.ds-tag-field li a
{
    display          : block;
    top              : 0;
    bottom           : 0;
    position         : absolute;
    right            : 0;
    width            : 30px;
    background-color : var(--connect-teal);
    color            : #FFFFFF;
    text-align       : center;
    font-size        : 125%;
    padding-top      : 2px;
}


.ds-tag-field li a:hover
{
    color : #FFFFFF;
}


.ds-tag-field li a + a
{
    right            : 32px;
    background-color : var(--connect-teal-alpha);
}


.ds-tag-field-search
{
    /*width   : 100% !important;*/
    display : block;
    padding : 0.375rem 0.75rem;
}


.ds-tag-field-feeder + .ds-tag-field-search
{
    display    : block !important;
    margin-top : -7px !important;
    font-size  : 75%;
    max-width  : 100% !important;
}


.ds-tag-field-single:not(:empty) + .ds-tag-field-search
{
    display : none;
}


.ds-results-header
{
    position        : sticky;
    z-index         : 1;
    top             : 60px;
    width           : calc(100% + var(--spacer) + var(--spacer));
    background      : rgba(255, 255, 255, 0.5);
    backdrop-filter : var(--blur);
    padding         : var(--spacer);
    margin-left     : calc(-1 * var(--spacer));
    margin-right    : calc(-1 * var(--spacer));
}


.ds-results-header:first-of-type
{
    border-top-left-radius  : var(--border-radius-lg);
    border-top-right-radius : var(--border-radius-lg);
    margin-top              : calc(-1 * var(--spacer));
    margin-bottom           : 0;
}


body.dashboard .ds-all-results-wrapper:empty:before
{
    content : "Nothing to show at the moment";
    display : block;
}


body.dashboard .ds-all-results-wrapper .ds-results-header
{
    display : none;
}


.ds-dashboard-my-interests time
{
    display : none;
}


.ds-result-group-more
{
    border-top : 2px solid var(--hairline);
}


.ds-result
{
    padding       : 0.25rem 0;
    border-bottom : 1px solid var(--hairline);
    position      : relative;
}


.ds-result:has(> .cbImgAvatar)
{
    display               : grid;
    grid-template-columns : 50px 1fr;
}


.ds-result:after
{
    content : "";
    display : table;
    clear   : both;
}


form .ds-result-group input[type="checkbox"]
{
    top      : 6px;
    left     : 6px;
    position : absolute;
}


form .ds-result .ds-buzz-list-item h3
{
    margin-bottom : 2px;
}


form .ds-result
{
    padding       : 4px 4px 4px 26px;
    border-radius : var(--border-radius-sm);
    border        : none;
    background    : #FFFFFF;
    margin        : 4px 0;
}


.ds-result:last-child
{
    border-bottom : none;
}


.ds-result .cbImgAvatar
{
    width        : 44px;
    height       : 44px;
    object-fit   : cover;
    margin-right : 0.4rem;
    grid-column  : 1;
    grid-row     : 1 / 3;
}


.ds-result aside
{
    font-size   : 14px;
    margin-top  : 1px;
    color       : var(--body-text-color-α);
    grid-column : 2;
    grid-row    : 2;
}


.ds-result aside .btn
{
    border      : none !important;
    color       : #FFFFFF;
    font-size   : 100%;
    padding     : 0 4px;
    margin-left : 5px;
    opacity     : 0.3;
    font-family : var(--sm-button-font-family);
    transition  : opacity 0.15s ease;
}


.ds-result aside .btn:hover
{
    opacity : 1;
}


.col-form-label code
{
    display     : inline-block;
    color       : #E0E0E0;
    font-size   : 11px;
    background  : none;
    padding     : 0;
    border      : none;
    margin-left : 10px;
}


.cbRegistrationDiv .col-form-label code
{
    display : none;
}


.ds-unread-messages
{
    font-size : 14px;
}


.ds-unread-messages a
{
    color : var(--connect-tangerine)
}


@media (min-width : 767.98px)
{
    .ds-result:has(> .cbImgAvatar)
    {
        display     : flex;
        align-items : center;
    }

    .ds-result > a
    {
        flex : 1;
    }
}


/*************************************************
    MEMBERSHIP EDIT FORM
 */

.cb_template .btn-group-list
{

    gap : var(--spacer);

}


/** Membership plan */
.cb_template .cbRegistrationDiv .btn-group-list
{
    flex-direction : column;
    gap            : var(--spacer);
}


.cb_template .btn-group-list label
{
    border-radius    : var(--border-radius-sm) !important;
    background-color : var(--btn-inactive-bg) !important;
    border-color     : var(--btn-inactive-bg) !important;
    color            : var(--btn-inactive-color) !important;
}


.cb_template .btn-group-list input:checked + label
{
    background-color : var(--connect-teal) !important;
    border-color     : var(--connect-teal) !important;
    color            : #FFFFFF !important;
}


.cb_template .btn-group-list input:checked + label:after
{
    color         : var(--connect-steel);
    font-family   : FontAwesome;
    border        : 2px solid var(--connect-teal);
    content       : "";
    font-size     : 16px;
    position      : absolute;
    top           : 50%;
    right         : 0;
    transform     : translateY(-50%) translateX(15px);
    height        : 30px;
    width         : 30px;
    line-height   : 26px;
    text-align    : center;
    border-radius : 50%;
    background    : white;
    box-shadow    : 0px 2px 5px -2px rgb(0 0 0 / 25%);
}


/*************************************************
 *  JEvents overides
 */

.jeventslight > h1 /* this is for the Create Events page */
{
    display : none;
}


#jevents #jevents_header h1
{
    /* font-weight    : normal;
     border-bottom  : 1px solid var(--cb-border); */
    padding-bottom : var(--spacer);
    margin-bottom  : var(--spacer);

}


/** Jevents Edit Detail */
.jevbootstrap div.modal:not(.jeviso-modal)
{
    z-index : 99999;
}


.jeventslight #toolbar-box
{
    position        : fixed;
    width           : 100%;
    padding         : 10px;
    right           : 0;
    bottom          : 0;
    background      : var(--connect-teal-alpha);
    backdrop-filter : blur(4px);
    z-index         : 1001;
}


@media (min-width : 767.8px)
{
    .jeventslight #toolbar-box
    {
        width : calc(100% - var(--sidebar-width));
        /* left            : var(--sidebar-width); */
    }
}


a.ev_link_row:link, a.ev_link_row:visited, a.ev_link_row:hover
{
    display : block;
}


body.com_jevents .t4-content
{
    background-color : var(--cb-bg-uprofile);
}


.jeventslight #toolbar-box nav
{
    /*  padding-right : var(--sidebar-width); */
}


.jeventslight #toolbar-box nav .btn-toolbar
{
    margin-right : auto;
    margin-left  : auto;
    max-width    : 1140px;
}


.jeventslight #toolbar-box button
{
    border-radius    : var(--border-radius-sm);
    background-color : var(--color-secondary) !important;
    border           : none;
    text-transform   : capitalize;
    font-size        : 1rem;
    padding          : 10px 30px;
    margin-right     : 10px;
}


.jeventslight #toolbar-box button.btn-success
{
    background-color : var(--connect-teal) !important;
}


.jeventslight #toolbar-box button [class^="icon-"]
{
    display : none;
}


.jev_evdt_creator
{
    display : none;
}


.dss_edp_att_list
{
    /* display : none; */
}


.jev_none
{
    display : none !important;
}


.jevtitle #title
{
    width     : 75%;
    font-size : 25px;
    height    : auto;
}


.dssl-jev-form .btn
{
    background-color : var(--color-secondary) !important;
    border           : none !important;
}


.dssl-jev-form .btn:hover
{
    opacity : 0.85;
}


.dssl-jev-form .btn.active
{
    background-color : var(--connect-teal) !important;
}


.dssl-caltab-wrap .jev_sed legend,
.dssl-caltab-wrap .jeveditrepeats div:first-of-type > .radio > legend,
.dssl-caltab-wrap .allDayEvent /*,
.jev_description .toggle-editor */
{
    display : none !important;
}


.dssl-caltab-wrap fieldset.jev_sed div:nth-of-type(2),
.dssl-caltab-wrap fieldset.jev_sed div:nth-of-type(3)
{
    display : flex;
}


.dssl-caltab-wrap #start_time-lbl,
.dssl-caltab-wrap #end_time-lbl
{
    display : block !important;
}


.dssl-caltab-wrap #start_12h_area,
.dssl-caltab-wrap #end_12h_area
{
    display    : flex !important;
    column-gap : 10px;
}


.dssl-caltab-wrap #start_12h_area .radio,
.dssl-caltab-wrap #end_12h_area .radio
{
    display : flex !important;
}


.dssl-caltab-wrap #start_12h_area #start_12h,
.dssl-caltab-wrap #end_12h_area #end_12h
{
    display : inline-block !important;
}


.dssl-caltab-wrap #start_12h_area label.radio,
.dssl-caltab-wrap #end_12h_area label.radio
{
    display : inline-block !important;
    margin  : 0;
    padding : 0.375rem 0.75rem;
}


.dssl-caltab-wrap .jevnoeendtime
{
    margin-top : 50px !important;
}


.dssl-caltab-wrap .jeveditrepeats div:first-of-type > .radio > label
{
    margin-right : 0;
}


.dssl-caltab-wrap .jeveditrepeats div:first-of-type > .radio > label:first-of-type
{
    border-top-left-radius    : 0.25rem;
    border-bottom-left-radius : 0.25rem;
}


.dssl-loctab-wrap input,
.dssl-cattab-wrap .gsl-select,
.dssl-acctab-wrap select,
.dssl-pubtab-wrap select
{
    width : 75%;
}


.dssl-acctab-wrap #access option[value="7"], /* This hides the Registered Individual option, (not registered level) */
.dssl-acctab-wrap #access option[value="8"] /* This hides the Registered Organisation option */
{
    display : none;
}


.dssl-atttab-wrap #jevrsvpattend
{
    width : 75%;
}


.dssl-atttab-wrap #jevrsvpattend legend
{
    display : none;
}


.dssl-atttab-wrap #jevrsvpattend .control-group
{
    display        : flex;
    flex-direction : column;
    padding-bottom : 0 !important;
    margin-bottom  : 0;
}


.dssl-atttab-wrap .radio.btn-group
{
    padding-left : 0;
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio
{
    margin-right : 0;
}


.dssl-atttab-wrap .rsvp_allowregistration
{
    flex-direction : column;
}


#jevents .dssl-atttab-wrap .rsvp_allowregistration label.radio
{
    font-size     : 0;
    border-radius : 5px;
    font-family   : inherit;
    font-weight   : normal !important;
    display       : flex !important;
    column-gap    : 10px;
}


#jevents .dssl-atttab-wrap .control-label
{
    font-weight : bold;
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration1"]:before
{
    content : "Public";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration1"]:after
{
    content : "Anyone can request to attend this event. Anyone can see the event information.";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration0"]:before
{
    content : "Private invite";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration0"]:after
{
    content : "Attendance is by invitation only. Only attendees can see the event information and content.";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration2"]:before
{
    content : "Public invite";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration2"]:after
{
    content : "Anyone can see the event but can only attend on invitation."
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio:before,
#jevents .dssl-atttab-wrap .radio.btn-group label.radio:after
{
    font-size  : 1rem;
    text-align : left;
    align-self : start;
    width      : 75%;
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio:before
{
    width     : 25%;
    max-width : 170px;
}


.dssl-acctab-wrap #access option[value="7"], /* This hides the Registered Individual option, (not registered level) */
.dssl-acctab-wrap #access option[value="8"] /* This hides the Registered Organisation option */
{
    display : none;
}


.dssl-atttab-wrap #jevrsvpattend
{
    width : 75%;
}


.dssl-atttab-wrap #jevrsvpattend legend
{
    display : none;
}


.dssl-atttab-wrap #jevrsvpattend .control-group
{
    display        : flex;
    flex-direction : column;
    padding-bottom : 0 !important;
    margin-bottom  : 0;
}


.dssl-atttab-wrap .radio.btn-group
{
    padding-left : 0;
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio
{
    margin-right : 0;
}


.dssl-atttab-wrap .rsvp_allowregistration
{
    flex-direction : column;
}


#jevents .dssl-atttab-wrap .rsvp_allowregistration label.radio
{
    font-size     : 0;
    border-radius : 5px;
    font-family   : inherit;
    font-weight   : normal !important;
    display       : flex !important;
    column-gap    : 10px;
}


#jevents .dssl-atttab-wrap .control-label
{
    font-weight : bold;
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration1"]:before
{
    content : "Public";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration1"]:after
{
    content : "Anyone can request to attend this event. Anyone can see the event information.";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration0"]:before
{
    content : "Private invite";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration0"]:after
{
    content : "Attendance is by invitation only. Only attendees can see the event information and content.";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration2"]:before
{
    content : "Public invite";
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio[for="custom_rsvp_allowregistration2"]:after
{
    content : "Anyone can see the event but can only attend on invitation."
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio:before,
#jevents .dssl-atttab-wrap .radio.btn-group label.radio:after
{
    font-size  : 1rem;
    text-align : left;
    align-self : start;
    width      : 75%;
}


#jevents .dssl-atttab-wrap .radio.btn-group label.radio:before
{
    width     : 25%;
    max-width : 170px;
}


.dssl-atttab-wrap #jevrsvpattend fieldset > .control-group,
.dssl-atttab-wrap .rsvp_sessionaccess,
.dssl-atttab-wrap .rsvp_capacity,
.dssl-atttab-wrap .rsvp_waitingcapacity,
    /*.dssl-atttab-wrap .rsvp_initialstate,*/
.dssl-atttab-wrap .rsvp_extrafields,
.dssl-atttab-wrap .rsvp_allowcancellation,
.dssl-atttab-wrap .rsvp_allowchanges,
.dssl-atttab-wrap .rsvp_allrepeats,
    /*.dssl-atttab-wrap .rsvp_showattendees,*/
.dssl-atttab-wrap .rsvp_attendintro,
.dssl-atttab-wrap .regopendatewrapper,
.dssl-atttab-wrap .regclosedatewrapper,
.dssl-atttab-wrap #jevendcancel
{
    display : none !important;
}


/** Jevents list detail */
.icon-print,
.nav-items
{
    display : none;
}


#jevents_body,
#jev_maincal
{
    background-color : transparent;
    border           : none;
}


#jevents_body
{
    display        : flex;
    flex-direction : column;
    padding        : 0;
}


#jevents_body .jev_pretoolbar
{
    order : 1;
}


#jevents_body .new-navigation
{
    order   : 2;
    display : none;
}


#jevents_body .jev_toprow
{
    order   : 4;
    display : none;
}


#jevents_body .jev_clear
{
    order : 5;
}


#jevents_body .jev_listview
{
    order                 : 6;
    display               : grid;
    grid-template-columns : repeat(auto-fit, minmax(300px, 1fr));
    gap                   : 20px;
}


#jevents_body .ev_adminpanel
{
    order : 3;
}


.jev_listview .jev_listrow
{
    border : 0;
}


#jevents_body .ev_adminpanel .nav_bar_cell
{
    background-color : #FFFFFF;
    padding          : 20px;
    border           : 1px solid var(--cb-border);
    border-radius    : var(--border-radius-sm);
    display          : flex;
    flex-direction   : row-reverse;
    align-items      : center;
}


#jevents_body .ev_adminpanel .nav_bar_cell > form
{
    flex-grow : 1;
}


#jevents_body .ev_adminpanel .nav_bar_cell > form > div:first-of-type,
#jevents_body .ev_adminpanel .nav_bar_cell > form > div:nth-of-type(2),
#jevents_body .ev_adminpanel .nav_bar_cell > form > div:nth-of-type(4)
{
    display : none;
}


#jevents_body ul.ev_ul
{
    padding : 0;
    margin  : 0;
    height  : 100%;
}


#jevents_body ul.ev_ul li.ev_td_li
{
    margin           : 0;
    padding          : 10px 20px 20px;
    height           : 100%;
    border-radius    : var(--border-radius-sm);
    border-width     : 1px !important;
    border-color     : var(--cb-border) !important;
    background-color : #FFFFFF;
    display          : flex;
    flex-direction   : column;
}


#jevents_body ul.ev_ul li.ev_td_li .dss_lrd_event_date
{
    font-size   : .9em;
    font-weight : bold;
    margin      : 0;
    color       : var(--body-text-color-α);
}


#jevents_body ul.ev_ul li.ev_td_li h3
{
    margin        : 0;
    min-height    : 70px;
    line-height   : 1em;
    border-bottom : 1px solid var(--cb-border);
    margin-bottom : 5px;
}


#jevents_body ul.ev_ul li.ev_td_li h3 a
{
    font-size   : .7em;
    font-weight : bold;
    color       : var(--connect-deep-blue);
}


#jevents_body ul.ev_ul li.ev_td_li .dss_lrd_location
{
    flex-grow     : 1;
    margin-bottom : 30px;
    font-size     : .9em;
    color         : var(--body-text-color-α);
}


#jevents_body ul.ev_ul li.ev_td_li .dss_lrd_author
{
    /*margin-top : auto;*/
    font-size : .9em;
}


#jevents_body ul.ev_ul li.ev_td_li .dss_lrd_stats
{
    font-size : .85em;
    color     : var(--body-text-color-α);
}


#jevents_body ul.ev_ul li.ev_td_li .dss_lrd_stats .dss_lrd_att:after
{
    content : "\2022";
    padding : 0 0.4rem;
}


#jevents_body ul.ev_ul li.ev_td_li .dss_lrd_view_btn button
{
    /*    margin-top : 5px !important;*/

    margin-top : 0 !important;
}


/** Events detail page */
#jevents_body .jev_evdt
{
    padding : 0;
}


#jevents_body .dss_edp_wrapper
{
    margin           : 0;
    padding          : 20px;
    height           : 100%;
    border-radius    : var(--border-radius-sm);
    border           : 1px solid var(--cb-border) !important;
    background-color : #FFFFFF;
    display          : flex;
    flex-direction   : column;
}


@media (max-width : 1023.5px)
{
    .jevtitle #title
    {
        width : calc(100% - 1rem);
    }

    .dssl-caltab-wrap fieldset.jev_sed div:nth-of-type(2),
    .dssl-caltab-wrap fieldset.jev_sed div:nth-of-type(3)
    {
        display : block;
    }

    .jeveditrepeats fieldset
    {
        display        : flex;
        flex-direction : column;
    }
}


/****

CONNECTIONS

 */
@media (max-width : 1023.5px)
{
    .item-226 .nav-tabs
    {
        display         : flex;
        flex-wrap       : nowrap;
        overflow-x      : auto;
        overflow-y      : hidden;
        scrollbar-width : none;
    }

    .item-226 .nav-tabs
    {
        white-space : nowrap;
    }

}


.dss_edp_header
{
    display : flex;
}


.dss_edp_header .dss_edp_title
{
    flex-grow : 1;
}


.dss_edp_header .dss_edp_title h3
{
    margin : 0;
}


.dss_edp_body .dss_edp_summary
{
    font-weight : bold;
}


.dss_edp_body .dss_edp_stats
{
    font-size : .85em;
    color     : var(--body-text-color-α);
}


.dss_edp_body .dss_edp_stats .dss_edp_att:after
{
    content : "\2022";
    padding : 0 0.4rem;
}


.dss_edp_body .jev_evdt_creator
{
    margin-top : 20px;
}


.dss_edp_body .dss_edp_att_frm
{
    margin-top : 10px;
}


.dss_edp_body .dss_edp_att_frm p,
.dss_edp_body .dss_edp_att_frm br,
.dss_edp_body .dss_edp_att_frm .jevattendstate
{
    display : none;
}


.dss_edp_body .dss_edp_att_frm #updateattendance
{
    overflow : hidden;
}


.dss_edp_body .dss_edp_att_frm #registration-tab-pane
{
    margin : 0 !important;
}


.dss_edp_body .dss_edp_att_frm strong
{
    display : block;
}


.dss_edp_body .dss_edp_att_frm .btn-group
{
    float  : left;
    margin : 0 10px 0 0 !important;
}


.dss_edp_body .dss_edp_att_frm .jevclickupdate
{
    margin : 0 !important;
}


.dss_edp_body .dss_edp_att_list .rsvp_attendeeslink
{
    display : none;
}


.dss_edp_body .jev_evdt_desc
{
    border-top  : 1px solid var(--cb-border);
    margin-top  : 20px;
    padding-top : 20px;
}


/*************************************************/

.ds-buzz
{
    position : relative;
}


.ds-buzz joomla-tab[view=tabs] > div[role=tablist]
{
    display   : none;
    position  : absolute;
    z-index   : 101;
    transform : translate(16px, -124px);
}


.ds-buzz joomla-tab > joomla-tab-element
{
    background-color : var(--connect-teal) !important;
    border           : none;
}


.ds-buzz.ds-buzz-opinion joomla-tab > joomla-tab-element
{
    background-color : var(--connect-tangerine) !important;
    border           : none;
}


.ds-buzz.ds-buzz-job joomla-tab > joomla-tab-element
{
    background-color : var(--connect-orange) !important;
    border           : none;
}


.ds-buzz.ds-buzz-event joomla-tab > joomla-tab-element
{
    background-color : var(--connect-lime-green) !important;
    border           : none;
}


/*.ds-buzz.ds-buzz-opinion .control-group:has(label[for='jform_urls_urla'])
{
    display : none;
}*/

.ds-buzz joomla-tab > joomla-tab-element label
{
    color      : #FFFFFF;
    position   : absolute;
    z-index    : 1;
    background : var(--connect-teal-alpha);
    width      : 60px;
    margin     : 0;
    height     : calc(2.25rem + 2px);
    padding    : 0.375rem 0.75rem;
}


.ds-buzz.ds-buzz-opinion joomla-tab > joomla-tab-element label
{
    background : var(--connect-tangerine-alpha);
    color      : var(--body-text-color);
}


.ds-buzz.ds-buzz-job joomla-tab > joomla-tab-element label
{
    background : var(--connect-orange-alpha);
    color      : var(--body-text-color);
}


.ds-buzz.ds-buzz-event joomla-tab > joomla-tab-element label
{
    background : var(--connect-lime-green-alpha);
    color      : var(--body-text-color);
}


.ds-buzz joomla-tab > joomla-tab-element label .star
{
    position    : absolute;
    top         : 0;
    right       : 0;

    line-height : 1;
    font-size   : 200%;
}


.ds-buzz joomla-tab > joomla-tab-element .form-control
{
    padding-left  : calc(60px + 0.75rem);
    border-radius : var(--border-radius-sm) !important;
}


.ds-buzz form:not(.form-no-margin) .control-group .controls
{
    margin-left : 0;
}


.edit.item-page fieldset
{
    background-color : transparent;
}


.ds-buzz .control-group + .control-group
{
    /*display : none;*/
}


.com-content-article__link
{
    list-style : none;
}


ul.com-content-article__links
{
    padding-left : var(--spacer);
}


.com-content-article__link a
{
    background-color : var(--connect-teal);
    color            : #FFFFFF;
    border-radius    : var(--border-radius-sm);
    font-family      : var(--heading-font-family);
    font-size        : 19px;
    padding          : 10px;
}


.cb_template .row.pmMessagesHeader,
.pmMessageEditTitle + .row
{
    /*hide username input*/
    display : none;
}


.pmMessageEdit .col-form-label
{
    flex      : 0 0 160px !important;
    max-width : 160px !important;
}


.pmMessageEdit .col-form-label + .cb_field
{
    flex      : 1 !important;
    max-width : none !important;
}


.pmMessageEdit .row:last-of-type .col-sm-9
{
    flex   : 1 !important;
    margin : 0 !important;
}


.ds-buzz .toggle-editor,
.pmMessageEdit .toggle-editor
{
    display : none;
}


.pmMessageEditMessage .tox-tinymce
{
    height : 300px !important;
}


#cbselect_pmtype
{
    display : none;
}


.ds-buzz .tox .tox-tbtn--select:first-child, .tox-statusbar
{
    display : none !important;
}


.tox .tox-tbtn__select-label
{
    cursor : pointer !important;
}


.ds-buzz button[data-submit-task="article.save"]:after
{
    content : " my Buzz"
}


.ds-buzz button[data-submit-task="article.save2copy"]
{
    display : none;
}


.ds-buzz button:not(.btn)
{
    /*display : none;*/
}


.badge-pill
{
    font-family : var(--body-font-family);
}


.ds-no-centre .ds-criteria .ds-label-centre,
.ds-no-centre .ds-criteria .ds-checkboxes-centre
{
    display : none;
}


.ds-no-cb_orgdomicileoflisting .ds-criteria .ds-label-cb_orgdomicileoflisting,
.ds-no-cb_orgdomicileoflisting .ds-criteria .ds-checkboxes-cb_orgdomicileoflisting
{
    display : none;
}


.ds-criteria h7
{
    font-weight : bold;
    font-size   : 13px;
    color       : var(--connect-teal);
}


.ds-criteria h7 .badge-pill
{
    padding     : 0;
    width       : 20px;
    font-size   : 100%;
    margin-left : 5px;
}


.ds-criteria h7 aside
{
    margin-top    : 3px;
    float         : right;
    cursor        : help;
    border-radius : 50%;
    width         : 14px;
    height        : 14px;
    line-height   : 14px;
    text-align    : center;
    box-shadow    : 0 0 0 1px var(--connect-teal);
}


.ds-criteria select, .ds-criteria .ds-checkboxes, .ds-criteria ul.ds-tag-field, .ds-criteria input:not([type="checkbox"])
{
    width         : 100%;
    border-radius : var(--border-radius-sm);
    border        : 1px solid var(--connect-teal);
    background    : #FFFFFF;
    padding       : 0.2rem;
    line-height   : normal;
    display       : block;
    margin-bottom : 0.2rem;
}


.ds-select:not(.ds-readonly), .ds-checkboxes:not(.ds-readonly)
{
    height     : 90px;
    overflow-y : scroll;
    overflow-x : hidden;
}


.ds-criteria .ds-checkboxes:not(.ds-readonly)
{
    padding : 0;
}


.ds-checkboxes > div
{
    position : relative;
}


.ds-checkboxes input[type="checkbox"]
{
    position : absolute;
    top      : 0.3rem;
    left     : 0.2rem;
}


.ds-checkboxes label
{
    display       : block;
    margin        : 0;
    white-space   : nowrap;
    cursor        : pointer;
    padding       : 0.2rem 0.2rem 0.2rem 1.2rem;
    margin-bottom : -0.2rem;
}


.ds-checkboxes label:hover
{
    background-color : var(--connect-teal-alpha2);
}


.ds-checkboxes input:checked + label
{
    background-color : var(--connect-teal-alpha);
    color            : #FFFFFF;
}


.ds-criteria input[name="term"]
{
    font-weight : bold;
    box-shadow  : 0 0 0 2px var(--connect-teal-alpha);
}


.ds-select-orgtypegroup
{
    height : 116px
}


.ui-widget.ui-widget-content
{
    border : none;
}


.ui-autocomplete
{
    background      : var(--connect-teal-alpha);
    backdrop-filter : var(--blur);
    color           : #FFFFFF;
    z-index         : 10001;
    font-size       : 14px;
    border-radius   : var(--border-radius-sm);
    overflow        : hidden;
}


.ui-autocomplete .ui-state-active
{
    background   : #FFFFFF;
    border-color : transparent;
}


#adminForm[action*=buzz]:first-child:before
{
    content : "Edit Buzz"
}


#adminForm[action*=buzz] fieldset + div
{
    text-align : right;
}


#adminForm[action*=buzz] #jform_state
{
    display   : block;
    height    : auto;
    min-width : unset;
    width     : 200px;
    max-width : 100%;
}


#adminForm[action*=buzz] #jform_state-lbl
{
    display : none;
}


#adminForm[action*=buzz] .tox-tinymce
{
    height : 400px !important;
}


/*
.t4-megamenu.collapse:not(.show)
{
    overflow : hidden;
    height   : auto;
}
*/

div.phpdebugbar
{
    z-index : 10002 !important;
}


::selection
{
    background-color : var(--connect-teal);
    color            : #FFFFFF;
}


.cb_template .form-auto .form-control,
.cb_template select,
.cb_template .custom-select
{
    width     : 500px;
    max-width : calc(100% - 30px);
}


/*NEW MASTER LAYOUT*/

#t4-sidebar, #t4-main-content, #t4-main-content, #t4-rh-edge-1, #t4-rh-edge
{
    padding     : 0;
    position    : static;
    padding-top : var(--spacer);
}


#t4-sidebar, #t4-main-content, #t4-main-content
{
    float : left;
}


#t4-rh-edge-1, #t4-rh-edge
{
    width       : 100%;
    clear       : both;
    border-left : var(--top-bar-height) solid var(--connect-deep-blue);
}


/*
@media only screen and (max-width : 768px)
{
    #t4-sidebar
    {
        display : none;
    }
}
*/

#t4-main-content
{
    width : 100%;
}


#t4-sidebar
{
    margin-top : 0;
}


.toggle-editor,
.js-tiny-toggler-button
{
    display : none !important;
}


@media screen and (max-width : 767.98px)
{
    #t4-sidebar #t4-megamenu-sidebar,
    .ds-sidebar .navbar-nav
    {
        width : 100%;
    }
}


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

    #t4-topbar .navbar-toggler
    {
        background : none !important;
    }

    #t4-topbar .t4-megamenu.show
    {
        height   : 100dvh;
        position : relative;
    }

    #t4-topbar .navbar-nav
    {
        flex-direction : column;
    }

    #t4-topbar li.nav-item.dropdown.parent
    {
        position : static;
    }

    #t4-topbar .navbar-nav a.nav-link
    {
        width           : 100%;
        display         : flex;
        max-width       : unset;
        justify-content : space-between;
        align-items     : center;
        padding         : var(--spacer);
        z-index         : unset;
    }

    #t4-topbar .navbar-nav .item-caret
    {
        position  : relative;
        left      : unset;
        transform : translate(0) rotate(-90deg) scale(2);
    }


    #t4-sidebar
    {
        position   : fixed;
        top        : 0;
        z-index    : 10002;
        right      : 0;
        left       : auto;
        height     : var(--top-bar-height);
        /* display: flex; */
        width      : 50% !important;
        padding    : 0;
        background : transparent;
    }

    h1[itemprop="headline"]:has(#ds-universal-search-scopes)
    {
        padding-bottom : var(--spacer);
        margin-bottom  : 0;
    }

    #t4-sidebar .search
    {
        position : absolute;
        right    : var(--top-bar-height);
        width    : var(--top-bar-height);
        height   : var(--top-bar-height);
    }

    h6:has(+ #ds-universal-search-scopes)
    {
        display : none;
    }

    #ds-universal-search-scopes
    {
        display            : flex;
        align-items        : center;
        height             : 30px;
        margin-top         : 15px;
        overflow-x         : auto;
        -ms-overflow-style : none;
        scrollbar-width    : none;
    }

    .ds-criteria input[name="term"]
    {
        padding : 15px 10px;
    }

    #ds-universal-search-scopes::-webkit-scrollbar
    {
        display : none; /* Safari and Chrome */
    }

    #ds-universal-search-scopes > span
    {
        display     : flex;
        white-space : nowrap;
    }

    .com-content-article__body:has(> .placeholder)
    {
        display : none;
    }

    .com-content-article__body:has(.ds-all-results-wrapper)
    {
        margin-top : 0;
    }

    #t4-sidebar .moduletable,
    #t4-sidebar .js-finder-search-query + button
    {
        height           : var(--top-bar-height);
        background-color : transparent !important;
        display          : flex;
        align-items      : center;
        overflow         : hidden;
    }

    .ds-mod-search-console-scope
    {
        display : none !important;
    }

    #t4-sidebar .sidebar-l
    {
        position         : absolute;
        right            : 0;
        display          : flex;
        align-items      : center;
        background-color : transparent;
        width            : var(--top-bar-height);
        height           : var(--top-bar-height);
    }

    #t4-sidebar .megamenu
    {
        order      : 2;
        position   : absolute;
        top        : 0;
        right      : 0;
        z-index    : 30000;
        width      : var(--top-bar-height);
        background : transparent;
    }

    #t4-sidebar .navbar-expand-lg .navbar-toggler
    {
        background-color : transparent !important;
        outline          : none;
    }

    #t4-sidebar .navbar .navbar-toggler i
    {
        display : none;
    }

    #t4-sidebar .moduletable,
    #t4-sidebar .sidebar-l p
    {
        margin-bottom : 0;
    }

    #t4-topbar #t4-megamenu-sidebar,
    #t4-sidebar #t4-megamenu-sidebar
    {
        left       : auto;
        right      : 0;
        height     : calc(100% - var(--top-bar-height));
        overflow-y : auto;
        overflow-x : hidden;
    }

    #t4-sidebar #t4-megamenu-sidebar
    {
        background-color : var(--sidebar-bg);
    }

    /*
    .t4-topbar .nav > .dropdown > .dropdown-toggle .item-caret
    .t4-megamenu .nav > .dropdown > .dropdown-toggle .item-caret {
        border: none;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        position: relative;
        transform: none;
    }
    /*
    .t4-megamenu .nav > .dropdown > .dropdown-toggle .item-caret::after {
        content: " ";
        position: absolute;
        display: block;
        background-color: #fff;
        height: 2px;
        margin-top: -1px;
        top: 50%;
        left: 5px;
        right: 5px;
        z-index: 9;
        border-radius: 3px;
    }
    .t4-megamenu .nav > .dropdown > .dropdown-toggle .item-caret::before {
        content: " ";
        position: absolute;
        display: block;
        background-color: #fff;
        width: 2px;
        margin-left: -1px;
        left: 50%;
        top: 5px;
        bottom: 5px;
        z-index: 9;
        border-radius: 3px;
    }

     */
    #t4-topbar .navbar-expand-lg .t4-megamenu .dropdown-menu,
    #t4-sidebar .navbar-expand-lg .t4-megamenu .dropdown-menu
    {
        display     : block;
        position    : absolute;
        margin-left : -3.667px;
        top         : 0;
        left        : 0;
        right       : 0;
        bottom      : 0;
        overflow    : auto;
        transform   : translateX(110%) !important;
        transition  : all 0.3s ease-in-out;
    }

    #t4-topbar .navbar-expand-lg .t4-megamenu .dropdown-menu
    {
        background-color : var(--lime-green-darker);
    }

    #t4-sidebar .navbar-expand-lg .t4-megamenu .dropdown-menu
    {
        background-color : var(--connect-deep-blue-darker);
    }

    #t4-topbar .navbar-expand-lg .t4-megamenu .dropdown-menu.show,
    #t4-sidebar .navbar-expand-lg .t4-megamenu .dropdown-menu.show
    {
        transform : translateX(0%) !important;
    }

    .arrow-button
    {
        border-bottom : 1px solid var(--menu-hairline);
        padding       : 0.6666666667rem 1rem;
    }

    .arrow.back:before
    {
        content     : "\f060";
        color       : #FFFFFF;
        font-size   : 1rem;
        display     : block;
        font-family : FontAwesome;
        top         : 4px;
        font-size   : 26px;
    }

    /**********************************
    MAIN CONTENT
     */
    #t4-main-content,
    #t4-rh-edge
    {
        margin-left : 0;
        border-left : none;
        overflow-x  : hidden;
    }

    #t4-rh-edge .card-header
    {
        background : none;
        padding    : 0 var(--spacer) var(--spacer);
    }

    /**************************************************
     *   FOOTER
     **************************************************/
    .footer
    {
        width : 100%;
    }

    #t4-footer .nav
    {
        flex-direction : column;
    }

    #t4-footer .nav > li > a
    {
        padding : 5px 0;
    }

    .footer-logo
    {
        padding : var(--spacer);
    }
}


#t4-footer
{
    border-top : none;
    clear      : both;
}


.ds-profile-card
{
    text-align : center;
}


.ds-profile-card span
{
    font-family : var(--heading-font-family);
    display     : none;
}


.t4-col.megamenu
{
    position : static;
}


.t4-col.megamenu > .navbar
{
    position : static;
}


.t4-col.megamenu > .navbar .dropdown
{
    position : static;
}


@media screen and (min-width : 768px)
{
    body.layout-home_video #t4-register
    {
        background : -moz-linear-gradient(0deg, var(--connect-steel) 70%, rgba(0, 0, 0, 0) 100%);
        background : -webkit-linear-gradient(0deg, var(--connect-steel) 70%, rgba(0, 0, 0, 0) 100%);
        background : linear-gradient(0deg, var(--connect-steel) 70%, rgba(0, 0, 0, 0) 100%);
    }

    #t4-megamenu-sidebar
    {
        top              : 0;
        left             : 0;
        position         : static;
        backdrop-filter  : none;
        background-color : var(--connect-deep-blue);
        /*   overflow-y       : visible;*/
    }


    .ds-sidebar .navbar-nav .dropdown-menu
    {
        position : absolute;
        top      : var(--top-bar-height);
        width    : calc(1.25 * var(--sidebar-width));
        left     : var(--sidebar-width);
    }

    .ds-sidebar .cbLoginForm
    {
        display : block;

    }

    .js-finder-search-query + button
    {
        left                       : auto;
       /* right                      : var(--spacer); */
        bottom                     : auto;
        width                      : 38px;
        height                     : 38px;
        line-height                : 39px;
        border-top-right-radius    : 0.25rem;
        border-bottom-right-radius : 0.25rem;
        background-color           : var(--connect-teal) !important;
    }

    .js-finder-search-query + button:after
    {
        font-size : 16px;
    }

    .ds-profile-card
    {
        text-align : left;
    }

    #t4-sidebar .moduletable
    {
        padding : 0 var(--spacer);
    }


    /*  #t4-topbar
      {
          display : none;
      }

      #t4-topbar-mobile
      {
          display : block;
      }

      #t4-topbar-mobile .offcanvas-toggle
      {
          display  : block;
          position : absolute;
          top      : 0;
          right    : 0;
          height   : 100%;
      }

      #t4-topbar-mobile .offcanvas-toggle i
      {
          font-size   : 30px;
          line-height : 2em;
          color       : var(--connect-light);
      }*/
    .ds-profile-card span
    {
        display : inline;
    }

    #t4-sidebar
    {
        width : var(--sidebar-width);
    }

    .mod-finder + .ds-mod-search-console-scope
    {
        display : block;
    }

    .ds-mod-search-console #term
    {
        display : block;
    }

    #t4-sidebar .navbar-expand-lg .navbar-toggler
    {
        display : none;
    }

    #t4-sidebar .navbar-expand-lg .navbar-collapse
    {
        /*display : flex !important;*/
        display : block !important;
    }

    #t4-rh-edge-1, #t4-rh-edge
    {
        border-left : var(--sidebar-width) solid var(--sidebar-bg);
    }

    #t4-main-content
    {
        border-left : var(--sidebar-width) solid var(--sidebar-bg);
        margin-left : calc(-1 * var(--sidebar-width));
    }
}


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


}


@media screen and (min-width : 1110px)
{
    #t4-rh-edge-1, #t4-rh-edge
    {
        float       : left;
        clear       : none;
        width       : var(--sidebar-width);
        border-left : none;
    }

    /*.item-page*/
    .page-header h1,
        /*.item-page*/
    .page-header h2,
    .page-subheader h1,
    .content-category h2,
    form > .cb-page-header,
    #adminForm[action*=buzz]:first-child:before,
    #jevents #jevents_header h1,
    .com-tags-tag.tag-category h1
    {
        border-bottom-right-radius : 4px;
        width                      : calc(100% + 8px);
    }

    .page-header h1:before,
    .page-subheader h1:before,
    .content-category h2:before,
    form > .cb-page-header:before,
    #jevents #jevents_header h1:before,
    .com-tags-tag.tag-category h1:before
    {
        content                    : " ";
        display                    : block;
        background-color           : var(--connect-silver);
        border-bottom-right-radius : 4px;
        position                   : absolute;
        right                      : 0;
        top                        : 0;
        bottom                     : 0;
        width                      : 40px;
        transform                  : skew(-8deg);
        transform-origin           : bottom right;
    }

    .content-category h2:after
    {
        content        : "";
        display        : block;
        margin-bottom  : var(--spacer);
        padding-bottom : var(--spacer);
    }

    #t4-sidebar
    {
        min-height : calc(100vh - var(--top-bar-height));
    }

    #t4-main-content
    {
        min-height : 80vh;
    }

    .item-page [itemprop="articleBody"], .ds-buzz joomla-tab > joomla-tab-element, .article-body, .dssl-jev-form
    {

        /* min-height : 40vh; */
    }

    .page-header h1 aside,
    .page-header h2 aside
    {
        /*float : right;
        width : 70%;*/
        margin-top : var(--spacer);
    }

    #t4-main-content
    {
        width : calc(100% - var(--sidebar-width));
        /*margin-left : -250px;*/
    }


    body.layout-members-area-rh-edge #t4-main-content
    {
        width : calc(100% - var(--sidebar-width));
    }


    body.layout-members-area-dbl-rh-edge #t4-main-content
    {
        width : calc(100% - var(--sidebar-width-lg));
    }

    body.layout-members-area-dbl-rh-edge #t4-rh-edge
    {
        width : var(--sidebar-width-lg);
    }


    #t4-footer
    {
        border-left : var(--sidebar-width) solid var(--connect-deep-blue);
    }


    #t4-footer .t4-section-inner
    {
        margin-top             : var(--spacer-large);
        border-top-left-radius : 4px;
        width                  : calc(100% - var(--spacer-large) - var(--spacer-large));
        padding                : var(--spacer) var(--spacer-large) 75px;
        margin-left            : calc(2 * var(--spacer-large));
    }

    #t4-footer .t4-section-inner:before
    {
        content                : " ";
        display                : block;
        background-color       : var(--connect-silver);
        border-top-left-radius : 4px;
        position               : absolute;
        left                   : 0;
        top                    : 0;
        bottom                 : 0;
        width                  : 40px;
        transform              : skew(-8deg);
        transform-origin       : top left;
    }
}


/*************************************************
 *  ACY mailing overides
 */
#acym_wrapper.frontusers_profile,
#acym_wrapper.frontusers_unsubscribepage
{
    margin-left  : unset;
    margin-right : unset;
    max-width    : unset;
}


#acym_wrapper .acym_front_page,
#acym_wrapper form.acym_front_page.acym_front_page__unsubscribe
{
    margin-top : calc(-1 * var(--spacer)) !important;
}


#acym_wrapper.frontusers_profile
{
    padding-left : var(--spacer);
}


#acym_wrapper.frontusers_unsubscribepage fieldset
{
    background : none;
    padding    : 0 var(--spacer);
}


#acym_wrapper .acym_front_page .contentheading,
#acym_wrapper.frontusers_unsubscribepage fieldset legend
{
    background-color           : var(--connect-silver);
    padding                    : var(--spacer) 10px var(--spacer-large) calc(2 * var(--spacer));
    display                    : block;
    margin-top                 : calc(-1 * var(--spacer));
    margin-left                : calc(-2 * var(--spacer));
    position                   : relative;
    width                      : calc(100% + var(--spacer) + var(--spacer));
    line-height                : 1;
    font-size                  : var(--h1-font-size);
    text-transform             : none;
    font-weight                : bold;
    color                      : var(--connect-deep-blue);
    border-bottom-right-radius : 4px;
}


#acym_wrapper .acym_front_page .contentheading:before,
#acym_wrapper.frontusers_unsubscribepage fieldset legend:before
{
    content                    : " ";
    display                    : block;
    background-color           : var(--connect-silver);
    border-bottom-right-radius : 4px;
    position                   : absolute;
    right                      : 0;
    top                        : 0;
    bottom                     : 0;
    width                      : 40px;
    transform                  : skew(-8deg);
    transform-origin           : bottom right;
}


#acym_wrapper .acym_front_page .acy_user_info
{
    display : none;
}


#acym_wrapper .acym_front_page form
{
    display    : block !important;
    opacity    : 1 !important;
    margin-top : var(--spacer);
}


#acym_wrapper .acym_front_page .acym_list
{
    display         : flex;
    flex-direction  : row-reverse;
    justify-content : space-between;
    max-width       : 700px;
    margin-top      : 20px;
}


#acym_wrapper .acym_front_page .acym_list .acystatus
{
    min-width  : 100px;
    text-align : right;
}


@media screen and (max-width : 425.5px)
{
    #acym_wrapper .acym_front_page .acym_list
    {
        flex-direction : column-reverse;
        gap            : 10px;
    }

    #acym_wrapper .acym_front_page .acym_list .acystatus
    {
        text-align : left;
    }
}


#acym_wrapper .acym_front_page__unsubscribe .acym_front_page__unsubscribe__lists__container
{
    border        : none;
    padding       : var(--spacer);
    padding-left  : 0;
    padding-right : 0;
}


#acym_wrapper .acym_front_page__unsubscribe .acym_front_page__unsubscribe__lists__container ul
{
    margin-left : 0;
}


#acym_wrapper .acym_front_page__unsubscribe input[type=checkbox]
{
    margin-left : 0;
}


.acym_front_page__unsubscribe__lists__actions
{
    text-align : right;
}


#acym_wrapper .acym_front_page .acymodifybutton,
#acym_wrapper .acym_front_page__unsubscribe .acym_front_page__unsubscribe__lists__actions
{
    left            : 0;
    right           : 0;
    bottom          : 0;
    padding         : var(--spacer) !important;
    position        : fixed;
    background      : var(--connect-teal-alpha);
    backdrop-filter : var(--blur);
    margin-bottom   : 0 !important;
    padding-left    : calc(var(--sidebar-width) + var(--spacer));
    z-index         : 10001;
    margin-left     : 0;
    max-width       : 100%;
    text-align      : right;
}


#acym_wrapper .acym_front_page__unsubscribe .acym_front_page__unsubscribe__lists__actions .acym_front_page__unsubscribe__sub-title
{
    display : none;
}


#acym_wrapper .acym_front_page__unsubscribe .acym_front_page__unsubscribe__lists__actions .button
{
    font-size   : 1rem;
    font-weight : bold;
    color       : #FFFFFF;
    margin  : 0 0 0 auto;
}


#acym_wrapper .acym_front_page__unsubscribe .acym_front_page__unsubscribe__lists__actions .button:after
{
    content : "\00a0 your email preferences";
}


#acym_wrapper .acym_front_page__unsubscribe .acym_front_page__unsubscribe__lists__actions .button-secondary
{
    background-color : var(--connect-teal-alpha) !important;
    border-color     : var(--connect-teal-alpha) !important;
}


#acym_wrapper .acym_front_page__unsubscribe .acym_front_page__unsubscribe__lists__actions .button-secondary:hover
{
    opacity : 0.8;
}


#acym_wrapper [type=text], #acym_wrapper [type=password], #acym_wrapper [type=date], #acym_wrapper [type=datetime], #acym_wrapper [type=datetime-local], #acym_wrapper [type=month], #acym_wrapper [type=week], #acym_wrapper [type=email], #acym_wrapper [type=number], #acym_wrapper [type=search], #acym_wrapper [type=tel], #acym_wrapper [type=time], #acym_wrapper [type=url], #acym_wrapper [type=color], #acym_wrapper textarea
{
    max-width : 800px;
}