/*
 * For link text on dark backgrounds
 */ 
.cns-a11y-links {
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-color: #DDD;
	margin: 0 !important;
	line-height: inherit !important;
}

/*
 * Link text on light backgrounds
 */
 
.cns-a11y-links-light-container a,
.cns-a11y-links-light {
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-color: #1E4D2B;
	margin: 0 !important;
	line-height: inherit !important;
}

/*
 * sr-only display for skip-navigation
 * this should come from a theme/bootstrap scss source but wasn't after upgrading to 6.4
 */

 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }

 .sr-only:focus {
    height: auto;
    width: auto;
    padding: 15px;
    background: cornsilk;
    position: absolute;
    top: 10px;
    left: 20px;
    display: inline-block;
    z-index: 2;
    clip: unset;
}

.sr-only a:hover, .sr-only a:focus {
    color: #09160c;
    text-decoration: underline; 
}

/*
 * CNS Footer Adaptations
*/

.mk-col-1-4:nth-child(2) .widget_nav_menu {
    padding-top: 0px !important;
}

#mk-footer .mk-svg-icon {
    fill: #FFF;
    margin: 0.2rem;
    opacity: 0.9;
    vertical-align: top;
}

#mk-footer .mk-svg-icon:hover {
    fill: #c9d845;
    opacity: 1;
}

@media only screen and (min-width: 960px) {
    .cns-elements-magazine-read-more {
        bottom: 0;
        position: absolute;
        width: 100%;
        padding-right: 30px;
    }
}

/*
 * CNS Header Adaptations
 */

.mk-header-inner {
    border-bottom: 0px !important;
}