:root {
    --plus-ci-colour: #115740;
}

/****************************************************************************
 * Set the DEFAULT FONT
 ****************************************************************************/
body {
    font-family: Arial, sans-serif;
    color: #484848;
}

body.lok_load_sidebar #content {
    flex-flow: row wrap;
}


/*****************************************************************************
Added temporary to make the links more visible
*****************************************************************************/
body div.post_content a {
    color: var(--plus-ci-colour);
    text-decoration: underline;
}

/*
* News & Events
*/
body div.single_news_detail a,
div.event_details_wrapper a {
    color: var(--plus-ci-colour);
    text-decoration: underline;
}


body div.post_content a:focus {
    color: white;
    text-decoration: underline;
    background: var(--plus-ci-colour);
}

/*
* News & Events
*/
body div.single_news_detail a:focus,
div.event_details_wrapper a:focus {
    color: white;
    text-decoration: underline;
    background: var(--plus-ci-colour);
}


/*****************************************************************************
Text over image link modifications
*****************************************************************************/
body .lok_text_over_image_wrapper div.post_content a {
    color: white;
    text-decoration: none;
}

body .lok_text_over_image_wrapper div.post_content a:hover,
body .lok_text_over_image_wrapper div.post_content a:focus {
    text-decoration: underline;
}

/*****************************************************************************
Gallery 4*4 link modifications
*****************************************************************************/
.lok_gallery_with_text.gallery_4_4 a {
    color: white;
    text-decoration: none;
}

/*****************************************************************************
Gallery with link modifications (accessibility)
*****************************************************************************/
figure.gallery-item a:focus img {
    border: 5px solid var(--plus-ci-colour);
}




/****************************************************************************
 * Default Headline Settings
 ****************************************************************************/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, sans-serif;
    line-height: 1.2;
}

.h1,
.h2,
h1,
h2 {
    font-weight: 700;
    margin-bottom: 2rem;
}

.h3,
.h4,
h3,
h4 {
    margin-bottom: 1rem;
}

.h1,
h1 {
    font-size: 1.75rem;
}

.h2,
h2 {
    font-size: 1.75rem;
}

.h3,
h3 {
    font-size: 1.375rem;
    font-weight: 700;
}

.h4,
h4 {
    font-size: 1.25rem;
}

.h5,
h5 {
    font-size: 1.125rem;
}

.h6,
h6 {
    font-size: 1rem;
}


.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    color: #adadad;
}

/****************************************************************************
 * Default Font Settings
 ****************************************************************************/
p {
    line-height: 1.7;
    margin-bottom: 1.5rem;
}


/****************************************************************************
 * Links
 ****************************************************************************/
a,
a:visited {
    color: inherit;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

a:focus,
a:hover {
    color: var(--plus-ci-colour);
}

a:focus-within {
    color: white;
    text-decoration: underline;
    text-decoration-color: inherit;
    /*background: linear-gradient(gray 5%, #80808000 5%, #80808000 95%, gray 95%);*/
    background-color: var(--plus-ci-colour);
}

body .wp-block-button__link {
    background-color: var(--plus-ci-colour);
    color: white !important;
    text-decoration: none !important;
}

/* A C C E S S I B I L I T Y*/
/*****************************************************
topbar quickmenu color on tab(focus)
*****************************************************/
.topbar .lok_slider_quickmenu a:focus {
    color: white;
    text-decoration-color: white;
    background: var(--plus-ci-colour);
}

.ratio_33_67 .lok_text a:focus-within {
    color: white;
    text-decoration-color: white;
}

/* menu */
.menu li a:focus-within {
    background-color: var(--plus-ci-colour);
    color: white;
}

.menu li:focus-within a {
    text-decoration: none;
}


/*language button*/

span.wpml-ls-native {
    background-color: white;
}

#lang_sel_list span {
    padding: 0.4rem;
}

#lang_sel_list:focus-within span {
    color: var(--plus-ci-colour);
    outline: 3px solid var(--plus-ci-colour);
    background: white;
}

#lang_sel_list i {
    font-size: 1.4rem;
}

/* search button*/
.topbar a.lok_search_button:focus-within {
    -webkit-text-stroke: 1px var(--plus-ci-colour);
    background: none;
    color: var(--plus-ci-colour);
}

/* quick link */
.topbar .lok_btn_quicklink:focus-within {
    -webkit-text-stroke: 1px var(--plus-ci-colour);
    background: none;
    color: var(--plus-ci-colour);
}


