/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
   SKRTJ.SE | NYKOPING 3.0 | STYLES NY v2
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* FONT */

/* GLOBAL | COLORS =========== */

/*
    rgb(42 55 104 / var(--tw-bg-opacity)); <- original green
    rgb(42 55 104 / var(--tw-bg-opacity)); <- darker green
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*, html, body, div, a, p, h1, h2, h3, h4, h5, h6, strong, body div, body p {
    font-family: "Montserrat", serif !important;
}

body {
    background-color: white;
}

/* New roo 21-08-23 */
#header_new {
    --tw-bg-opacity: 1;
    background-color: rgb(42 55 104 / var(--tw-bg-opacity));
}


    #header_new div, .a-link, #header_new .a-link {
        color: #fff !important;
        border-color: #fff !important;
    }

        #header_new div > span > span {
            color: #000 !important;
        }

.header-autocomplete-wrap button {
    --tw-bg-opacity: 1;
    background-color: rgb(42 55 104 / var(--tw-bg-opacity));
}

    .header-autocomplete-wrap button span {
        color: #fff !important;
    }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #fff;
}

.hamburger:hover {
    color: #fff;
}

#menuwrap {
    border-style: none; /* Initial state - no border */
    transition: border-color 0.2s, background-color 0.2s; /* Smooth transition */
}

    #menuwrap:hover {
        background-color: rgb(42, 55, 104) !important; /* Background color on hover */
        border-style: double !important; /* Change border style on hover */
        border-color: white !important; /* Border color on hover */
        border-width: 2px; /* Set border width for better visibility */
    }

/*.header-autocomplete-wrap button svg:hover {
    color: #fff;
}*/

/*.fill-current {
    --tw-bg-opacity: 1;
    fill: rgb(42 55 104 / var(--tw-bg-opacity)) !important;
}*/

#sktj-search-btn-main, #sktj-search-btn-header {
    color: #000 !important;
}

.startpage-image {
    height: 33rem;
}

@media (max-width: 768px) {
    .startpage-image {
        height: 16rem;
    }
}

@media (max-width: 768px) {
    .spl-top, .spl-top:hover {
        --tw-bg-opacity: 1;
        height: 3rem;
        background-color: rgb(42 55 104 / var(--tw-bg-opacity));
        color: #fff !important;
    }

        .spl-top:hover, .spl-top a:hover {
            --tw-bg-opacity: 1;
            background-color: white;
            color: #fff !important;
        }
}

@media(min-width: 767px) {
    .spl-top-container, .svg-container {
        display: none;
    }
}

@media(min-width: 767px) {
    .searchheader-skrtj {
        display: none;
    }
}

@media(max-width: 768px) {
    .searchbar-skrtj {
        display: none;
    }
}

.header-logos .header-logo-small img {
    min-width: 6rem;
}

.index-push .text {
    color: #000 !important;
}

#mega-menu a:hover, mega-menu h2:hover {
    color: #2a3868;
}

@media (min-width: 1024px) {
    .header-logos {
        width: 16rem;
    }



    .maxieheight {
        max-height: 80px;
    }

    #head-content-wrap {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.pre-footer {
    --tw-bg-opacity: 1;
    background-color: rgb(42 55 104 / var(--tw-bg-opacity));
    padding-top: 2rem;
    padding-bottom: 4rem;
}

    .pre-footer h2, .pre-footer p {
        color: #fff !important;
    }

.skrtj-links {
    margin-left: 1.5rem;
    color: #fff;
    display: none;
}

.skrtj-phone-links {
    color: #fff;
    --tw-bg-opacity: 1;
    background-color: rgb(42 55 104 / var(--tw-bg-opacity));
    display: block;
}

@media(min-width: 1025px) {
    .skrtj-links {
        display: block;
    }

    .skrtj-phone-links {
        display: none;
    }
}

.circle {
    border-radius: 50%;
    overflow: hidden;
    width: 10em;
    height: 10rem;
    background-color: #fff;
    margin-right: 0.5rem;
}

.spl-bottom:hover {
    color: #000;
}

/* end new roo 21-08-23 */
.block-title {
    background: #2a3868;
}

    .block-title.red {
        background: #e8412c !important;
    }

    .block-title.yellow {
        background: #e8412c !important;
    }

    .block-title.green {
        background: rgb(42 55 104 / var(--tw-bg-opacity));
        !important;
        color: #000;
    }

    .block-title.lightblue {
        background: #729cb8 !important;
    }

a {
    color: #2a3868;
}

    a:hover {
        color: #fff;
    }

        h1 a:hover, h2 a:hover,
        h3 a:hover, h4 a:hover,
        a:hover h1, a:hover h2,
        a:hover h3, a:hover h4 {
            color: #fff;
        }

#mega-menu a:hover, #mega-menu h2:hover {
    color: #2a3868 !important;
}


a.icon-link:before {
    color: #e8412c;
}

a.icon-link:hover {
    color: #e8412c !important;
}

    a.icon-link:hover:before {
        color: #e8412c !important;
    }

a.icon-link.pdf:before,
a.icon-link.youtube:before {
    color: #e8412c;
}

a.icon-link.facebook:before,
a.icon-link.instagram:before,
a.icon-link.twitter:before {
    color: #729cb8;
}

.btn-text {
    background: #729cb8;
}

    .btn-text:hover {
        background: #2a3868;
    }

.scroll-up-btn {
    --tw-bg-opacity: 1;
    color: rgb(42 55 104 / var(--tw-bg-opacity));
}

.page-nav li a.active,
.page-nav li a.active:hover {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    border: 1px solid rgb(42 55 104 / var(--tw-bg-opacity));
    ;
    color: #000;
}

