@charset "UTF-8";

/*
    ALK MEDICAL AFFAIRS
    LAST EDITED:  MAY 15, 2023
*/


/* CUSTOM FONTS --------------------- */
@font-face {
  font-family: 'icomoon';
  src:  url('/_resources/fonts/icomoon.eot?oqqn8x');
  src:  url('/_resources/fonts/icomoon.eot?oqqn8x#iefix') format('embedded-opentype'),
  url('/_resources/fonts/icomoon.ttf?oqqn8x') format('truetype'),
  url('/_resources/fonts/icomoon.woff?oqqn8x') format('woff'),
  url('/_resources/fonts/icomoon.svg?oqqn8x#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* BETTER FONT RENDERING --------------------- */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/* ALK CUSTOM ICONS --------------------- */
.icon-odactra:before { content: "\e903"; color: black; }
.icon-odactra:hover:before { color: #c14c2d; }

.icon-grastek:before { content: "\e900"; color: black; }
.icon-grastek:hover:before { color: #c14c2d; }

.icon-itulatek:before { content: "\e901"; color: black; }
.icon-itulatek:hover:before { color: #c14c2d; }

.icon-ragwitek:before { content: "\e902"; color: black; }
.icon-ragwitek:hover:before { color: #c14c2d; }

.sp-megamenu-parent { display: block !important; }
.hide-menu { font-family: 'Montserrat', sans-serif !important; font-size: 13px; font-weight: 500; text-decoration: none; }



/* HIDE THE DEFAULT MOBILE MENU ON DESKTOP --------------------- */
.mobilemenu { display: none !important; }
#sp-header .sp-module { margin-left: 0px !important; }



/* SWF COLORIZER FOR ARTICLE ICONS --------------------- */
.odactra { filter: invert(16%) sepia(54%) saturate(1900%) hue-rotate(227deg) brightness(93%) contrast(112%) !important; width: 120px !important;}
.itulatek { filter: invert(62%) sepia(75%) saturate(438%) hue-rotate(355deg) brightness(90%) contrast(96%) !important; width: 120px !important;}
.ragwitek { filter: invert(31%) sepia(31%) saturate(4807%) hue-rotate(349deg) brightness(86%) contrast(87%) !important; width: 120px !important;}
.grastek { filter: invert(20%) sepia(99%) saturate(4375%) hue-rotate(154deg) brightness(95%) contrast(105%) !important; width: 120px !important;}



/* TURN OFF THE DEFAULT MOBILE MENU COMPLETELY --------------------- */
#sp-header.header-with-social #offcanvas-toggler.mega { display: none !important; }



/* MEGAMENU UPDATES --------------------- */
.dj-offcanvas-top { height: 40px; }
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before { font-size: 28px !important; }
.dj-megamenu-offcanvas-light .dj-mobile-open-btn { width: 32px !important; height: 32px !important; }
.dj-offcanvas-close-btn { margin-top:0px; margin-right: 0px; }
ul.dj-mobile-light li.dj-mobileitem.parent>a { padding-right: 30px !important; }
ul.dj-mobile-light li.dj-mobileitem>a { font-size: 12px !important; line-height: 1.2 !important; padding: 12px 12px !important; }
.submenu1 .title { padding-left:10px !important; display: block !important; }
.submenu2 .title { padding-left:20px !important; display: block !important; }



/* MENU TWEEKS AND MAKE WHOLE LINE CLICKABLE --------------------- */
.sp-group-title { font-size: 12px; font-weight: 900; text-transform: uppercase; padding-left: 0px !important;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { margin-top: 3px; background: rgba(255,255,255,0.9); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); padding: 10px; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row .col-sm-4 { margin-bottom: 8px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a { padding: 6px 0px 0px 0px; display: block; }



/* ARTICLE IMAGE INSETS --------------------- */
.icon-left { float: left; margin: 0px 20px 10px 0px; display: inline; }
.icon-right { float: right; margin: 0px 0px 10px 20px; display: inline; }
.icon-center { margin: 0 auto; width:100%; display: block; }



/* UPDATE BUTTON COLORS --------------------- */
.sppb-btn-primary { color: white; background-color: #283997; border-color: #283997; padding-left: 20px; padding-right: 20px; }
.sppb-btn-primary:hover { border-color: #b24c24; background-color: #b24c24; text-decoration: none !important; }
.sppb-btn-secondary { color: white; background-color: #5c627a; border-color: #5c627a; padding-left: 20px; padding-right: 20px; }
.sppb-btn-secondary:hover { border-color: #b24c24; background-color: #b24c24; text-decoration: none !important; }



/* BODY CONTENT BACKGROUND COLORS --------------------- */
.background2 {background-color: #ebe6de;}
.interpretation {background-color: #D8DFEA !important;}



/* POPUP BACKGROUND COLOR --------------------- */
img.mfp-img { background-color: white; }
.mfp-close-btn-in .mfp-content .mfp-close { color: #000; padding-right:20px !important; }



/* LAYOUT TWEEKS --------------------- */
.sp-scroll-up { bottom: 20px; right: 15px; }
#sp-main-body { margin-top: 0px; }
.sppb-addon-image-overlay-icon { width: 70px; font-size: 36px; height: 36px; padding-top: 2px; font-weight: 500; }



/* PUSH FOOTER TO THE BOTTOM AND CHANGE IT'S HEIGHT --------------------- */
#sp-footer { height: 38px; position: fixed; width: 100%; bottom: 0px; left:0px; z-index: 1; font-size: 11px; }
#sp-footer .container-inner { padding: 10px 0; }


/************************************************************************************ */
/* ---------------------------- MEDIA QUERY LAYOUT TWEEKS --------------------------- */
/************************************************************************************ */

@media only screen and (min-width: 1200px) {
    /* COMPRESS THE SPACING BETWEEN THE ICONS */
    #sp-logo.has-border { padding-right: 10px; }
    .sp-megamenu-parent>li>a { padding: 0 20px; }
    .hide-menu { margin-left: -2px; }
}



@media only screen and (max-width: 992px) {
    /* DISPLAY PRIMARY MOBILE MENU */
    .mobilemenu { display: block !important; margin-right: 5px; }

    /* RESIZE THE LOGIN MODULE */
    .login {width: 300px; margin: auto;}

    /* ADJUST THE BODY START */
    #sp-main-body { margin-top: -20px; }

    /* MEGAMENU UPDATES */
    .dj-offcanvas-top { height: 60px; }
    .dj-offcanvas-close-btn { margin-top:10px; margin-right: 10px; }

    /* ON ALL MOBILE DEVICES, HIDE THE MENU TEXT BUT KEEP THE ICONS */
    #sp-logo { width: 100px !important; }
    .sp-menu-item { margin-top: 4px; }

    .hide-menu { display: none !important; }
    .icon-odactra:before { content: "\e903"; color: black; font-size: 20px; }
    .icon-itulatek:before { content: "\e901"; color: black; font-size: 20px; }
    .icon-grastek:before { content: "\e900"; color: black; font-size: 20px; }
    .icon-ragwitek:before { content: "\e902"; color: black; font-size: 20px; }

    .fa-user-alt:before { content: "\f406"; color: black; font-size: 20px; } /* login */
    .fa-bookmark:before { content: "\f02e"; color: black; font-size: 20px; }
    .fa-lightbulb:before { content: "\f0eb"; color: black; font-size: 20px; }
    .fa-search:before { content: "\f002"; color: black; font-size: 20px; }
    .fa-user-slash:before { content: "\f506"; color: black; font-size: 20px; } /* logout */

    /* COMPRESS THE SPACING BETWEEN THE ICONS */
    #sp-logo.has-border { padding-right: 10px; }
    .sp-megamenu-parent>li>a { padding: 0 20px; }
    .hide-menu { margin-left: -2px; }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
/*    #sp-logo { display: none; }*/
    /* COMPRESS THE SPACING BETWEEN THE ICONS */
    #sp-logo.has-border { padding-right: 5px; }
    .sp-megamenu-parent>li>a { padding: 0 7px; }
    .hide-menu { margin-left: -14px; }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    /* COMPRESS THE SPACING BETWEEN THE ICONS */
    .sp-megamenu-parent>li>a { padding: 0 15px; }

    /* FOOTER TWEEKS */
    #sp-footer1 { text-align: center !important; }
    #sp-footer2 { text-align: center !important; }
    #sp-footer .container-inner { padding: 2px 0; }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
    /* COMPRESS THE SPACING BETWEEN THE ICONS */
    .sp-megamenu-parent>li>a { padding: 0 15px; }

    /* FOOTER TWEEKS */
    #sp-footer1 { text-align: center !important; }
    #sp-footer2 { text-align: center !important; }
    #sp-footer .container-inner { padding: 2px 0; }
}

@media only screen and (max-width: 575px) {
    /* HIDE LOGO AND COMPRESS THE SPACING BETWEEN THE ICONS */
    #sp-logo { display: none; }
    .sp-megamenu-parent>li>a { padding: 0 10px; }

    /* RECENTER INSET IMAGES */
    .icon-left { height:auto !important; max-width:600px !important; width: 100% !important; margin: 0px 0px 20px 0px; padding: 0px 10px 0px 10px; }
    .icon-right { height:auto !important; max-width:600px !important; width: 100% !important; margin: 0px 0px 20px 0px; padding: 0px 10px 0px 10px; }
    .icon-center { height:auto !important; max-width:600px !important; width: 100% !important; margin: 0px 0px 20px 0px; padding: 0px 10px 0px 10px; }

    /* FOOTER */
    #sp-footer1 { text-align: center !important; display: none;}
    #sp-footer2 { text-align: center !important; }
    #sp-footer .container-inner { padding: 10px 0; }
}