/*breadcrumbs*/
.typo_breadcrumbs_wrapper .typo_breadcrumbs>a:focus {
    background-color: var(--plus-ci-colour);
    color: white;
}


/* Slider button*/
button.slick-arrow:focus {
    border-color: var(--plus-ci-colour);
    width: 4rem;
    height: 4rem;
    border-width: 0.5rem;
}


/*slider logo*/
a.slider_logo:focus img {
    outline: 4px solid var(--plus-ci-colour);
}

a.slider_logo:focus {
    background: none;
}

/*topbar menu logo*/
.topbar a.logo_wrapper:focus img {
    outline: 4px solid var(--plus-ci-colour);
    background-color: white;
}

/*slider dots*/
ul.slick-dots li.slick-active:focus-within {
    outline: 2px solid var(--plus-ci-colour);
}

/*slider image*/
.slick_wrapper .slick_slide img:focus {
    height: 99%;
    width: 99%;
}

/*footer social media logo*/
.footer .socialmenu a:focus img {
    outline: 2px solid var(--plus-ci-colour);
    background-color: white !important;
}


/* search suggestions */
ul#lok_search_suggestions li.selected {
    background-color: var(--plus-ci-colour);
    color: white;
}

/****************************************************************************
 * Button
 ****************************************************************************/
.button,
.button:visited,
a.button,
a.button:visited,
.button.disabled,
.button[disabled] {
    background-color: transparent;
    padding: 0 0.5rem 0 0;
    color: inherit;
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    margin: 0;
}

.button:hover,
.button:focus,
a.button:hover,
a.button:focus,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:focus,
.button[disabled]:hover {
    color: var(--plus-ci-colour);
    background-color: transparent;
    text-decoration: underline;
    text-decoration-color: inherit;
}

a.button.call_to_action:focus {
    color: white;
    text-decoration: underline;
    background: var(--plus-ci-colour);
}


.white_color .button:hover,
.white_color .button:focus,
.white_color a.button:hover,
.white_color a.button:focus,
.white_color .button.disabled:focus,
.white_color .button.disabled:hover,
.white_color .button[disabled]:focus,
.white_color .button[disabled]:hover,
.typo_slider_section .button:hover,
.typo_slider_section .button:focus,
.typo_slider_section a.button:hover,
.typo_slider_section a.button:focus,
.typo_slider_section .button.disabled:focus,
.typo_slider_section .button.disabled:hover,
.typo_slider_section .button[disabled]:focus,
.typo_slider_section .button[disabled]:hover {
    color: inherit;
}

.button:after,
a.button:after {
    content: '';
    position: absolute;
    right: -0.5rem;
    ;
    left: auto;
    bottom: 0;
    height: 0.75rem;
    width: 0.75rem;
    border: 2px solid var(--plus-ci-colour);
    border-left: none;
    border-bottom: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 100%;
}

.white_color .button:after,
.white_color a.button:after,
.typo_slider_section .button:after,
.typo_slider_section a.button:after {
    border-color: #FFFFFF;
}

/****************************************************************************
 * Set the Content Title Settings
 ****************************************************************************/
.content_title>* {
    position: relative;
    left: -8.333%;
}

.post_content .content_title>*,
.slider_content_inner .content_title>* {
    left: 0;
}