.switch-btn {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}


/* COLOR ====================== */

.bg-logoblå {
    --tw-bg-opacity: 1;
    background-color: rgb(42 55 104 / var(--tw-bg-opacity));
}

.bg-logoröd {
    --tw-bg-opacity: 1;
    background-color: rgb(224 49 27 / var(--tw-bg-opacity));
}

.bg-logogul {
    --tw-bg-opacity: 1;
    background-color: rgb(251 226 22 / var(--tw-bg-opacity));
}

/* FORM ====================== */
.form .asterix {
    color: #e8412c;
}


/* HEADER ==================== */
#header {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    height: 120px;
    color: #000;
}

.header-logo {
    width: 340px;
    margin: 10px 0 0 0;
}



.header-top-menu {
    border: 1px solid rgba(255,255,255,0.2);
}

    .header-top-menu a:hover,
    a.header-sites-btn:hover:after {
        color: #2a3868;
    }

#lb-sites .menu .close {
    background: #0a4595;
}

.header-search-btn {
    top: 60px;
}

    .header-search-btn:after {
        color: #fff;
    }

    .header-search-btn:hover .text,
    .header-search-btn:hover:after {
        color: #2a3868;
    }

#lb-search .search-btn {
    --tw-bg-opacity: 1;
    color: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}


/* MAIN MENU ================= */
.main-menu {
    background: #2a3868;
}

.main-nav {
    padding: 0 18px 0 22px;
}

    .main-nav a .arrow:before {
        border-top: 11px solid #2a3868;
    }


/* LB SITES (LBS) ============ */
#lb-sites .menu .links a:hover {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #fff;
    color: #000;
}

    #lb-sites .menu .links a:hover:after {
        color: #fff;
    }

#lb-sites .menu .close {
    background: #2a3868 !important;
}

    #lb-sites .menu .close:hover {
        background: #e8412c !important;
    }


/* LB SEARCH ================= */
#lb-search .box {
    height: 70px;
    padding: 15px 0 15px 60px;
}

#lb-search .close:hover {
    color: #e8412c;
}

#lb-search .search-btn:hover {
    color: #2a3868;
}


/* PORT MENU ================= */
.port-menu {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}

.port-menu-btn:hover .icon:before,
.port-menu-btn:hover .icon:after {
    border-color: #fff;
}

.port-menu .toggle:before,
.port-menu .toggle:after {
    background: #729cb8;
}

.port-menu-btn,
.port-main-nav,
.port-main-nav a {
    background: #2a3868;
}

    .port-main-nav ul a:hover {
        border-color: #2a3868;
    }

    .port-main-nav ul .toggle:hover:before,
    .port-main-nav ul .toggle:hover:after {
        background: #2a3868 !important;
    }



    .port-main-nav > li.active-parent > .toggle-row a {
        background: #2a3868;
    }

        .port-main-nav > li.active-parent > .toggle-row a:hover {
            background: #2a3868 !important;
        }

    .port-main-nav > li > a:hover,
    .port-main-nav > li > .toggle-row a:hover {
        color: #fff !important;
    }

    .port-main-nav > li.active-parent > .toggle-row .toggle:before,
    .port-main-nav > li.active-parent > .toggle-row .toggle:after,
    .port-main-nav > li.active > .toggle-row .toggle:before,
    .port-main-nav > li.active > .toggle-row .toggle:after {
        background: #c8dac9 !important;
    }

    .port-main-nav ul {
        background: #f0f0f0;
    }

        .port-main-nav ul > li.active > a,
        .port-main-nav ul > li.active > .toggle-row a {
            border-color: #e8412c;
        }

        .port-main-nav ul li.active,
        .port-main-nav ul li.active-parent,
        .port-main-nav ul li.active ul,
        .port-main-nav ul li.active-parent ul {
            background: #f8f8f8 !important;
        }

.port-plus-nav li.sites a .toggle:before,
.port-plus-nav li.sites a .toggle:after {
    background: #fff;
}

.port-plus-nav > li > a:hover:before,
.port-plus-nav li.sites ul a:hover:before {
    color: #2a3868;
}

.port-nav-footer .close:before { /*font:27px/27px 'Open Sans'; border-color:#2a3868; color:#2a3868;*/
}



/* SLIDER ==================== */


/* WIDE SLIDER =============== */
.wide-slider .text {
    background: rgba(0,0,0,0.7);
    color: #fff;
    transition: background 0.3s;
}

    .wide-slider .text h1,
    .wide-slider .text h2 {
        color: #fff !important;
    }

    .wide-slider .text .link {
        --tw-bg-opacity: 1;
        color: rgb(42 55 104 / var(--tw-bg-opacity));
    }

    .wide-slider .text:hover {
        background: rgba(0,0,0,0.8);
        color: #fff;
    }

        .wide-slider .text:hover h1,
        .wide-slider .text:hover h2 {
            color: #fff !important;
        }

        .wide-slider .text:hover .link {
            color: rgb(42 55 104 / var(--tw-bg-opacity));
            !important;
        }


/* SLIDER | CAROUSEL ========================== */

.slider[class*="carousel"] .push:hover .text h3 {
    color: #2a3868;
}

.slider[class*="carousel"] .push .foot .more {
    color: #2a3868;
}

.slider[class*="carousel"] .slick-prev:hover:before,
.slider[class*="carousel"] .slick-next:hover:before {
    --tw-bg-opacity: 1;
    color: rgb(42 55 104 / var(--tw-bg-opacity));
}

.slick-dots li button:hover:before,
.slick-dots li.slick-active button:before {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}



