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


:root
{
    --dark                      : #333333;
    --mid                       : #D2D2D2;
    --light                     : #F1F1F1;

    --navy                      : #12163F;
    --blue                      : #4D9BD7;
    --pink                      : #EC4063;
    --lilac                     : #5C628F;


    --strategy-and-planning     : var(--navy);
    --targeting                 : var(--pink);
    --message-development       : var(--lilac);
    --written-communications    : var(--navy);
    --direct-communications     : var(--pink);
    --other-activity            : var(--lilac);

    --bg-root                   : url(../../../images/stock/business_08.mono.jpg);
    --bg-strategy-and-planning  : url(../../../images/stock/numbers_04.mono.jpg);
    --bg-targeting              : url(../../../images/stock/numbers_02.mono.jpg);
    --bg-message-development    : url(../../../images/stock/numbers_03.mono.jpg);
    --bg-written-communications : url(../../../images/stock/numbers_06.mono.jpg);
    --bg-direct-communications  : url(../../../images/stock/numbers_01.mono.jpg);
    --bg-other-activity         : url(../../../images/stock/numbers_05.mono.jpg);

    --lilac-filters             : invert(40%) sepia(11%) saturate(1764%) hue-rotate(196deg) brightness(89%) contrast(80%);
}


.black-to-pink
{
    filter : invert(63%) sepia(98%) saturate(5381%) hue-rotate(323deg) brightness(94%) contrast(97%);
}


.black-to-lilac
{
    filter : var(--lilac-filters);
}


.sric-cat-root .jumbotron .duotone,
.sric-cat-action-areas .jumbotron .duotone
{
    background-image : var(--bg-root);
}


.sric-cat-strategy-and-planning .sric-cat,
.sric-cat-strategy-and-planning .hex.sric-cat,
.sric-cat-strategy-and-planning .hex.sric-cat:before,
.sric-cat-strategy-and-planning .hex.sric-cat:after,
.sric-cat-strategy-and-planning + .t3-mainbody .sric-cat,
.sric-cat-strategy-and-planning + .t3-mainbody .hex.sric-cat:before,
.sric-cat-strategy-and-planning + .t3-mainbody .hex.sric-cat:after,
.sric-cat-strategy-and-planning .duotone:before
{
    background-color : var(--strategy-and-planning);
    color            : #FFFFFF;
}


.sric-cat-strategy-and-planning .jumbotron .duotone
{
    background-image : var(--bg-targeting);
}


.sric-cat-targeting .sric-cat,
.sric-cat-targeting .hex.sric-cat,
.sric-cat-targeting .hex.sric-cat:before,
.sric-cat-targeting .hex.sric-cat:after,
.sric-cat-targeting + .t3-mainbody .sric-cat,
.sric-cat-targeting + .t3-mainbody .hex.sric-cat:before,
.sric-cat-targeting + .t3-mainbody .hex.sric-cat:after,
.sric-cat-targeting .duotone:before
{
    background-color : var(--targeting);
    color            : #FFFFFF;
}


.sric-cat-targeting .jumbotron .duotone
{
    background-image : var(--bg-targeting);
}


.sric-cat-message-development .sric-cat,
.sric-cat-message-development .hex.sric-cat,
.sric-cat-message-development .hex.sric-cat:before,
.sric-cat-message-development .hex.sric-cat:after,
.sric-cat-message-development + .t3-mainbody .sric-cat,
.sric-cat-message-development + .t3-mainbody .hex.sric-cat:before,
.sric-cat-message-development + .t3-mainbody .hex.sric-cat:after,
.sric-cat-message-development .duotone:before
{
    background-color : var(--message-development);
    color            : #FFFFFF;
}


.sric-cat-message-development .jumbotron .duotone
{
    background-image : var(--bg-message-development);
}


.sric-cat-written-communications .sric-cat,
.sric-cat-written-communications .hex.sric-cat,
.sric-cat-written-communications .hex.sric-cat:before,
.sric-cat-written-communications .hex.sric-cat:after,
.sric-cat-written-communications + .t3-mainbody .sric-cat,
.sric-cat-written-communications + .t3-mainbody .hex.sric-cat:before,
.sric-cat-written-communications + .t3-mainbody .hex.sric-cat:after,
.sric-cat-written-communications .duotone:before
{
    background-color : var(--written-communications);
    color            : #FFFFFF;
}


.sric-cat-written-communications .jumbotron .duotone
{
    background-image : var(--bg-written-communications);
}


.sric-cat-direct-communications .sric-cat,
.sric-cat-direct-communications .hex.sric-cat,
.sric-cat-direct-communications .hex.sric-cat:before,
.sric-cat-direct-communications .hex.sric-cat:after,
.sric-cat-direct-communications + .t3-mainbody .sric-cat,
.sric-cat-direct-communications + .t3-mainbody .hex.sric-cat:before,
.sric-cat-direct-communications + .t3-mainbody .hex.sric-cat:after,
.sric-cat-direct-communications .duotone:before
{
    background-color : var(--direct-communications);
    color            : #FFFFFF;
}


.sric-cat-direct-communications .jumbotron .duotone
{
    background-image : var(--bg-direct-communications);
}


.sric-cat-other-activity .sric-cat,
.sric-cat-other-activity .hex.sric-cat,
.sric-cat-other-activity .hex.sric-cat:before,
.sric-cat-other-activity .hex.sric-cat:after,
.sric-cat-other-activity + .t3-mainbody .sric-cat,
.sric-cat-other-activity + .t3-mainbody .hex.sric-cat:before,
.sric-cat-other-activity + .t3-mainbody .hex.sric-cat:after,
.sric-cat-other-activity .duotone:before
{
    background-color : var(--other-activity);
    color            : #FFFFFF;
}


.sric-cat-other-activity .jumbotron .duotone
{
    background-image : var(--bg-other-activity);
}


.rationalise
{
    filter : invert(1) brightness(1.5) grayscale(1);
}


.duotone
{
    position : relative;
}


.duotone:empty
{
    background-size     : cover;
    background-position : center center;
    position            : absolute;
    top                 : 0;
    right               : 0;
    bottom              : 0;
    left                : 0;
    z-index             : 1;
}


.duotone:empty + *
{
    position : relative;
    z-index  : 2;
}


.duotone:before, .duotone:after
{
    content        : '';
    display        : block;
    width          : 100%;
    height         : 100%;
    position       : absolute;
    top            : 0;
    left           : 0;
    pointer-events : none;
}


.duotone:before
{
    /*background-color : rgb(200, 200, 200);*/
    mix-blend-mode : multiply;
}


.duotone-navy:before
{
    background-color : var(--navy) !important;
}


.duotone-pink:before
{
    background-color : var(--pink) !important;
}


.duotone-lilac:before
{
    background-color : var(--lilac) !important;
    mix-blend-mode   : multiply;
}


.duotone-blue:before
{
    background-color : var(--blue) !important;
    mix-blend-mode   : multiply;
}


.duotone:after
{
    background-color : black;
    mix-blend-mode   : lighten;
}


.duotone-navy:after
{
    background-color : var(--light);
    mix-blend-mode   : multiply;
}