.content_title>*:first-child:not(.content_title_element),
.content_title>*:nth-child(2) {
    position: relative;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.content_title.big_title>*:first-child:last-child:not(.content_title_element),
.content_title.big_title>*:nth-child(2):last-child,
.content_title>*:nth-child(3):last-child {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 2rem;
}


.content_title>.content_title_element {
    position: relative;
    flex: 0 0 8.333%;
    height: 1.2rem;
    max-width: 8.333%;
}

.content_title>.content_title_element:after {
    content: '';
    position: absolute;
    left: 0.9375rem;
    right: 0;
    width: auto;
    top: 50%;
    height: 0.375rem;
    background-color: var(--plus-ci-colour);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider_content_inner .content_title>.content_title_element,
.content_title.big_title .content_title_element {
    display: none;
}

.slider_content_inner .content_title>.content_title_element:after,
.content_title.big_title .content_title_element:after {
    content: none;
}

.content_title.row {
    justify-content: flex-end;
}

.content_title>*.columns {
    flex: 0 0 91.666%;
    max-width: 91.666%;
}

.content_title.text-center>*.columns,
.slider_content_inner .content_title>*.columns {
    flex: 0 0 100%;
    max-width: 100%;
    left: 0;
}

.post_content .content_title.row {
    justify-content: flex-start;
}


/****************************************************************************
 * Handle text overflow in content (31-05-21) - LOK
 ****************************************************************************/
/* .columns.post_content > h1, h2, h3, h4, h5, h6, p {
    word-break: break-all;
} */

/****************************************************************************
 * Facts-Listing
 ****************************************************************************/
.facts li {
    font-size: 1.25rem;
    list-style: none;
    padding: .9375rem;
}

.facts .val {
    display: block;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
}

.facts .label {
    display: block;
    font-size: .875em;
    font-weight: 400;
    background-color: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
    color: inherit;
    opacity: .75;
    line-height: 1;
}


span.entries_count>span {
    font-size: .75em;
    padding: 0.1rem 0.15rem;
    background: #80808024;
    color: inherit;
    border: 1px solid #d3d3d3;
    border-radius: 0.2rem;
    align-self: center;
    position: relative;
    bottom: 0.1rem;
}

span.entries_count a {
    text-decoration: none !important;
}


aside .typo_sidebar_heading {
    font-size: 1.25em;
    color: var(--plus-ci-colour);
    font-weight: bold;
    padding: 0.5rem 0rem 0.2rem 0.15rem;
    border-bottom: 1px solid;
    text-align: center;
    margin: 0rem 0.5rem 0.5rem 0.5rem;
}


.typo-back-button a {
    background-color: #80808024;
    padding: 0.5rem;
    border-radius: 0.2rem;
    border: 1px solid #80808066;
}

.typo-back-button a:focus {
    border: 1px solid var(--plus-ci-colour);
    background-color: var(--plus-ci-colour);
    text-decoration: none;
}


.typo-visually-hidden {
    position: absolute;
    clip-path: inset(1px 1px 1px 1px);
    height: 1px;
    width: 1px;
}

.typo-dash {
    margin: 0rem 0.15rem;
}

@media screen and (min-width: 40em) {

    /****************************************************************************
     * Default Headline Settings
     ****************************************************************************/
    .h1,
    h1 {
        font-size: 2.5rem;
    }

    .h2,
    h2 {
        font-size: 2.5rem;
    }

    .h3,
    h3 {
        font-size: 1.75rem;
    }

    .h4,
    h4 {
        font-size: 1.5rem;
    }

    .h5,
    h5 {
        font-size: 1.25rem;
    }

    .h6,
    h6 {
        font-size: 1.125rem;
    }

    /****************************************************************************
     * Set the Content Title Settings
     ****************************************************************************/
    .content_title.big_title>*:first-child:last-child:not(.content_title_element),
    .content_title.big_title>*:nth-child(2):last-child,
    .content_title>*:nth-child(3):last-child {
        font-size: 2.5rem;
    }
}


@media screen and (min-width: 64em) {

    /****************************************************************************
     * Default Headline Settings
     ****************************************************************************/
    .h1,
    h1 {
        font-size: 3.25rem;
    }

    .h2,
    h2 {
        font-size: 3.25rem;
    }

    .h3,
    h3 {
        font-size: 2.25rem;
    }

    .h4,
    h4 {
        font-size: 1.75rem;
    }

    /****************************************************************************
     * Set the Content Title Settings
     ****************************************************************************/
    .content_title>* {
        left: 0;
    }

    .content_title.big_title>*:first-child:last-child:not(.content_title_element),
    .content_title.big_title>*:nth-child(2):last-child,
    .content_title>*:nth-child(3):last-child {
        font-size: 3.25rem;
    }
}


@media screen and (max-width: 40em) {

    /****************************************************************************
    * Added by Lokesh to make this responsive
    *****************************************************************************/
    .content_section.demo_tabs .facts .val {
        font-size: 1.5em;
    }


    /****************************************************************************
    * Added by Lokesh -- Because default WP button styling for mobile devices with 
    * fixed width was very bad.
    *****************************************************************************/
    .wp-block-buttons>.wp-block-button.wp-block-button__width-25,
    .wp-block-buttons>.wp-block-button.wp-block-button__width-50,
    .wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
        width: auto;
    }

    .wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
        width: 100%;
    }

}