/* GRID | INTRO BOXES ======== */
.intro-boxes {
    display: flex;
    display: -ms-flexbox;
    flex-flow: row wrap;
    height: 100%;
}

    .intro-boxes .link-box {
        height: 100%;
    }

    .intro-boxes .col-1 {
        order: 1;
    }

    .intro-boxes .col-2 {
        order: 2;
    }

    .intro-boxes .col-3 {
        order: 3;
        text-align: center;
    }


/* LINK BOX ================== */
.link-box .head {
    background: #2a3868;
}

.link-box.toplinks .head {
    background: #2a3868 !important;
    color: #000;
}

.link-box .head h3 {
    color: #000;
}

.link-box.toplinks .head h3 {
    color: #fff;
}

.link-box .body ul li a:hover {
    color: #2a3868 !important;
}


/* INDEX PUSH BOX ============ */
.index-push-box {
    max-width: 100%;
}

.index-push-nav .foot a,
.index-push-nav .foot a:hover {
    color: #2a3868 !important;
}


/* BANNER ==================== */
.banner {
    max-width: 400px;
    margin: 0 auto;
}


/* BCA | NAV ================= */
.bca-nav ul li a {
    color: #000;
}

    .bca-nav ul li a:hover {
        --tw-bg-opacity: 1;
        color: rgb(42 55 104 / var(--tw-bg-opacity));
    }


/* BCA | ICON MENU =================== */
.bca-icon-menu ul li a {
    color: #000;
}

    .bca-icon-menu ul li a:hover {
        --tw-bg-opacity: 1;
        color: rgb(42 55 104 / var(--tw-bg-opacity));
    }

.bca-icon-menu a.icon.easytoread::after {
    background: url(../images/icon-lattlast-red.png) no-repeat;
    background-size: auto auto;
    background-size: 18px 38px;
}

.bca-icon-menu a.icon.contact::after {
    color: #2a3868;
}


/* SUB NAV =================== */
.sub-nav a:hover {
    color: #000;
    background-color: white !important;
    border-color: white !important;
}

.sub-nav .toggle:hover:before,
.sub-nav .toggle:hover:after {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}

.sub-nav > ul > li.active > a,
.sub-nav > ul > li.active > .toggle-row a {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    border-color: #e8412c !important;
    color: #000;
}

/*.sub-nav li.active a:hover {
    --tw-bg-opacity: 1;
    color: #fff !important;
}*/

.sub-nav > ul > li.active-parent > .toggle-row a {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}

    .sub-nav > ul > li.active-parent > .toggle-row a:hover,
    .sub-nav > ul > li.active > a:hover,
    .sub-nav > ul > li.active > .toggle-row a:hover {
        background: rgb(42 55 104 / var(--tw-bg-opacity)) !important;
        color: #000;
    }

.sub-nav li.active-parent .toggle:before,
.sub-nav li.active-parent .toggle:after,
.sub-nav li.active .toggle:before,
.sub-nav li.active .toggle:after {
    background: #c8dac8;
}

.sub-nav ul ul .toggle:hover:before,
.sub-nav ul ul .toggle:hover:after {
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    !important;
    color: #000;
}

.sub-nav > ul ul > li.active > a,
.sub-nav > ul ul > li.active > .toggle-row a {
    border-color: #e8412c;
    color: #e8412c;
}




/* SUB MAIN ================== */
.sub-main a {
    color: #2a3868;
}

.sub-main ul li:before {
    color: #2a3868;
}

.sub-main a:hover,
.main-box a:hover,
.contact-box a:hover,
.share-print-box .btn-print:hover:after {
    /*color: #e8412c !important;*/
}

.sub-main a.btn-text:hover {
    color: #fff !important;
}

.has-children > .toggle-row > a:hover {
    border-color: #2a3868 !important;
}

.has-children > .sub-level li > a {
    background-color: #f2f2f2 !important;
}

    .has-children > .sub-level li > a:hover {
        border-color: #dedede !important;
        background-color: #dedede !important;
        color: #000 !important;
    }


/* MB | CONFIRMATION BOX ===== */
.confirm-box .btn-text {
    background: #729cb8 !important;
    color: #000 !important;
}

    .confirm-box .btn-text:hover {
        background: #2a3868 !important;
        color: #fff !important;
    }


/* MB | SHARE PRINT BOX ========= */
.share-print-box .btn-share,
.share-print-box .btn-print:after {
    color: #729cb8;
}


/* CONTACT BOX ================= */
.contact-box .content .head:after {
    color: #2a3868;
}

.toggle-box.contact .head {
    background: #2a3868;
}

.toggle-box.contact .body {
    /*background: rgba(114,156,184,0.3);*/
    background-color: #fff;
}

/* TOGGLE BOX | DOC ========== */
.toggle-box.red .head,
.toggle-box.document .head {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}

.toggle-box.document .body .wide-btn.icon.download:before,
.toggle-box.document .body .wide-btn:hover,
.toggle-box.document .body .wide-btn:hover:after {
    --tw-bg-opacity: 1;
    color: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}


/* --------------------------------------------------------------------------  
   FOOTER MENU
--------------------------------|----------------------------------------- */

.footer-menu {
    atext-align: center; /* What!? */
}

#footer-menu-a .row > div {
    min-height: 1px !important;
    padding-bottom: 40px !important;
}

.footer-menu [class*="col-"] > div {
    position: relative;
    margin: 0 auto;
    text-align: left;
}

.footer-menu .col-1 > div {
    width: 180px;
}

.footer-menu .col-2 > div {
    width: 150px;
}

.footer-menu .col-3 > div {
    width: 180px;
}

.footer-menu a.icon:before {
    --tw-bg-opacity: 1;
    color: rgb(42 55 104 / var(--tw-bg-opacity));
}