/*
  _                            _
 | |    __ _ _   _  ___  _   _| |_
 | |   / _` | | | |/ _ \| | | | __|
 | |__| (_| | |_| | (_) | |_| | |_
 |_____\__,_|\__, |\___/ \__,_|\__|
             |___/
 */

body, input, textarea, button, select
{
    font-family : 'Aeonik-Light', sans-serif;
}


body
{
    /*padding-top : 30px;*/
    overflow-x : hidden;
    font-size  : 16px;
}


body:before
{
    /*
        content     : 'Website under development. Please share your experience by sending questions, case studies and perspectives to Mike Tyrrell';
        display     : block;
        position    : fixed;
        background  : var(--pink);
        color       : #FFFFFF;
        top         : 0;
        width       : 100%;
        font-size   : 17px;
        padding     : 3px;
        z-index     : 101;
        text-align  : center;
        height      : 30px;
        font-family : 'Aeonik-Light', sans-serif;*/
}


.t3-sl-2
{
    display : none;
    /*TEMP*/
}


html.home .t3-sl-2,
html.view-category .t3-sl-2
{
    display : block;
    /*TEMP*/
}


img
{
    max-width : 100%;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-family : Aeonik-Bold, sans-serif;
}


h3
{
    margin-top    : 40px;
    margin-bottom : 20px;
    font-weight   : 600;
}


h3:only-child
{
    margin : 0;
}


h4
{
    font-weight : 600;
}


p, li
{
    line-height : 1.5;
    /*text-align  : justify;*/
}


li
{
    margin-bottom : 10px;
}


input[type='checkbox']:checked
{
    -webkit-filter : grayscale(100%);
}


input[type='radio']:checked
{
    -webkit-filter : grayscale(100%);
}


.navbar-default .navbar-nav > li > a
{
    color : var(--dark) !important;
}


.nav .caret
{
    border-top-color    : var(--dark) !important;
    border-bottom-color : var(--dark) !important;
}


a, nav a, article a, .t3-off-canvas .t3-off-canvas-body a
{
    color : var(--pink);
}


a:hover, a:focus
{
    color : var(--lilac);
}


.btn-primary
{
    background    : var(--pink);
    border-radius : 0;
    border        : 0;
}


.cat-children .page-header
{
    padding   : 10px 0;
    font-size : 30px;
}


.cat-children .collapse
{
    padding-left : 40px;
}


.cat-children .collapse .page-header
{
    font-size : 24px;
}


.sric-article hr
{
    border-top    : 2px solid var(--lilac);
    clear         : both;
    margin-top    : 40px;
    margin-bottom : 40px;
}


.sric-article p,
.sric-article li,
.hex-list li
{
    text-align : justify;
    font-size  : 16px;
    margin     : 0 0 10px 0;
}


.hex-list li
{
    text-align : left;
    font-size  : 18px;
}


.sric-article ol ol,
.sric-article ul ol,
.sric-article ul ul,
.sric-article ol ul
{
    margin : 10px 0;
}


/*

.sric-article ol,
.sric-article ul,
.hex-list
{
    list-style    : none;
    padding       : 0;
    margin        : 20px 0;
    counter-reset : section;
}


.sric-article ol > li,
.sric-article ul > li,
.hex-list > li
{
    padding-left : 1.75em;
    position     : relative;
}

.sric-article ol > li:before,
.sric-article ul > li:before,
.hex-list > li:before
{
    position            : absolute;
    color               : #FFFFFF;
    width               : 1.2em;
    height              : 1.1em;
    top                 : 0.04em;
    left                : 0;
    z-index             : 2;
    text-align          : center;
    line-height         : 1.2em;
    font-size           : 16px;
    background-size     : 100%;
    background-position : center center;
    background-repeat   : no-repeat;
}

.sric-article ol > li:before
{
    counter-increment : section;
    content           : counter(section);
    background-image  : url(../../../images/hex-lilac.png);

}

.sric-article ul > li:before
{
    content          : ' ';
    background-image : url(../../../images/hex-lilac.png);
}


.sric-article li ul > li:before
{
    background-image : url(../../../images/hex-lilac-outline.png);

}

.hex-list > li:before
{
    content          : ' ';
    background-image : url(../../../images/hex-white-outline.png);
}

.sric-article ol.joined > li:after,
.sric-article ul.joined > li:after
{
    content    : ' ';
    position   : absolute;
    background : var(--lilac);
    width      : 3px;
    top        : 1.5em;
    bottom     : -0.4em;
    left       : 1.0em;
    z-index    : 1;
}


.sric-article ol.joined > li:last-child:after,
.sric-article ul.joined > li:last-child:after
{
    display : none;
}


.sric-article ol > li > ul
{
    margin-top : 0;
}


.sric-article ol > li > ul > li
{
    margin-top    : 0;
    margin-bottom : 0;
}
*/

.sric-article a
{
    font-weight     : bold;
    text-decoration : underline;
}


.sric-sep
{
    margin-left    : 0.35em;
    position       : relative;
    display        : inline-block;
    width          : 0.5em;
    height         : 1em;
    vertical-align : -0.15em;
}


.sric-sep:before
{
    position     : absolute;
    content      : ' ';
    border-right : 0.125em solid #FFFFFF;
    top          : 0;
    height       : 50%;
    transform    : skew(30deg);
    display      : block;
}


.sric-sep:after
{
    position     : absolute;
    content      : ' ';
    border-right : 0.125em solid #FFFFFF;
    bottom       : 0;
    height       : 50%;
    transform    : skew(-30deg);
    display      : block;
}


.module-title
{
    text-align  : left;
    font-weight : 600;
    font-size   : 30px;
}


html .home .jumbotron
{
    background-color : #F0F0F0;
    text-align       : left;
}


.jumbotron
{
    background-color : #3A3A3A;
    text-align       : left;
    margin-bottom    : 0;
    position         : relative;
}


html .home .jumbotron p
{
    line-height : 2;
    text-align  : justify;
    font-size   : 21px;
    font-weight : 200;
}


.jumbotron h1:last-child
{
    margin-bottom : 0;
}


.sric-abs-fill
{
    display  : block;
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    left     : 0;
}


.feature-mask
{
    position : relative;
    height   : 462px;
}


.feature-mask:before
{
    content             : ' ';
    display             : block;
    background-image    : url(../../../images/hex-feature-mask.png);
    position            : absolute;
    height              : 100%;
    z-index             : 2;
    width               : 100%;
    /* left: 0; */
    background-size     : contain;
    background-position : 0 0;
    background-repeat   : no-repeat;
}


.feature-mask .feature
{
    position            : absolute;
    z-index             : 1;
    height              : 100%;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : 30vw;
}


.feature-mask .feature .container
{
    padding : 0;
}


.feature-business-01
{
    background-image : url(../../../images/stock/business_01.mono.jpg);
}


.feature-mask h3
{
    padding : 20px 0 20px 330px;
}


.feature-mask p
{
    padding : 20px 0 20px 330px;
}


.blog-featured .article-aside
{
    display : none;
}


/*
  _   _             _
 | \ | | __ ___   _| |__   __ _ _ __
 |  \| |/ _` \ \ / / '_ \ / _` | '__|
 | |\  | (_| |\ V /| |_) | (_| | |
 |_| \_|\__,_| \_/ |_.__/ \__,_|_|

 */