.footer-menu .row a:hover {
    color: rgb(42 55 104 / var(--tw-bg-opacity));
    !important;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* Default to 4 columns */
    gap: 1rem; /* Adjust the gap as needed */
}

/* For screens smaller than 1024px */
@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)); /* Change to 2 columns */
    }
}

/* For screens smaller than 640px */
@media (max-width: 640px) {
    .footer-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)); /* Change to 1 column */
    }
}


/*.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}*/


/* --------------------------------------------------------------------------  
   FOOTER BOTTOM
--------------------------------|----------------------------------------- */

.footer-bottom {
    background: #fff;
    color: #fff;
    color: #000;
}

    .footer-bottom a {
        color: #000 !important;
        text-decoration: underline;
    }

        .footer-bottom a:hover {
            --tw-bg-opacity: 1;
            color: rgb(42 55 104 / var(--tw-bg-opacity));
        }

    .footer-bottom .col.info {
        padding-right: 30px;
    }

    .footer-bottom .row.contact {
        padding: 18px 0 0;
    }

    .footer-bottom .row.links {
        margin: 0 !important;
        padding: 25px 0 0;
        text-align: left;
    }

    .footer-bottom .col.logo {
        padding: 0;
        text-align: center;
    }

    .footer-bottom .footer-logo {
        max-width: 170px;
    }


/* ========================================================================== 
   RESPONSIVE 
================================|========================================= */

@media screen and (max-width: 1320px) {

    .header-logo {
        margin: 10px 0 0 19px;
    }

    .main-nav a {
        font: 600 18px/21px 'Open Sans';
    }
}

@media screen and (max-width: 1200px) {

    /*   
.main-nav                       { padding:0; }
*/

}

@media screen and (max-width: 1120px) {

    #header {
        height: 110px;
    }

    .header-logo {
        width: 311px;
        margin: 9px 0 0 19px;
    }

    .header-search-btn {
        top: 55px;
    }

    #lb-search .box {
        height: 60px;
        padding: 10px 0 10px 60px;
    }
}

@media screen and (max-width: 1024px) {

    #header {
        height: 100px;
    }

    .header-logo {
        width: 280px;
        margin: 9px 0 0 20px;
    }

    .header-top-menu,
    .header-search-btn,
    #lb-search .box {
        top: 25px;
    }

    .wide-slider .text h1,
    .wide-slider .text h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 960px) {

    .contact-box .row.colspace {
        margin: 0 -20px;
    }

        .contact-box .row.colspace > .col,
        .contact-box .row.colspace > [class*="-col"],
        .contact-box .row.colspace > [class*="col-"] {
            padding-left: 20px;
            padding-right: 20px;
        }

    .contact-box .content .col {
        width: 50%;
    }
}

@media screen and (max-width: 880px) {

    .intro-boxes .col-1,
    .intro-boxes .col-2 {
        padding-bottom: 40px;
    }

    .intro-boxes .col-3 {
        padding-bottom: 10px;
    }

    .footer-menus .inner-wrap {
        padding: 0 3%;
    }

    #footer-menu-a .row > div {
        min-height: 240px;
    }

    .footer-bottom .col.info {
        padding-right: 0;
    }

    .footer-bottom .col.logo {
        padding: 30px 0 0;
    }
}

@media screen and (max-width: 800px) {


    #header {
        height: 90px;
    }

    .header-logo {
        width: 260px;
        margin: 6px 0 0 20px;
    }

    .header-top-menu,
    .header-search-btn,
    #lb-search .box {
        top: 20px;
    }
}

@media screen and (max-width: 640px) {

    .footer-menu .col-1 > div {
        width: 320px;
        text-align: center;
    }

        .footer-menu .col-1 > div a {
            text-align: left;
        }
}

@media screen and (max-width: 560px) {


    #header {
        height: 70px;
    }

    .header-logo {
        width: 200px;
        margin: 6px 0 0 20px;
    }

    .header-top-menu,
    .header-search-btn {
        top: 10px;
    }

    #lb-search .box {
        top: 10px;
        width: 100%;
        height: 50px;
        padding: 5px 0 5px 50px;
    }

    .intro-boxes .col-1 {
        padding-bottom: 20px;
    }

    .intro-boxes .col-2 {
        padding-bottom: 40px;
    }

    .intro-boxes .col-3 {
    }
}

@media screen and (max-width: 440px) {

    .contact-box .content .col {
        width: 100%;
    }

    .footer-menu .col-1 > div {
        width: 320px;
        text-align: center;
    }

        .footer-menu .col-1 > div a {
            text-align: left;
        }

        .footer-menu .col-1 > div,
        .footer-menu .col-1 > div a,
        .footer-menu .col-2 > div,
        .footer-menu .col-3 > div {
            width: 180px;
            text-align: left;
        }
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
   FOCUS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.wide-slider .text:focus .link {
    color: rgb(42 55 104 / var(--tw-bg-opacity));
    !important;
}

.slider[class*="carousel"] .slick-prev:focus:before,
.slider[class*="carousel"] .slick-next:focus:before {
    opacity: 1;
    color: rgb(42 55 104 / var(--tw-bg-opacity));
    !important;
}

.slick-dots li button:focus:before {
    --tw-bg-opacity: 1;
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}

.sub-main .article-push:focus h3,
.article-push:focus h3,
.article-push .title:focus h3 {
    color: #e8412c !important;
}

.sub-main a:focus,
.main-box a:focus,
.contact-box a:focus,
.share-print-box .btn-print:focus:after {
    color: #e8412c !important;
}

a.btn-text:focus,
.sub-main a.btn-text:focus,
.main-box a.btn-text:focus,
.contact-box a.btn-text:focus {
    color: #fff !important;
}

.form .btn-text:focus,
.main-box .btn-text:focus,
.contact-box .btn-text:focus,
.switch-btn:focus {
    background: #2a3868 !important;
}

#lb-search .close:focus {
    color: #e8412c !important;
}

#lb-search .search-btn:focus {
    color: #fbe216;
}

.port-menu ul ul .toggle:focus:before,
.port-menu ul ul .toggle:focus:after {
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    !important;
    color: #000;
}

.sub-nav > ul > li.active-parent > .toggle-row > .toggle:focus:before,
.sub-nav > ul > li.active-parent > .toggle-row > .toggle:focus:after,
.sub-nav > ul > li.active > .toggle-row > .toggle:focus:before,
.sub-nav > ul > li.active > .toggle-row > .toggle:focus:after {
    background: #fff !important;
}

.sub-nav > ul ul > li.active > a:hover
{
    background: #dedede !important;
}

.sub-nav ul .toggle:focus:before,
.sub-nav ul .toggle:focus:after,
.sub-nav .sub-level .toggle:focus:before,
.sub-nav .sub-level .toggle:focus:after {
    background: rgb(42 55 104 / var(--tw-bg-opacity));
    !important;
    color: #000;
}


.form .cb-rb label:focus span {
    background: #e8412c !important;
}

.page-nav li a.active:focus {
    border: 1px solid rgb(42 55 104 / var(--tw-bg-opacity));
    ;
}

/* Fix - bör lösas snyggare på sikt */
/*.link-box #pushModuleOrange {background: #729cb8}*/ /* för länkmodul på startsida */
.footer-image {
    display: none;
}

.main-nav a {
    color: #fff !important;
}

.fullwidth-board {
    --tw-bg-opacity: 1;
    background-color: rgb(42 55 104 / var(--tw-bg-opacity));
    /*color: #fff !important;*/
    color: #000 !important;
}

    .fullwidth-board .link, .fullwidth-board .text, .fullwidth-board h2 {
        color: #fff;
        color: #000;
    }

.index-push, .index-push.image .text {
    --tw-bg-opacity: 1;
    background-color: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #000;
}

.sub-nav > ul > li.active > a, .sub-nav > ul > li.active > .toggle-row a {
    color: #fff !important;
}

.sub-nav > ul > li.active-parent > .toggle-row a {
    color: #fff !important;
}

#lblforlink2 {
    color: #fff !important;
}


.port-menu-btn .text,
.port-menu a,
.port-menu,
.port-menu .toggle,
.port-menu .toggle::before,
.port-menu .toggle::after,
.port-menu-btn .icon::before,
.port-menu-btn .icon::after {
    color: #fff !important;
    border-color: #fff !important;
    vborder-color: transparent !important;
}


    .port-menu .toggle::before, .port-menu .toggle::after {
        background-color: #fff;
    }

.toggle-row a {
    border-color: #2a3868 !important;
}

.sub-level a {
    border-color: #dedede !important;
}

.sub-level .toggle::before, .sub-level .toggle::after {
    background-color: #2a3868 !important;
}

.port-main-nav > li.active > a, .port-main-nav > li.active > .toggle-row a {
    background-color: #2a3868 !important;
}

.sub-level li.active, .sub-level li.active a {
    background-color: #f0f0f0 !important;
}

.not-touch .port-menu .toggle:hover::before, .not-touch .port-menu .toggle:hover::after,
.not-touch .port-main-nav ul .toggle:hover::before, .not-touch .port-main-nav ul .toggle:hover::after {
    background-color: #000 !important;
}

h1, h2, h3, h4, h5, h6, .index-push .text, .main-nav a, .link-box .head h3, .index-push-box .text, .skrtjfont,
.port-menu-btn .text, .port-menu a, .port-menu, .port-menu .toggle, .port-menu .toggle::before, .port-menu .toggle::after, .port-menu-btn .icon::before, .port-menu-btn .icon::after {
    /*font-family: 'BertholdAGMedium', Arial, sans-serif !important;*/
    /*font-family: 'Noto Sans', sans-serif !important;*/
}

/*.header-top-menu a,
a.header-sites-btn::after,
.header-search-btn .text,
.header-search-btn::after,
.footer-bottom a,
.fullwidth-board h2:hover,
.fullwidth-board a:hover,
.fullwidth-board .link:hover,
.fullwidth-board:hover {
    color: #000 !important;
}
*/
.port-plus-nav,
.port-plus-nav li,
.port-plus-nav li a,
.port-nav-footer .close,
.port-nav-footer,
.port-nav-footer .close::before,
.not-touch .port-plus-nav > li > a:hover::before {
    color: #000 !important;
    border-color: #000 !important;
}

.one-card > div > a > div {
    --tw-bg-opacity: 1;
    background-color: rgb(42 55 104 / var(--tw-bg-opacity)) !important;
}

.port-plus-nav > li > a::before,
.index-push::after {
    color: rgba(0,0,0,0.7);
}

    .port-plus-nav > li > a::before:hover,
    .port-plus-nav > li > a:hover::before,
    body .not-touch .port-plus-nav > li > a:hover::before {
        color: #000 !important;
    }


.font-heading, .font-headingRegular, h1, h2, h3, h4, h5, h6 {
    font-feature-settings: normal;
    font-variant-numeric: oldstyle-nums;
}


#kontakt {
    margin-top: 2rem;
}

.breadcrumb-area {
    margin-top: 7.5rem !important; /* Default for large devices */
}

/* Medium devices (up to 768px) */
@media (max-width: 1024px) { /* Adjusted for medium size */
    .breadcrumb-area {
        margin-top: 4.5rem !important;
    }
}