.t3-header, .t3-mainnav
{

    position : fixed;
    left     : 0;
    /*top      : 30px;*/
    top      : 0;
    width    : 100%;
    height   : 100px;
    border   : none;
}


.t3-header
{
    background     : var(--light);
    z-index        : 10001;
    box-shadow     : 0 0 10px rgba(0, 0, 0, 0.25);
    padding-top    : 15px;
    padding-bottom : 15px;
}


.t3-header .row
{
    position : relative;
}


.logo
{
    float : none;
}


.logo-image > a
{
    max-width  : none;
    max-height : 55px;
    position   : relative;
    display    : block;
}


.logo-image > a > img
{
    max-height : 70px;
    display    : block;
}


.t3-mainnav
{
    background     : none;
    z-index        : 10002;
    pointer-events : none;
}


.t3-mainnav + *
{
    padding-top : 99px;
}


.t3-mainnav .container
{
    position : relative;
    height   : 100%;
}


.navbar-header
{
    display : none;
}


.navbar-collapse
{
    position       : absolute;
    right          : 0;
    top            : 50%;
    transform      : translateY(-50%);
    pointer-events : auto;
}


.navbar-nav
{
    float : right;
}


menu
{
    background : #FFFFFF;
    border     : none;
}


.t3-megamenu .mega > .mega-dropdown-menu
{
    min-width     : 300px;
    border-radius : 0 !important;
    border        : none !important;
}


.navbar-default .navbar-nav > li
{

}


.navbar-default .navbar-nav > li a, .dropdown-menu a
{


}


.dropdown-submenu.open > a
{
    color : #333333 !important;
}


.navbar-default .navbar-nav > .dropdown:not(.active).open > a .caret, .navbar-default .navbar-nav > .dropdown.open > a:focus .caret
{
    border-top-color    : #333333;
    border-bottom-color : #333333;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
    background-color : transparent;
    border-bottom    : 1px solid var(--pink);
}


.dropdown-submenu > a:after
{
    border-left-color : #FFFFFF;
}


.dropdown-menu, .mega-col-nav, .t3-megamenu .mega-inner
{
    padding : 0 !important;
}


.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li > span
{
    padding : 10px 15px;
}


.t3-megamenu a > img.fas
{
    vertical-align : middle;
    height         : auto;
}


.dropdown-submenu > .dropdown-menu
{
    margin-top  : 0;
    margin-left : 0;
}


.dropdown-menu .fas
{
    width          : 32px;
    height         : 32px;
    margin-right   : 10px;
    text-align     : center;
    vertical-align : -4px;
    font-size      : 26px;
}


span.dropdown-toggle .caret
{
    color       : inherit;
    margin-left : 7px;
}


.sric-grid-wrapper
{
    margin-bottom : 30px;
    overflow      : hidden;
    background    : #F0F0F0;
}


.sric-grid-wrapper img
{
    max-width : 100%;
}


.sric-grid-wrapper-square
{
    padding-top : 100%;
    position    : relative;
}


.sric-grid-wrapper-square > div
{
    /*margin-top : -100%;*/
}


.sric-grid-wrapper-square > div > a:only-child:hover
{
    text-decoration : none;
}


.categories-module-sric-action-areas
{
    margin-top : 30px;
}


.categories-module-sric-action-areas .sric-grid-wrapper
{

}


.sric-grid-wm-title
{
    font-size      : 150px;
    letter-spacing : 20px;
    line-height    : 114px;
    color          : rgba(255, 255, 255, 0.1);
    font-weight    : 800;
    text-transform : uppercase;
    position       : absolute;
    top            : 50%;
    left           : 50%;
    transform      : translate(-50%, -50%) rotate(-30deg);
    z-index        : 1001;
    user-select    : none;
    pointer-events : none;
    transition     : all 0.3s ease;
}


.sric-grid-wrapper:hover .sric-grid-wm-title
{
    transform      : translate(-50%, -50%) rotate(-35deg);
    letter-spacing : -6px;
}


.sric-grid-title, .sric-grid-subtitle
{
    position       : absolute;
    top            : 50%;
    left           : 50%;
    transform      : translate(-50%, -50%);
    line-height    : 1.2;
    pointer-events : none;
    text-align     : center;
}


.sric-grid-title
{
    z-index     : 1002;
    color       : rgba(255, 255, 255, 1);
    font-size   : 17px;
    font-family : 'Aeonik-Light', sans-serif;
    hyphens     : none;
}


.sric-grid-subtitle
{
    font-size   : 13px;
    font-weight : 600;
}


.categories-module-sric-action-areas .mod-articles-categories-introtext
{
    display    : none;
    position   : absolute;
    left       : 10px;
    right      : 10px;
    text-align : left;
    bottom     : 10px;
    color      : rgba(255, 255, 255, 1);
}


.categories-module-sric-action-areas .mod-articles-categories-introtext p
{
    line-height   : 1.65 !important;
    font-size     : 13px !important;
    margin-bottom : 0;
    text-align    : left;
}


.sric-cat
{
    color : #FFFFFF;
}


.sric-cat-action-areas .sric-cat
{
    background : #3A3A3A;
}


#t3-content > .blog-wrap:first-child
{
    margin-top : -40px;
}


.blog-wrap
{

    padding-left  : 50vw;
    padding-right : 50vw;
    margin-left   : -50vw;
    margin-right  : -50vw;
    background    : var(--light);
}


.blog-wrap h4:only-child
{
    margin-top    : 30px;
    margin-bottom : 30px;
}


.blog
{
    padding : 20px 0;
    margin  : 40px 0;
}


.blog .item
{
    padding       : 260px 10px 10px;
    box-shadow    : 0 0 5px rgba(0, 0, 0, 0.1);
    text-align    : left;
    margin-bottom : 30px;
}


.items-row .article-intro
{
    padding-bottom : 20px;
}


.items-row .readmore a
{
    position : absolute;
    bottom   : 50px;
    right    : 26px;
}


.sric-toolbox
{
    position        : fixed;
    bottom          : 0;
    left            : 0;
    right           : 0;
    background      : rgba(0, 0, 0, 0.25);
    backdrop-filter : blur(3px);
    padding         : 15px 0;
    z-index         : 10001;

    display         : none;
}


.sric-toolbox .row > *
{
    padding : 0 15px;
}


.sric-toolbox a, .sric-toolbox button
{
    padding     : 0 10px;
    background  : #FFFFFF;
    text-align  : center;
    display     : block;
    width       : 100%;
    height      : 36px;
    line-height : 36px;
    position    : relative;
    margin      : 0;
    font-size   : 12px;
    white-space : nowrap;
}


.sric-toolbox a i, .sric-toolbox button i
{
    display           : none;
    position          : absolute;
    font-size         : 18px;
    left              : 0;
    top               : 50%;
    transform         : translateY(-50%);
    /*background-image  : url(../../../images/hex_grey.png);
    background-size   : contain;
    color             : #FFFFFF;*/
    background-repeat : no-repeat;
    height            : 30px;
    width             : 40px;
    line-height       : 30px;
    text-indent       : -6px;
    text-align        : center;
    opacity           : 0.5;
}