/* Small devices (up to 768px) */
@media (max-width: 768px) {
    .breadcrumb-area {
        margin-top: 7.5rem !important;
    }
}

.searchheader-skrtj .awesomplete li {
    padding-left: 3rem !important;
}

.awesomplete > ul {
    width: 100% !important;
    margin-left:0 !important;
}

/*
    colors.
    rgb(42 55 104 / var(--tw-bg-opacity));; <-old green | new green-> rgb(42 55 104 / var(--tw-bg-opacity)); */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
   SKRTJ.SE | NYKOPING 3.0 | STYLES NY
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 


 GLOBAL | COLORS =========== 

.block-title {
    background: #2a3868;
}

    .block-title.red {
        background: #e8412c !important;
    }

    .block-title.yellow {
        background: #e8412c !important;
    }

    .block-title.green {
        background: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
    }

    .block-title.lightblue {
        background: #729cb8 !important;
    }

a {
    color: #2a3868;
}

    a:hover {
        color: #e8412c;
    }

        h1 a:hover, h2 a:hover,
        h3 a:hover, h4 a:hover,
        a:hover h1, a:hover h2,
        a:hover h3, a:hover h4 {
            color: #e8412c;
        }


    a.icon-link:before {
        color: #e8412c;
    }

    a.icon-link:hover {
        color: #e8412c !important;
    }

        a.icon-link:hover:before {
            color: #e8412c !important;
        }

    a.icon-link.pdf:before,
    a.icon-link.youtube:before {
        color: #e8412c;
    }

    a.icon-link.facebook:before,
    a.icon-link.instagram:before,
    a.icon-link.twitter:before {
        color: #729cb8;
    }

.btn-text {
    background: #729cb8;
}

    .btn-text:hover {
        background: #2a3868;
    }

.scroll-up-btn {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}

.page-nav li a.active,
.page-nav li a.active:hover {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
    border: 1px solid rgb(42 55 104 / var(--tw-bg-opacity));;
}

.switch-btn {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}


 FORM ====================== 
.form .asterix {
    color: #e8412c;
}


 HEADER ==================== 
#header {
    background: #2a3868;
}

.header-logo {
    width: 311px;
    margin: 9px 0 0 0;
}

.header-top-menu {
    border: 1px solid rgba(255,255,255,0.2);
}

    .header-top-menu a:hover,
    a.header-sites-btn:hover:after {
        color: #fbe216;
    }

#lb-sites .menu .close {
    background: #0a4595;
}


.header-search-btn:after {
     --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
}

.header-search-btn:hover:after {
    color: #fbe216;
}

#lb-search .search-btn {
     --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
}


 MAIN MENU ================= 
.main-menu {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}

.main-nav {
    padding: 0 18px 0 22px;
}

    .main-nav a .arrow:before {
        border-top: 11px solid rgb(42 55 104 / var(--tw-bg-opacity));;
    }


 LB SITES (LBS) ============ 
#lb-sites .menu .links a:hover {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
    color: #fff;
}

    #lb-sites .menu .links a:hover:after {
        color: #fbe216;
    }

#lb-sites .menu .close {
    background: #2a3868 !important;
}

    #lb-sites .menu .close:hover {
        background: #e8412c !important;
    }


 LB SEARCH ================= 
#lb-search .close:hover {
    color: #e8412c;
}

#lb-search .search-btn:hover {
    color: #fbe216;
}


 PORT MENU ================= 
.port-menu {
    background: #2a3868;
}

.port-menu-btn:hover .icon:before,
.port-menu-btn:hover .icon:after {
    border-color: #fff;
}

.port-menu .toggle:before,
.port-menu .toggle:after {
    background: #c8dac9;
}

.port-menu-btn,
.port-main-nav,
.port-main-nav a {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}

    .port-main-nav ul a:hover {
        border- --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
    }

    .port-main-nav ul .toggle:hover:before,
    .port-main-nav ul .toggle:hover:after {
        background: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
    }

    .port-main-nav > li.active > a,
    .port-main-nav > li.active > .toggle-row a {
         --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
        border-color: #e8412c;
    }

    .port-main-nav > li.active-parent > .toggle-row a {
         --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
    }

        .port-main-nav > li.active-parent > .toggle-row a:hover {
            background: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
        }

    .port-main-nav > li > a:hover,
    .port-main-nav > li > .toggle-row a:hover {
        color: #fff !important;
    }

    .port-main-nav > li.active-parent > .toggle-row .toggle:before,
    .port-main-nav > li.active-parent > .toggle-row .toggle:after,
    .port-main-nav > li.active > .toggle-row .toggle:before,
    .port-main-nav > li.active > .toggle-row .toggle:after {
        background: #c8dac9 !important;
    }

    .port-main-nav ul {
        background: #f0f0f0;
    }

        .port-main-nav ul > li.active > a,
        .port-main-nav ul > li.active > .toggle-row a {
            border-color: #e8412c;
        }

        .port-main-nav ul li.active,
        .port-main-nav ul li.active-parent,
        .port-main-nav ul li.active ul,
        .port-main-nav ul li.active-parent ul {
            background: #f8f8f8 !important;
        }

.port-plus-nav li.sites a .toggle:before,
.port-plus-nav li.sites a .toggle:after {
    background: #fff;
}

.port-plus-nav > li > a:hover:before,
.port-plus-nav li.sites ul a:hover:before {
     --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
}

.port-nav-footer .close:hover:before {
    border- --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
     --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
}


 SLIDER ==================== 


 WIDE SLIDER =============== 
.wide-slider .text {
    background: rgba(0,0,0,0.7);
    color: #fff;
    transition: background 0.3s;
}

    .wide-slider .text h1,
    .wide-slider .text h2 {
        color: #fff !important;
    }

    .wide-slider .text .link {
         --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
    }

    .wide-slider .text:hover {
        background: rgba(0,0,0,0.8);
        color: #fff;
    }

        .wide-slider .text:hover h1,
        .wide-slider .text:hover h2 {
            color: #fff !important;
        }

        .wide-slider .text:hover .link {
            color: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
        }


 SLIDER | CAROUSEL ========================== 

.slider[class*="carousel"] .push:hover .text h3 {
    color: #2a3868;
}

.slider[class*="carousel"] .push .foot .more {
    color: #2a3868;
}

.slider[class*="carousel"] .slick-prev:hover:before,
.slider[class*="carousel"] .slick-next:hover:before {
     --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
}

.slick-dots li button:hover:before,
.slick-dots li.slick-active button:before {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}



 GRID | INTRO BOXES ======== 
.intro-boxes {
    display: flex;
    display: -ms-flexbox;
    flex-flow: row wrap;
}

    .intro-boxes .col-1 {
        order: 1;
    }

    .intro-boxes .col-2 {
        order: 2;
    }

    .intro-boxes .col-3 {
        order: 3;
        text-align: center;
    }


 LINK BOX ================== 
.link-box .head {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}

.link-box.toplinks .head {
    background: #729cb8;
}

.link-box .head h3 {
    color: #000;
}

.link-box.toplinks .head h3 {
    color: #fff;
}

.link-box .body ul li a:hover {
    color: #2a3868 !important;
}


 INDEX PUSH BOX ============ 
.index-push-box {
    max-width: 100%;
}

.index-push-nav .foot a,
.index-push-nav .foot a:hover {
    color: #2a3868 !important;
}


 BANNER ==================== 
.banner {
    max-width: 400px;
    margin: 0 auto;
}


 BCA | NAV ================= 
.bca-nav ul li a {
    color: #000;
}

    .bca-nav ul li a:hover {
         --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
    }


 BCA | ICON MENU =================== 
.bca-icon-menu ul li a {
    color: #000;
}

    .bca-icon-menu ul li a:hover {
         --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
    }

.bca-icon-menu a.icon.easytoread::after {
    background: url(../images/icon-lattlast-red.png) no-repeat;
    background-size: auto auto;
    background-size: 18px 38px;
}

.bca-icon-menu a.icon.contact::after {
    color: #2a3868;
}


 SUB NAV =================== 
.sub-nav a:hover {
    border- --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
}

.sub-nav .toggle:hover:before,
.sub-nav .toggle:hover:after {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}

.sub-nav > ul > li.active > a,
.sub-nav > ul > li.active > .toggle-row a {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
    border-color: #e8412c;
}

.sub-nav > ul > li.active-parent > .toggle-row a {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}

    .sub-nav > ul > li.active-parent > .toggle-row a:hover,
    .sub-nav > ul > li.active > a:hover,
    .sub-nav > ul > li.active > .toggle-row a:hover {
        background: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
        border-color: #e8412c !important;
    }

.sub-nav li.active-parent .toggle:before,
.sub-nav li.active-parent .toggle:after,
.sub-nav li.active .toggle:before,
.sub-nav li.active .toggle:after {
    background: #c8dac8;
}

.sub-nav ul ul .toggle:hover:before,
.sub-nav ul ul .toggle:hover:after {
    background: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
}

.sub-nav > ul ul > li.active > a,
.sub-nav > ul ul > li.active > .toggle-row a {
    border-color: #e8412c;
    color: #e8412c;
}


 SUB MAIN ================== 
.sub-main a {
    color: #2a3868;
}

.sub-main ul li:before {
    color: #2a3868;
}

.sub-main a:hover,
.main-box a:hover,
.contact-box a:hover,
.share-print-box .btn-print:hover:after {
    color: #e8412c !important;
}

.sub-main a.btn-text:hover {
    color: #fff !important;
}


 MB | CONFIRMATION BOX ===== 
.confirm-box .btn-text {
    background: #729cb8 !important;
}

    .confirm-box .btn-text:hover {
        background: #2a3868 !important;
        color: #fff !important;
    }


 MB | SHARE PRINT BOX ========= 
.share-print-box .btn-share,
.share-print-box .btn-print:after {
    color: #729cb8;
}


 CONTACT BOX ================= 
.contact-box .content .head:after {
    color: #2a3868;
}

.toggle-box.contact .head {
    background: #2a3868;
}

.toggle-box.contact .body {
    background: rgba(114,156,184,0.3);
}

 TOGGLE BOX | DOC ========== 
.toggle-box.red .head,
.toggle-box.document .head {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}

.toggle-box.document .body .wide-btn.icon.download:before,
.toggle-box.document .body .wide-btn:hover,
.toggle-box.document .body .wide-btn:hover:after {
     --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
}


 --------------------------------------------------------------------------  
   FOOTER MENU
--------------------------------|----------------------------------------- 

.footer-menu {
    atext-align: center;  What? 
}

#footer-menu-a .row > div {
    min-height: 1px !important;
    padding-bottom: 40px !important;
}

.footer-menu [class*="col-"] > div {
    position: relative;
    margin: 0 auto;
    text-align: left;
}

.footer-menu .col-1 > div {
    width: 180px;
}

.footer-menu .col-2 > div {
    width: 150px;
}

.footer-menu .col-3 > div {
    width: 180px;
}

.footer-menu a.icon:before {
     --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
}

.footer-menu .row a:hover {
    color: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
}


 --------------------------------------------------------------------------  
   FOOTER BOTTOM
--------------------------------|----------------------------------------- 