.sric-toolbox a:hover i, .sric-toolbox button:hover i
{
    opacity : 1;
}


.sric-button
{
    position      : relative;
    background    : #FFFFFF;
    color         : #404040;
    padding       : 0 15px;
    height        : 24px;
    line-height   : 24px;
    display       : inline-block;
    margin        : 0 6px;
    border        : none;
    border-radius : 0;
}


.sric-button:hover
{
    text-decoration : none;
}


.sric-button:before, .sric-button:after
{
    content            : ' ';
    position           : absolute;
    width              : 12px;
    top                : 0;
    height             : 24px;
    border-top         : 12px solid transparent;
    border-bottom      : 12px solid transparent;
    border-left-style  : solid;
    border-right-style : solid;
    border-left-color  : transparent;
    border-right-color : transparent;
    border-left-width  : 8px;
    border-right-width : 8px;
}


.sric-button:before
{
    border-left-color : #FFFFFF;
    left              : 100%;
}


.sric-button:after
{
    border-right-color : #FFFFFF;
    right              : 100%;
}


.sric-button-large
{
    height      : 36px;
    line-height : 36px;
}


.sric-button-large:before, .sric-button-large:after
{
    width              : 18px;
    height             : 36px;
    border-top         : 18px solid transparent;
    border-bottom      : 18px solid transparent;
    border-left-width  : 12px;
    border-right-width : 12px;
}


.sric-toolbox .sric-button:before, .sric-toolbox .sric-button:after
{
    width              : 18px;
    height             : 36px;
    border-top         : 18px solid transparent;
    border-bottom      : 18px solid transparent;
    border-left-width  : 12px;
    border-right-width : 12px;
}


.sric-button.sric-button-cta
{
    background : var(--navy);
    color      : #FFFFFF;
}


.sric-button.sric-button-cta:before
{
    border-left-color : var(--navy);
}


.sric-button.sric-button-cta:after
{
    border-right-color : var(--navy);
}


.sric-button.sric-button-cta:hover
{
    background : var(--lilac);
}


.sric-button.sric-button-cta:hover:before
{
    border-left-color : var(--lilac);
}


.sric-button.sric-button-cta:hover:after
{
    border-right-color : var(--lilac);
}


.sric-accordion-title,
.sric-accordion-content
{
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    -webkit-transform           : translateZ(0);
    transform                   : translateZ(0);
    -webkit-transition          : all 0.2s;
    transition                  : all 0.2s;
}


.sric-accordion-title
{
    cursor             : pointer;
    z-index            : 101;
    margin             : 0 !important;
    width              : 100%;
    -webkit-transition : none;
    transition         : none;
}


.sric-accordion-title > span
{
    display  : block;
    position : relative;
}


.sric-accordion-title > span:before, .sric-accordion-title > span:after
{
    display    : block;
    content    : ' ';
    position   : absolute;
    right      : 10px;
    top        : 50%;
    transform  : translate(50%, -50%);
    background : #FFFFFF;
    width      : 16px;
    height     : 2px;
}


.sric-accordion-title > span:after
{
    transform  : translate(50%, -50%) rotate(-90deg);
    transition : transform 0.3s ease;
}


.sric-accordion-toggle:checked + .sric-accordion-title > span:after
{
    transform : translate(50%, -50%) rotate(0);
}


.sric-accordion-toggle
{
    display : none;
}


.sric-accordion-content
{
    max-height : 0;
    overflow   : hidden;
    position   : relative;
    margin     : -12px -8px 0;
    padding    : 0 8px;
    z-index    : 100;
}


.sric-accordion-content > div
{
    padding-top      : 12px;
    background-color : #EEEEEE;
    padding-bottom   : 10px;
}


.sric-accordion-content:before, .sric-accordion-content:after
{
    content            : ' ';
    position           : absolute;
    width              : 12px;
    top                : -12px;
    bottom             : 0;
    border-bottom      : 12px solid transparent;
    border-left-style  : solid;
    border-right-style : solid;
    border-left-color  : transparent;
    border-right-color : transparent;
    border-left-width  : 8px;
    border-right-width : 8px;
}


.sric-accordion-content:before
{
    border-right-color : #EEEEEE;
    left               : -8px;

}


.sric-accordion-content:after
{
    border-left-color : #EEEEEE;
    right             : -8px;

}


.sric-accordion-toggle:checked + .sric-accordion-title + .sric-accordion-content
{
    max-height : 60vh;
    overflow-y : auto;
}


.sric-directory-description
{
    line-height : normal;
    text-align  : left;
}


.sric-directory img
{
    display       : block;
    max-width     : 100%;
    max-height    : 80px;
    padding       : 10px;
    background    : #FFFFFF;
    border-radius : 3px;
    margin        : 10px auto;
}


.sric-directory p
{
    line-height   : normal;
    margin-bottom : 10px;
}


.tags.inline
{
    list-style    : none;
    padding       : 0;
    margin-bottom : 20px;
}


.tags.inline > li
{
    display        : inline-block;
    padding-right  : 6px;
    padding-bottom : 6px;
}


.tags.inline > li > a
{
    font-size        : 13px;
    padding          : 4px 10px 3px;
    font-weight      : normal;
    border-radius    : 2px;
    background-color : var(--pink);
    transform        : skew(-30deg);
    display          : inline-block;
}


.tags.inline > li > a:hover
{

    background-color : var(--lilac);
}


.tags.inline > li > a.active
{

    background-color : #333333;
}


.tags.inline > li > a > span
{
    transform : skew(30deg);
    display   : inline-block;
}


.sric-video-wrapper
{
    position    : relative;
    overflow    : hidden;
    width       : 100%;
    /*padding-top : 66.5%;*/
    padding-top : 76.3%;
    margin      : 30px 0 50px;
}


.sric-video-wrapper:only-child
{
    width        : auto;
    margin-right : -300px;
}


section:only-of-type > .sric-video-wrapper:only-child
{
    padding-left  : 50vw;
    margin        : 0 calc(-50vw - 300px) 0 -50vw;
    background    : var(--dark);
    padding-right : 50vw;
    border-top    : 20px solid var(--dark);
    border-bottom : 40px solid var(--dark);
}


/* Then style the iframe to fit in the container div with full height and width */
.sric-video-wrapper > iframe
{
    position : absolute;
    top      : 0;
    left     : 0;
    bottom   : 0;
    right    : 0;
    width    : 100%;
    height   : 100%;
}


.blog .article-title
{
    height : 0;
}


.blog .article-title a
{
    color    : #FFFFFF;
    position : absolute;
    width    : 100%;
    height   : 100%;
    display  : block;
    top      : 0;
    left     : 0;
    z-index  : 1;
    padding  : 10px 25px;
}


.blog .article-intro .item-image
{
    overflow         : hidden;
    height           : 250px;
    position         : absolute;
    top              : 0;
    left             : 15px;
    right            : 15px;
    background-color : var(--blue);
}


.blog .article-intro .item-image a
{
    display : block;
    width   : 100%;
    height  : 100%;
}


.blog .item .article-intro img
{
    display   : block;
    height    : 100%;
    width     : auto;
    max-width : none;
    margin    : 0 auto;
}


.blog .item .article-intro .item-image img
{
    transition       : transform 0.3s ease;
    transform-origin : 50% 50%;
}


.blog .item .article-intro .item-image a:hover img
{
    /*transform : scale(1.25);*/
}


.blog .item .article-intro p, .blog .item .article-intro h2, .t3-off-canvas .module-title
{
    text-align : left;
    font-size  : 14px;
}


.blog .item .article-intro p, .blog .item .article-intro h2
{
    line-height : 2;
    margin-top  : 20px;
}


p > .off-canvas-toggle
{
    line-height : normal;
}


.mask
{
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    left     : 0;
    opacity  : 0.65;
    z-index  : 100;
}


.sric-bg
{
    position        : absolute;
    top             : 0;
    right           : 0;
    bottom          : 0;
    left            : 0;
    z-index         : 99;
    background-size : cover;
    filter          : saturate(0);
    opacity         : 0.5;
}


.sric-article-header
{
    overflow         : visible;
    position         : relative;
    background-color : var(--navy);
}


.sric-article-header h1
{
    font-size : 60px;
    color     : #FFFFFF;
    margin    : 100px 0 20px 0;
    position  : relative;
    z-index   : 101;
}


.sric-cat a
{
    color : #FFFFFF;
}


/*
     _        _   _                  _
    / \   ___| |_(_) ___  _ __      / \   _ __ ___  __ _ ___
   / _ \ / __| __| |/ _ \| '_ \    / _ \ | '__/ _ \/ _` / __|
  / ___ \ (__| |_| | (_) | | | |  / ___ \| | |  __/ (_| \__ \
 /_/   \_\___|\__|_|\___/|_| |_| /_/   \_\_|  \___|\__,_|___/

 */

.hex-badge
{
    display        : inline-block;
    width          : 1.2em;

    position       : relative;
    margin-right   : 0.25em;
    vertical-align : -0.2em;
    text-align     : center;
    line-height    : 1em;
}


.hex-badge label
{
    position    : absolute;
    z-index     : 101;
    top         : 50%;
    left        : 50%;
    transform   : translate(-50%, -50%);
    width       : 150%;
    max-width   : none;
    display     : block;
    font-weight : normal;
}


.hex-badge .hex
{
}


.hex-outer
{
    max-width : 375px;
    margin    : 20px auto;
}


.hex-wrap
{
    position   : absolute;
    width      : 33%;
    transition : all 0.5s ease;
    display    : block;
}


.hex-wrap:only-child
{
    position : relative;
    width    : 100%;
}


.hex-wrap:only-child .sric-grid-title
{
    display : none;
}


.hex-wrap:nth-child(1)
{
    top : 0;
}


.hex-wrap:nth-child(2), .hex-wrap:nth-child(6)
{
    top : 17.5%;
}


.hex-wrap:nth-child(3), .hex-wrap:nth-child(5)
{
    bottom : 17.5%;
}


.hex-wrap:nth-child(2), .hex-wrap:nth-child(3)
{
    left : 78%;
}


.hex-wrap:nth-child(5), .hex-wrap:nth-child(6)
{
    left : 22%;
}


.hex-wrap:nth-child(1), .hex-wrap:nth-child(4), .hex-wrap:nth-child(7)
{
    left : 50%;
}


.hex-wrap:nth-child(4)
{
    bottom : 0;
}


.hex-wrap:nth-child(7)
{
    top : 50%;
}


.hex-wrap *
{
    visibility : visible;
}


.hex-wrap
{
    /*position                    : relative;*/
    display                     : block;
    cursor                      : default;
    -webkit-backface-visibility : hidden;
    transform                   : translateX(-50%);
}


.hex-wrap:before
{
    content     : ' ';
    display     : block;
    padding-top : 88%;
}


.hex-wrap[href] .hex
{
    cursor     : pointer;
    transition : filter 0.5s ease;
}


.hex-wrap[href]:hover .hex
{
    filter : brightness(1.5);
}


.hex-wrap-title
{
    top       : 50%;
    transform : translate(-50%, -50%);
}


.hex-wrap-title .hex, .hex-wrap-title .hex-inner
{
    width : 100%;
}


.hex-wrap-title .sric-grid-title
{
    color     : #333333;
    font-size : 14px;
    width     : 90%;
}


.hex
{
    width : 56%;
}


.hex, .hex:before, .hex:after, .hex-inner
{
    display   : block;
    position  : absolute;
    transform : translate(-50%, -50%);
    top       : 50%;
    left      : 50%;
}


.hex, .hex:before, .hex:after
{
    border-radius : 15% / 9%;
    height        : 100%;
}


.hex-badge .hex, .hex-badge .hex:before, .hex-badge .hex:after
{
    background : var(--dark);

}


.hex .hex, .hex .hex:before, .hex .hex:after
{
    background : #FFFFFF;
}


.hex .hex:not(.sric-cat) .hex-inner a
{
    color : var(--dark);
}


.hex:before, .hex:after
{
    content : ' ';
    z-index : 1;
    width   : 100%;
}


.hex:before
{
    transform : translate(-50%, -50%) rotate(-60deg);
}


.hex:after
{
    transform : translate(-50%, -50%) rotate(+60deg);
}


.hex-inner
{
    position    : absolute;
    z-index     : 2;
    text-align  : center;
    font-size   : 19px;
    line-height : 1.1;
    width       : 176%;
    height      : 100%;
}


.hex-badge .hex-inner
{
    line-height : inherit;
}


.hex-inner, .hex-inner a
{
    color : #FFFFFF;
}


.hex-inner a
{
    text-decoration : none;
}


.sric-subcategories
{
    top            : 1.75%;
    bottom         : 1.75%;
    transition     : all 0.5s ease;
    transform      : scale(1);
    opacity        : 1;
    pointer-events : all;
    left           : 4.25%;
    right          : 4.25%;
}


.hex-border
{
    transform        : scale(1.05);
    transform-origin : 55% 50%;
}


.hex-border .hex, .hex-border .hex:before, .hex-border .hex:after
{
    background : #EEEEEE;
}


.sric-aspect-overviews .hex-border .hex,
.sric-aspect-overviews .hex-border .hex:before,
.sric-aspect-overviews .hex-border .hex:after
{
    background : var(--navy);
}


.sric-aspect-case-studies .hex-border .hex,
.sric-aspect-case-studies .hex-border .hex:before,
.sric-aspect-case-studies .hex-border .hex:after
{
    background : var(--pink);
}


.sric-aspect-faqs .hex-border .hex,
.sric-aspect-faqs .hex-border .hex:before,
.sric-aspect-faqs .hex-border .hex:after
{
    background : var(--lilac);
}


.sric-aspect-data .hex-border .hex,
.sric-aspect-data .hex-border .hex:before,
.sric-aspect-data .hex-border .hex:after
{
    background : var(--navy);
}


.sric-aspect-support .hex-border .hex,
.sric-aspect-support .hex-border .hex:before,
.sric-aspect-support .hex-border .hex:after
{
    background : var(--pink);
}