.footer-bottom {
    background: #2a3868;
    color: #fff;
}

    .footer-bottom a {
        color: #fff !important;
    }

        .footer-bottom a:hover {
             --tw-bg-opacity: 1; color: rgb(42 55 104 / var(--tw-bg-opacity));
        }

    .footer-bottom .col.info {
        padding-right: 30px;
    }

    .footer-bottom .col.logo {
        padding: 0;
    }

    .footer-bottom .footer-logo {
        max-width: 300px;
    }


 ========================================================================== 
   RESPONSIVE 
================================|========================================= 

@media screen and (max-width: 1320px) {

    .header-logo {
        margin: 9px 0 0 19px;
    }

    .main-nav a {
        font: 600 18px/21px 'Open Sans';
    }
}

@media screen and (max-width: 1200px) {

       
.main-nav                       { padding:0; }


}

@media screen and (max-width: 1024px) {

    #header {
        height: 100px;
    }

    .header-logo {
        width: 280px;
        margin: 9px 0 0 20px;
    }

    .header-top-menu,
    .header-search-btn,
    #lb-search .box {
        top: 25px;
    }

    .wide-slider .text h1,
    .wide-slider .text h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 960px) {

    .contact-box .row.colspace {
        margin: 0 -20px;
    }

        .contact-box .row.colspace > .col,
        .contact-box .row.colspace > [class*="-col"],
        .contact-box .row.colspace > [class*="col-"] {
            padding-left: 20px;
            padding-right: 20px;
        }

    .contact-box .content .col {
        width: 50%;
    }
}

@media screen and (max-width: 880px) {

    .intro-boxes .col-1,
    .intro-boxes .col-2 {
        padding-bottom: 40px;
    }

    .intro-boxes .col-3 {
        padding-bottom: 10px;
    }

    .footer-menus .inner-wrap {
        padding: 0 3%;
    }

    #footer-menu-a .row > div {
        min-height: 240px;
    }

    .footer-bottom .col.info {
        padding-right: 0;
    }

    .footer-bottom .col.logo {
        padding: 30px 0 0;
    }
}

@media screen and (max-width: 800px) {


    #header {
        height: 90px;
    }

    .header-logo {
        width: 260px;
        margin: 6px 0 0 20px;
    }

    .header-top-menu,
    .header-search-btn,
    #lb-search .box {
        top: 20px;
    }
}

@media screen and (max-width: 640px) {

    .footer-menu .col-1 > div {
        width: 320px;
        text-align: center;
    }

        .footer-menu .col-1 > div a {
            text-align: left;
        }
}

@media screen and (max-width: 560px) {


    #header {
        height: 70px;
    }

    .header-logo {
        width: 200px;
        margin: 6px 0 0 20px;
    }

    .header-top-menu,
    .header-search-btn {
        top: 10px;
    }

    #lb-search .box {
        top: 10px;
        width: 100%;
        height: 50px;
        padding: 5px 0 5px 50px;
    }

    .intro-boxes .col-1 {
        padding-bottom: 20px;
    }

    .intro-boxes .col-2 {
        padding-bottom: 40px;
    }

    .intro-boxes .col-3 {
    }
}

@media screen and (max-width: 440px) {

    .contact-box .content .col {
        width: 100%;
    }

    .footer-menu .col-1 > div {
        width: 320px;
        text-align: center;
    }

        .footer-menu .col-1 > div a {
            text-align: left;
        }

        .footer-menu .col-1 > div,
        .footer-menu .col-1 > div a,
        .footer-menu .col-2 > div,
        .footer-menu .col-3 > div {
            width: 180px;
            text-align: left;
        }
}


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
   FOCUS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 

.wide-slider .text:focus .link {
    color: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
}

.slider[class*="carousel"] .slick-prev:focus:before,
.slider[class*="carousel"] .slick-next:focus:before {
    opacity: 1;
    color: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
}

.slick-dots li button:focus:before {
     --tw-bg-opacity: 1; background: rgb(42 55 104 / var(--tw-bg-opacity));
}

.sub-main .article-push:focus h3,
.article-push:focus h3,
.article-push .title:focus h3 {
    color: #e8412c !important;
}

.sub-main a:focus,
.main-box a:focus,
.contact-box a:focus,
.share-print-box .btn-print:focus:after {
    color: #e8412c !important;
}

a.btn-text:focus,
.sub-main a.btn-text:focus,
.main-box a.btn-text:focus,
.contact-box a.btn-text:focus {
    color: #fff !important;
}

.form .btn-text:focus,
.main-box .btn-text:focus,
.contact-box .btn-text:focus,
.switch-btn:focus {
    background: #2a3868 !important;
}

#lb-search .close:focus {
    color: #e8412c !important;
}

#lb-search .search-btn:focus {
    color: #fbe216;
}

.port-menu ul ul .toggle:focus:before,
.port-menu ul ul .toggle:focus:after {
    background: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
}

.sub-nav > ul > li.active-parent > .toggle-row > .toggle:focus:before,
.sub-nav > ul > li.active-parent > .toggle-row > .toggle:focus:after,
.sub-nav > ul > li.active > .toggle-row > .toggle:focus:before,
.sub-nav > ul > li.active > .toggle-row > .toggle:focus:after {
    background: #fff !important;
}

.sub-nav ul .toggle:focus:before,
.sub-nav ul .toggle:focus:after,
.sub-nav .sub-level .toggle:focus:before,
.sub-nav .sub-level .toggle:focus:after {
    background: rgb(42 55 104 / var(--tw-bg-opacity)); !important;
}


.form .cb-rb label:focus span {
    background: #e8412c !important;
}

.page-nav li a.active:focus {
    border: 1px solid rgb(42 55 104 / var(--tw-bg-opacity));;
}*/