.sric-aspect-perspectives .hex-border .hex,
.sric-aspect-perspectives .hex-border .hex:before,
.sric-aspect-perspectives .hex-border .hex:after
{
    background : var(--lilac);
}


/*
.hex
{
    display           : block;
    background        : rgba(255, 255, 255, 0.25);
    -o-transform      : skewY(-30deg) rotate(60deg);
    -moz-transform    : skewY(-30deg) rotate(60deg);
    -webkit-transform : skewY(-30deg) rotate(60deg);
    -ms-transform     : skewY(-30deg) rotate(60deg);
    transform         : skewY(-30deg) rotate(60deg);
    overflow          : hidden;
}

.hex-inner
{
    display           : block;
    -o-transform      : rotate(-30deg);
    -moz-transform    : rotate(-30deg);
    -webkit-transform : rotate(-30deg);
    -ms-transform     : rotate(-30deg);
    transform         : rotate(-30deg);
}

.hex-inner > a
{

}


.sric-subcategories .hex-wrap
{
    z-index : 1003;
}

.sric-subcategories .sric-grid-subtitle
{
    color : #FFFFFF;
}

.sric-subcategories .hex-wrap:hover .hex, .sric-subcategories .hex-wrap-active .hex
{
    background : rgba(255, 255, 255, 1);
}

.sric-subcategories .hex-wrap:hover .sric-grid-subtitle, .sric-subcategories .hex-wrap-active .sric-grid-subtitle
{
    color : #333333;
}
*/


.hex.sric-aspect,
.hex.sric-aspect:before,
.hex.sric-aspect:after
{
    background : var(--light);
}


.hex.sric-aspect .sric-grid-title
{
    color   : var(--dark);
    /*hyphens : auto;*/
    hyphens : none;
}


/*
     _         _   _      _        ____
    / \   _ __| |_(_) ___| | ___  |  _ \ __ _  __ _  ___
   / _ \ | '__| __| |/ __| |/ _ \ | |_) / _` |/ _` |/ _ \
  / ___ \| |  | |_| | (__| |  __/ |  __/ (_| | (_| |  __/
 /_/   \_\_|   \__|_|\___|_|\___| |_|   \__,_|\__, |\___|
                                              |___/
 */

.sric-aspect- + .t3-mainbody .article-aside
{
    display : none;
}


.sric-author
{
    display : none;
}


html.view-article .sric-aspect-perspectives + #t3-mainbody .blog-wrap
{
    display : none;
}


#limit.inputbox
{
    display : none;
}


.blog-wrap + .item-page .article-aside
{
    margin-top : 30px;
}


.sric-aspect-perspectives + #t3-mainbody .item-page .article-aside
{
    margin-top     : 0;

    float          : right;
    width          : 320px;
    margin-right   : -70px;
    padding-bottom : 30px;
    margin-left    : 50px;
}


.sric-aspect-perspectives + #t3-mainbody .item-page .article-aside dl
{
    width : 100%;
}


.sric-aspect-perspectives + #t3-mainbody .item-page .article-aside dd
{
    white-space  : normal;
    padding-left : 144px;
    position     : relative;
    height       : 120px;
    font-size    : 14px;
}


.sric-aspect-perspectives + #t3-mainbody .item-page .article-aside dd strong,
.sric-aspect-perspectives + #t3-mainbody .item-page .article-aside dd a
{
    display : block;
}


.sric-aspect-perspectives + #t3-mainbody .item-page .sric-author
{
    width                 : 134px;
    height                : 120px;
    position              : absolute;
    left                  : 0;
    top                   : 0;
    display               : block;
    -webkit-mask-size     : contain;
    -webkit-mask-repeat   : no-repeat;
    -webkit-mask-position : center center;
    -webkit-mask-image    : url(../../../images/hex.png);
    mask-size             : contain;
    mask-repeat           : no-repeat;
    mask-position         : center center;
    mask-image            : url(../../../images/hex.png);
    background-size       : cover;
    background-repeat     : no-repeat;
    background-position   : center top;
}


.item-page .article-title
{
    display : none;
}


.sric-article .item-image
{
    display : none;
}


.sric-article p.highlight
{
    background-color    : var(--lilac);
    background-image    : url(../../../images/hex-edge.png);
    background-position : top right;
    background-size     : auto 100%;
    background-repeat   : no-repeat;
    margin              : 30px 0 50px -25vw;
    padding             : 20px 80px 20px calc(25vw + 60px);
}


.sric-article blockquote p.highlight
{
    border-top          : none;
    background-image    : url(../../../images/hex-edge-left.png);
    background-position : top left;
    margin              : 0 -25vw 0 0;
    padding             : 20px calc(25vw + 60px) 20px 80px;

}


.sric-article p.highlight img
{
    filter           : invert(1) brightness(2.5) grayscale(1);
    vertical-align   : middle;
    width            : auto !important;
    height           : auto !important;
    max-width        : 33%;
    max-height       : 90px;
    background-color : transparent;
}


.sric-article p.highlight img:only-of-type
{

    max-width : 100% !important;
    margin    : 0 auto !important;
}


.sric-article p.highlight img:nth-child(3n-2)
{
    display   : block;
    margin    : 0 auto 20px;
    clear     : both;
    max-width : 50%;
}


.sric-article p.highlight img:nth-child(3n-1)
{
    float : left;
}


.sric-article p.highlight img:nth-child(3n)
{
    float : right;
}


.sric-article h2,
.sric-article h3,
.sric-article h4,
.sric-article h5
{

    color       : var(--lilac);
    font-weight : 700;
    margin-top  : 30px;
}


.sric-article h2
{
    clear     : both;
    font-size : 50px;
}


.sric-article h2:first-of-type,
.sric-article .sric-section-links + h3
{
    margin-top : 0;
    clear      : none;
}


.sric-article h3
{
    /*clear     : both;*/
    font-size : 28px;
}


.sric-article h4
{
    font-size : 28px;
}


.sric-article h5
{
    font-size : 16px;
}


.sric-article blockquote
{
    font-size : 20px;
    color     : var(--lilac);
    border    : none;
}


.sric-article .sric-section-links,
.sric-article blockquote > p
{
    border-top  : 2px solid var(--lilac);
    padding-top : 20px;
}


.sric-article blockquote > p
{

    font-size   : 24px;
    line-height : 2;
    text-align  : left;
}


.sric-article blockquote > h6
{
    line-height : 1.4;
    margin      : 20px 0 0 0 !important;
    color       : var(--lilac);
    font-family : Aeonik-Regular, sans-serif;
}


.sric-article blockquote > p > img
{
    margin-top       : -22px;
    background-color : #FFFFFF;
}


.sric-article .sric-section-links,
.sric-article blockquote,
.sric-article blockquote + figcaption
{
    left         : 870px;
    padding      : 0;
    float        : right;
    clear        : right;
    margin-right : -370px;
    width        : 320px;
}


.sric-article figure blockquote p
{
    margin           : 0 auto;
    width            : 90px;
    height           : 90px;
    line-height      : 90px;
    background-color : var(--lilac);
    color            : #FFFFFF;
    border-radius    : 50%;
    font-size        : 32px;
    text-align       : center;
    font-weight      : bold;
    border-top       : none;
    padding-top      : 0;
}


.sric-article blockquote + figcaption
{
    margin-top  : -10px;
    text-align  : center;
    color       : var(--lilac);
    font-weight : bold;
    padding     : 0 100px;
}


.sric-article blockquote + figcaption > *
{
    text-align : center;
}


.sric-article figure img + figcaption
{
    margin-top    : 10px;
    margin-bottom : 30px;
    font-size     : 14px;
    color         : var(--lilac);
}


.sric-article h6
{
    line-height : 2;
    color       : #747474;
    text-align  : justify;
}


.sric-article h6:first-of-type
{
    margin-top : 60px;
}


.sric-section-links
{
    margin-bottom : 50px;
}


.sric-section-links h4
{
    margin-top : 5px;
}


.sric-section-links a
{
    display         : inline-block;
    margin-right    : 8px;
    text-decoration : none;
}


/*
   ___   __  __
  / _ \ / _|/ _|       ___ __ _ _ ____   ____ _ ___
 | | | | |_| |_ _____ / __/ _` | '_ \ \ / / _` / __|
 | |_| |  _|  _|_____| (_| (_| | | | \ V / (_| \__ \
  \___/|_| |_|        \___\__,_|_| |_|\_/ \__,_|___/
 */

.t3-off-canvas
{
    padding-top : 30px;
    width       : 320px;
    overflow-y  : auto !important;

}


.t3-off-canvas .close
{
    top : 30px;
}


.off-canvas-effect-2.t3-off-canvas
{
    z-index : 100;
}


.t3-off-canvas .sric-button
{
    margin-top : 20px;
    min-width  : 120px;
}


.t3-off-canvas .module-title
{
    text-transform : none;
    font-weight    : normal;
}


.off-canvas-search
{
    width   : 100%;
    padding : 10px;
    margin  : 0 0 20px 0;
}


.sric-off-canvas-message:not(:empty)
{
    background : var(--lilac);
    color      : #FFFFFF;
    padding    : 10px;
    margin     : 0 0 20px;
}


.sric-off-canvas-message:not(:empty):after
{
    content            : ' ';
    display            : block;
    position           : absolute;
    border-width       : 10px;
    border-style       : solid;
    border-color       : transparent;
    border-top-color   : var(--lilac);
    border-right-color : var(--lilac);
}


.t3-off-canvas .t3-off-canvas-body .sric-off-canvas-message a
{
    color           : #FFFFFF;
    text-decoration : underline;
}


.contactus-label-left
{
    font-weight : normal;
}


.fontsize8
{
    display : none;
}


.off-canvas-effect-2.off-canvas-open .t3-wrapper
{
    -webkit-transform : translate3d(320px, 0, 0);
    transform         : translate3d(320px, 0, 0);
}


.t3-off-canvas ul, .module-ct .custom > ul
{
    margin-left : 0;
    list-style  : none;
    padding     : 0;
}


.t3-off-canvas li
{
    border-top : 1px solid var(--light);
    padding    : 10px;
    position   : relative;
}


.t3-off-canvas li:last-child
{
    border-bottom : 1px solid var(--light);

}


/*
.t3-off-canvas .sric-directory li
{
    background          : url(../../../images/hex-bullet.png) no-repeat;
    background-size     : auto 20px;
    background-position : left 8px;
    padding             : 10px 10px 10px 28px;
}*/

.sric-directory li
{
    border : none;
}


.sric-directory .sric-button.hex-group-6
{
    margin : 0;
    width  : 100%;
}


#Mod106 .module-title
{
    display : none;
}


#Mod112 input[type="checkbox"]
{
    cursor   : pointer;
    position : absolute;
    width    : 20px;
    height   : 20px;
    top      : 5px;
}


#Mod112 label
{
    cursor    : pointer;
    margin    : -10px;
    padding   : 10px 10px 10px 40px;
    width     : calc(100% + 20px);
    display   : block;
    max-width : none;
}


#Mod112 li:hover label
{

    background : var(--light);
}


#Mod112 input[type="checkbox"]:checked + label
{
    background : var(--light);
}


/*
  __  __       _   _  __
 |  \/  | ___ | |_(_)/ _|
 | |\/| |/ _ \| __| | |_
 | |  | | (_) | |_| |  _|
 |_|  |_|\___/ \__|_|_|

 */

.sric-motif-wrapper
{
    position    : relative;
    overflow    : hidden;
    border      : none;
    padding-top : 30px;
}


.sric-motif-wrapper.sric-hero
{

    padding-top : 100px;
}


.sric-motif
{
    z-index           : 1;
    position          : absolute;
    transform         : scale(1.5) translate(-50%, -50%);
    pointer-events    : none;
    transform-origin  : 25% 25%;

    -webkit-animation : pulse 60s infinite ease-in-out;
    -o-animation      : pulse 60s infinite ease-in-out;
    -ms-animation     : pulse 60s infinite ease-in-out;
    -moz-animation    : pulse 60s infinite ease-in-out;
    animation         : pulse 60s infinite ease-in-out;
}


.sric-motif span
{

}


.home .sric-motif
{
    opacity : 0.5;
}


@-webkit-keyframes pulse
{
    0%
    {
        /*opacity   : 0.25;*/
        transform : scale(1.5) translate(-50%, -50%);
    }
    50%
    {
        /*opacity   : 1;*/
        transform : scale(0.5) translate(-50%, -50%);
    }
    100%
    {
        /*opacity   : 0.25;*/
        transform : scale(1.5) translate(-50%, -50%);
    }
}


@keyframes pulse
{
    0%
    {
        /*opacity   : 0.25;*/
        transform : scale(1.5) translate(-50%, -50%);
    }
    50%
    {
        /*opacity   : 1;*/
        transform : scale(0.5) translate(-50%, -50%);
    }
    100%
    {
        /*opacity   : 0.25;*/
        transform : scale(1.5) translate(-50%, -50%);
    }
}


.sric-rings-motif
{
    border-radius  : 50%;
    border         : 1px dashed rgba(255, 255, 255, 0.1);
    border-left    : none;
    border-top     : none;
    position       : absolute;
    pointer-events : none;
    left           : 50%;
    top            : 50%;
    transform      : translate(-50%, -50%);
}


.sric-rings-motif:after
{
    content     : ' ';
    display     : block;
    padding-top : 100%;
}


.tags.inline + .qa, .tags.inline + .resource
{
    margin-top : 40px;
}


.sric-qa, .sric-support, .sric-resource
{
    padding-bottom : 40px;
    border-bottom  : 1px solid var(--light);
}


.sric-qa-item, .sric-support
{
    padding-left : 70px;
    line-height  : normal;
    position     : relative;
}


.sric-qa .sric-question
{
    font-size : 26px;
}


.sric-qa-item
{
    min-height : 65px;
}


.sric-qa-item h3
{
    margin-top : 0;
}


.sric-qa-item.sric-question
{
    padding-bottom : 20px;
}


.sric-qa-item.sric-answer, .sric-qa-item.sric-answer-extended
{
    line-height : 2;
    font-weight : bold;
}


.sric-qa-item p
{
    margin-top : 0;
}


.sric-answer-extend
{
    float : right;
}


.sric-qa-item.sric-answer-extended
{
    display     : none;
    padding-top : 20px;
    clear       : both;
}


.sric-qa-item .hex-badge, .sric-qa-item q, .sric-support .hex-badge
{
    width       : 60px;
    height      : 60px;
    line-height : 60px;
    position    : absolute;
    left        : 0;
}


.sric-qa-item q
{
    font-family : Aeonik-Bold, sans-serif;
    color       : var(--pink);
    text-align  : center;
    font-size   : 50px;
}


.sric-qa-item q:before, .sric-qa-item:after
{
    content : '';
}


.sric-question .hex-badge, .sric-question q
{
    top : -11px;
}


.sric-answer .hex-badge, .sric-answer q
{

    top : -10px;
}


.sric-qa-item .hex-badge .hex-inner, .sric-support .hex-badge .hex-inner
{

    font-size   : 32px;
    font-weight : normal;
}


.sric-answer
{
    font-weight : bold;
}


.sric-support
{
    padding-top : 20px;
}


.sric-support h3
{
    margin-top : 0;
}


.sric-logo img
{
    margin-bottom : 20px;
}


.sric-logo .sric-button
{
    width   : calc(100% - 24px);
    margin  : 0 auto;
    display : block;
}


.contact h3, .contact h4, .contact h5
{
    margin-top    : 40px;
    margin-bottom : 20px;
    font-weight   : 600;
    font-size     : 24px;
}


#member-registration > fieldset:nth-child(2), #member-profile fieldset:nth-child(1) ~ fieldset
{
    display : none;
}


.login-greeting
{
    margin-top : 20px;
}


.content-category .fields-container
{
    display : none;
}


.item-page .fields-container .field-label
{
    display : none;
}


.item-page .fields-container .field-value img
{
    float      : right;
    max-width  : 320px;
    max-height : 120px;
    display    : block;
    margin     : 0 -20px 40px auto;
    transform  : translateX(50px);
}


/*
  _____           _
 |  ___|__   ___ | |_ ___ _ __
 | |_ / _ \ / _ \| __/ _ \ '__|
 |  _| (_) | (_) | ||  __/ |
 |_|  \___/ \___/ \__\___|_|

 FOOTER
*/

.t3-footer, .t3-footnav .t3-module
{
    border-top : none;
    background : none;
}


#sric-share-stripe
{
    background : var(--light);
    text-align : center;
}


#sric-share-stripe .container
{
    padding-top    : 30px;
    padding-bottom : 30px;
}


#sric-supporters
{
    background      : url('../../../images/stock/business_05.mono.jpg') no-repeat center center;
    background-size : cover;
}


#sric-supporters h3
{
    color : #FFFFFF;
}


#sric-supporters img
{
    width     : 350px;
    max-width : 100%;
    display   : block;
}


#sric-supporters p
{
    line-height : normal;
    margin      : 0;
    color       : #FFFFFF;
}


#sric-supporters a
{
    color           : #FFFFFF;
    text-decoration : underline;
}


.t3-copyright
{
    background      : var(--light);
    background-size : cover;
    color           : var(--dark);
    padding-bottom  : 80px;
    border          : none;
}


.custom-sric-footer ul
{
    list-style : none;
    padding    : 0;
}


.custom-sric-footer li
{
    margin-bottom : 15px;
}


.custom-sric-footer li a
{
    width      : calc(100% - 10px);
    box-sizing : border-box;
    font-size  : 11px;
}


div.cc-revoke
{

    left                    : auto !important;
    right                   : 1em;
    border-top-left-radius  : 0 !important;
    border-top-right-radius : 0 !important;
}


div.cc-revoke, div.cc-window.cc-banner
{
    font-family : 'Aeonik-Regular', helvetica, arial, sans-serif;
    background  : var(--navy) !important;
}


.sric-admin-edit
{
    position    : fixed;
    bottom      : 0;
    font-size   : 16px;
    background  : var(--navy);
    color       : #FFFFFF;
    left        : 1em;
    padding     : .5em;
    line-height : 1em;
    z-index     : 99999999;
}


/*
  ____                                 _
 |  _ \ ___  ___ _ __   ___  _ __  ___(_)_   _____
 | |_) / _ \/ __| '_ \ / _ \| '_ \/ __| \ \ / / _ \
 |  _ <  __/\__ \ |_) | (_) | | | \__ \ |\ V /  __/
 |_| \_\___||___/ .__/ \___/|_| |_|___/_| \_/ \___|
                |_|
 */

.grecaptcha-badge
{

    z-index : 999 !important;
    bottom  : 50px !important;
}


@media (min-width : 768px)
{

    .logo
    {
        float : left;
    }

    .sric-strapline
    {
        position    : absolute;
        top         : 50%;
        left        : 450px;
        right       : 0;
        transform   : translateY(-50%);
        text-align  : right;
        padding-top : 0;
    }

    .sric-grid-title
    {
        font-size : 22px;
    }

    .hex-wrap-title .sric-grid-title
    {
        font-size : 22px;
    }

    .sric-toolbox a i, .sric-toolbox button i
    {
        display : block;
    }

    .hex-outer
    {
        margin : 0 auto;
    }

    .blog .items-row
    {
        display           : -webkit-box;
        display           : -webkit-flex;
        display           : -ms-flexbox;
        display           : flex;
        -webkit-flex-wrap : wrap;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap;
    }

    .blog .items-row > [class*='col-']
    {
        display                : -webkit-box;
        display                : -webkit-flex;
        display                : -ms-flexbox;
        display                : flex;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        -webkit-flex-direction : column;
        -ms-flex-direction     : column;
        flex-direction         : column;
    }

    .blog .item
    {
        height     : 100%;
        padding    : 260px 10px 10px;
        box-shadow : 0 0 5px rgba(0, 0, 0, 0.1);
        background : #FFFFFF;
    }

    .jumbotron
    {
        padding-bottom : 30px;
        padding-top    : 30px;
        min-height     : 375px;
    }

    .categories-module-sric-action-areas .mod-articles-categories-introtext
    {
        display : block;
    }

    .categories-module-sric-action-areas .sric-grid-title
    {
        top : 42%;
    }
}


@media screen and (min-width : 991px)
{
    .logo a
    {
        background : none;
    }

    .sric-grid-title
    {
        font-size : 30px;
    }

    .hex-wrap-title .sric-grid-title
    {
        font-size : 30px;
    }


    .sric-article
    {
        padding-right : 300px;
        position      : relative;
    }

    .sric-toolbox a, .sric-toolbox button
    {
        font-size : 14px;
    }


    .sric-section-links a
    {
        display      : block;
        padding      : 0 0 5px 0;
        margin-right : 0;
    }

    .sric-section-links a[data-h='H4']
    {
        padding : 0 0 5px 20px;
    }

}


@media screen and (min-width : 1200px)
{
    .categories-module-sric-action-areas .sric-grid-title
    {
        font-size : 50px;
    }

    .sric-toolbox .row > *
    {
        padding : 0 50px;
    }

    .custom-sric-footer li a
    {
        font-size : 14px;
    }
}