.elementor-1861 .elementor-element.elementor-element-8f1bf99{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1861 .elementor-element.elementor-element-8f1bf99:not(.elementor-motion-effects-element-type-background), .elementor-1861 .elementor-element.elementor-element-8f1bf99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c93dba );}.elementor-1861 .elementor-element.elementor-element-66ba671{--display:flex;--margin-top:64px;--margin-bottom:64px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1861 .elementor-element.elementor-element-108ac9c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1861 .elementor-element.elementor-element-108ac9c:not(.elementor-motion-effects-element-type-background), .elementor-1861 .elementor-element.elementor-element-108ac9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-1861 .elementor-element.elementor-element-867285a{text-align:start;}.elementor-1861 .elementor-element.elementor-element-867285a .elementor-heading-title{font-size:32px;}.elementor-1861 .elementor-element.elementor-element-9bc10b9 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1861 .elementor-element.elementor-element-9bc10b9{text-align:start;font-size:16px;}.elementor-1861 .elementor-element.elementor-element-cfb371d{--display:flex;}.elementor-1861 .elementor-element.elementor-element-1b27fdd{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1861 .elementor-element.elementor-element-1b27fdd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.51 * 100% );}.elementor-1861 .elementor-element.elementor-element-1b27fdd:after{content:"0.51";}.elementor-1861 .elementor-element.elementor-element-1b27fdd .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-1b27fdd.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-1b27fdd.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-1b27fdd.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-d40c08d{--display:flex;}.elementor-1861 .elementor-element.elementor-element-d7b8358{--item-display:flex;--read-more-alignment:1;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-1861 .elementor-element.elementor-element-d7b8358 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1861 .elementor-element.elementor-element-d7b8358:after{content:"0.66";}.elementor-1861 .elementor-element.elementor-element-d7b8358 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-d7b8358.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-d7b8358.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-d7b8358.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-36314fc{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1861 .elementor-element.elementor-element-b2bd665{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1861 .elementor-element.elementor-element-b2bd665 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1861 .elementor-element.elementor-element-b2bd665:after{content:"0.66";}.elementor-1861 .elementor-element.elementor-element-b2bd665 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-b2bd665.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-b2bd665.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-b2bd665.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-dc7abc1{--display:flex;}.elementor-1861 .elementor-element.elementor-element-35d8db4{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1861 .elementor-element.elementor-element-35d8db4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1861 .elementor-element.elementor-element-35d8db4:after{content:"0.66";}.elementor-1861 .elementor-element.elementor-element-35d8db4 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-35d8db4.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-35d8db4.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-35d8db4.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-dce003d{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1861 .elementor-element.elementor-element-dce003d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1861 .elementor-element.elementor-element-dce003d:after{content:"0.66";}.elementor-1861 .elementor-element.elementor-element-dce003d .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-dce003d.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-dce003d.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-dce003d.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-fd3c6ac{--display:flex;}.elementor-1861 .elementor-element.elementor-element-3034fb5{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1861 .elementor-element.elementor-element-3034fb5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1861 .elementor-element.elementor-element-3034fb5:after{content:"0.66";}.elementor-1861 .elementor-element.elementor-element-3034fb5 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-3034fb5.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-3034fb5.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-3034fb5.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-41db831{--display:flex;}.elementor-1861 .elementor-element.elementor-element-163d67a{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1861 .elementor-element.elementor-element-163d67a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1861 .elementor-element.elementor-element-163d67a:after{content:"0.66";}.elementor-1861 .elementor-element.elementor-element-163d67a .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-163d67a.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-163d67a.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-163d67a.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-0fd1237{--display:flex;}.elementor-1861 .elementor-element.elementor-element-248efe3{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1861 .elementor-element.elementor-element-248efe3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1861 .elementor-element.elementor-element-248efe3:after{content:"0.66";}.elementor-1861 .elementor-element.elementor-element-248efe3 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-248efe3.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-248efe3.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-248efe3.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-8f7e7e9{--display:flex;}.elementor-1861 .elementor-element.elementor-element-8fabf62{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1861 .elementor-element.elementor-element-8fabf62 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1861 .elementor-element.elementor-element-8fabf62:after{content:"0.66";}.elementor-1861 .elementor-element.elementor-element-8fabf62 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-8fabf62.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-8fabf62.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-8fabf62.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-38283a4{--display:flex;}.elementor-1861 .elementor-element.elementor-element-97750c9{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1861 .elementor-element.elementor-element-97750c9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1861 .elementor-element.elementor-element-97750c9:after{content:"0.66";}.elementor-1861 .elementor-element.elementor-element-97750c9 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-97750c9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1861 .elementor-element.elementor-element-97750c9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1861 .elementor-element.elementor-element-97750c9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1861 .elementor-element.elementor-element-c78ba12{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:6px;--n-tabs-gap:28px;--n-tabs-title-border-radius:999px 999px 999px 999px;--n-tabs-title-padding-top:15px;--n-tabs-title-padding-right:18px;--n-tabs-title-padding-bottom:15px;--n-tabs-title-padding-left:18px;--n-tabs-title-font-size:14px;--n-tabs-title-color:var( --e-global-color-astglobalcolor2 );}.elementor-1861 .elementor-element.elementor-element-c78ba12 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-08ad750 );}.elementor-1861 .elementor-element.elementor-element-c78ba12.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-1861 .elementor-element.elementor-element-c78ba12.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1861 .elementor-element.elementor-element-c78ba12.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );border-style:none;}.elementor-1861 .elementor-element.elementor-element-c78ba12 > .elementor-widget-container{background-color:var( --e-global-color-astglobalcolor5 );padding:0px 0px 0px 0px;}.elementor-1861 .elementor-element.elementor-element-c78ba12.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-1861 .elementor-element.elementor-element-c78ba12.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:normal;text-transform:none;font-style:normal;letter-spacing:0px;}.elementor-1861 .elementor-element.elementor-element-ae00aa7{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1861 .elementor-element.elementor-element-b5443ef{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--border-radius:0px 30px 30px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1861 .elementor-element.elementor-element-b5443ef:not(.elementor-motion-effects-element-type-background), .elementor-1861 .elementor-element.elementor-element-b5443ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1861 .elementor-element.elementor-element-4995cfa .elementor-button{background-color:var( --e-global-color-primary );text-transform:none;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:6px 6px 6px 6px;}.elementor-1861 .elementor-element.elementor-element-4995cfa .elementor-button:hover, .elementor-1861 .elementor-element.elementor-element-4995cfa .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1861 .elementor-element.elementor-element-3e05e7e .elementor-button{background-color:#0F8B9D00;text-transform:none;fill:var( --e-global-color-0c93dba );color:var( --e-global-color-0c93dba );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-0c93dba );border-radius:6px 6px 6px 6px;}.elementor-1861 .elementor-element.elementor-element-3e05e7e .elementor-button:hover, .elementor-1861 .elementor-element.elementor-element-3e05e7e .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1861 .elementor-element.elementor-element-4605117{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:30px 0px 0px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1861 .elementor-element.elementor-element-4605117:not(.elementor-motion-effects-element-type-background), .elementor-1861 .elementor-element.elementor-element-4605117 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1861 .elementor-element.elementor-element-6bc727c .elementor-icon-box-wrapper{align-items:center;gap:30px;}.elementor-1861 .elementor-element.elementor-element-6bc727c .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-0c93dba );}.elementor-1861 .elementor-element.elementor-element-6bc727c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-0c93dba );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-1861 .elementor-element.elementor-element-6bc727c.elementor-view-framed .elementor-icon, .elementor-1861 .elementor-element.elementor-element-6bc727c.elementor-view-default .elementor-icon{fill:var( --e-global-color-0c93dba );color:var( --e-global-color-0c93dba );border-color:var( --e-global-color-0c93dba );}.elementor-1861 .elementor-element.elementor-element-6bc727c.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1861 .elementor-element.elementor-element-6bc727c .elementor-icon-box-title, .elementor-1861 .elementor-element.elementor-element-6bc727c .elementor-icon-box-title a{font-size:26px;}.elementor-1861 .elementor-element.elementor-element-6bc727c .elementor-icon-box-description{color:var( --e-global-color-0c93dba );}body.elementor-page-1861:not(.elementor-motion-effects-element-type-background), body.elementor-page-1861 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1861 .elementor-element.elementor-element-b5443ef{--width:40%;}.elementor-1861 .elementor-element.elementor-element-4605117{--width:60%;}}@media(max-width:767px){.elementor-1861 .elementor-element.elementor-element-1b27fdd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-1b27fdd:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-1b27fdd .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-d7b8358 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-d7b8358:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-d7b8358 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-b2bd665 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-b2bd665:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-b2bd665 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-35d8db4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-35d8db4:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-35d8db4 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-dce003d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-dce003d:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-dce003d .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-3034fb5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-3034fb5:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-3034fb5 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-163d67a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-163d67a:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-163d67a .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-248efe3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-248efe3:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-248efe3 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-8fabf62 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-8fabf62:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-8fabf62 .elementor-post__thumbnail__link{width:100%;}.elementor-1861 .elementor-element.elementor-element-97750c9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1861 .elementor-element.elementor-element-97750c9:after{content:"0.5";}.elementor-1861 .elementor-element.elementor-element-97750c9 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-a4c9711 *//* =========================================================
   KURSOMRÅDEN – GRAFISK IKONDESIGN
   ========================================================= */


/* GRID */
.kursomraden-kompakt
.mko-course-categories-grid {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 18px !important;
}


/* =========================================================
   KORT
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-card {
    display: grid !important;

    grid-template-columns:
        110px minmax(0, 1fr) !important;

    align-items: center !important;

    min-height: 150px !important;

    padding: 18px !important;

    background: #ffffff !important;

    border: 1px solid #dfe6e9 !important;
    border-radius: 16px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 14px rgba(20,40,60,.04) !important;

    text-decoration: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* Hover – kortet flyttar sig inte */
.kursomraden-kompakt
.mko-course-category-card:hover {
    transform: none !important;

    border-color: #c1dce1 !important;

    box-shadow:
        0 8px 22px rgba(20,40,60,.07) !important;
}


/* =========================================================
   IKONPLATTA
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-image {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 94px !important;
    height: 94px !important;
    min-height: 94px !important;

    margin: 0 !important;

    background: #e7f6f8 !important;

    border-radius: 16px !important;
}


/* Själva ikonhållaren */
.kursomraden-kompakt
.mko-course-category-placeholder {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    color: #159BB3 !important;
}


/* SVG – större och tydligare */
.kursomraden-kompakt
.mko-course-category-placeholder svg {
    width: 46px !important;
    height: 46px !important;

    fill: none !important;
    stroke: #159BB3 !important;

    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* =========================================================
   TEXTDEL
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-content {
    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;

    height: 100% !important;

    padding:
        5px
        4px
        2px
        10px !important;
}


/* Rubrik */
.kursomraden-kompakt
.mko-course-category-content h3 {
    margin: 0 0 7px !important;

    color: #202838 !important;

    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    letter-spacing: -0.01em !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* Beskrivning */
.kursomraden-kompakt
.mko-course-category-description {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    margin: 0 0 12px !important;

    color: #687588 !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   LÄNK / PIL
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-link {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;

    margin-top: auto !important;

    color: #159BB3 !important;
}


/* Dölj texten Utforska ämnet */
.kursomraden-kompakt
.mko-course-category-link span:first-child {
    display: none !important;
}


/* Behåll bara pilen */
.kursomraden-kompakt
.mko-course-category-link span:last-child {
    display: block !important;

    margin: 0 !important;

    color: #159BB3 !important;

    font-size: 24px !important;
    line-height: 1 !important;

    transition: transform .2s ease !important;
}


.kursomraden-kompakt
.mko-course-category-card:hover
.mko-course-category-link span:last-child {
    transform: translateX(3px) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .kursomraden-kompakt
    .mko-course-categories-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 700px) {

    .kursomraden-kompakt
    .mko-course-categories-grid {
        grid-template-columns: 1fr !important;

        gap: 14px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-card {
        grid-template-columns:
            82px minmax(0, 1fr) !important;

        min-height: 120px !important;

        padding: 14px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-image {
        width: 72px !important;
        height: 72px !important;
        min-height: 72px !important;

        border-radius: 13px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-placeholder svg {
        width: 36px !important;
        height: 36px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-content h3 {
        font-size: 16px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-description {
        font-size: 12px !important;
    }
}
/* =========================================================
   KURSOMRÅDEN – SLUTLIG IKONLAYOUT
   Lägg ALLRA SIST
   ========================================================= */


/* =========================================================
   1. GRID – 3 KOLUMNER
   ========================================================= */

.kursomraden-kompakt
.mko-course-categories-grid {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 18px !important;
}


/* =========================================================
   2. KORT
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-card {
    display: flex !important;

    flex-direction: row !important;
    align-items: center !important;

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 150px !important;

    margin: 0 !important;
    padding: 18px 20px 18px 18px !important;

    background: #ffffff !important;

    border: 1px solid #dfe6e9 !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    text-decoration: none !important;

    box-shadow:
        0 4px 14px rgba(20, 40, 60, .045) !important;

    transform: none !important;
}


/* =========================================================
   3. IKONPLATTA
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-image {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 94px !important;

    width: 94px !important;
    height: 94px !important;

    min-width: 94px !important;
    min-height: 94px !important;

    max-width: 94px !important;
    max-height: 94px !important;

    margin: 0 20px 0 0 !important;
    padding: 0 !important;

    background: #e6f6f8 !important;

    border-radius: 18px !important;

    overflow: hidden !important;

    position: static !important;
}


/* =========================================================
   4. IKONHÅLLARE
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-placeholder {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    position: static !important;

    transform: none !important;
}


/* =========================================================
   5. SVG
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-placeholder svg {
    display: block !important;

    flex: 0 0 auto !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    max-width: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    fill: none !important;

    stroke: #159BB3 !important;
    stroke-width: 1.8 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    transform: none !important;
}


/* =========================================================
   6. TEXTDEL
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-content {
    display: flex !important;

    flex-direction: column !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   7. RUBRIK
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-content h3 {
    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #202838 !important;

    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    letter-spacing: -0.01em !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* =========================================================
   8. BESKRIVNING
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-description {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    margin: 0 0 14px !important;

    color: #687588 !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   9. PIL
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-link {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;

    margin-top: auto !important;
}


/* Dölj texten */
.kursomraden-kompakt
.mko-course-category-link span:first-child {
    display: none !important;
}


/* Pil */
.kursomraden-kompakt
.mko-course-category-link span:last-child {
    display: block !important;

    margin: 0 !important;

    color: #159BB3 !important;

    font-size: 24px !important;
    line-height: 1 !important;

    transform: none !important;
}


/* =========================================================
   10. HOVER
   ========================================================= */

.kursomraden-kompakt
.mko-course-category-card:hover {
    transform: none !important;

    border-color: #bfd9df !important;

    box-shadow:
        0 8px 22px rgba(20, 40, 60, .07) !important;
}


.kursomraden-kompakt
.mko-course-category-card:hover
.mko-course-category-link span:last-child {
    transform: translateX(3px) !important;
}


/* =========================================================
   11. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .kursomraden-kompakt
    .mko-course-categories-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   12. MOBIL
   ========================================================= */

@media (max-width: 700px) {

    .kursomraden-kompakt
    .mko-course-categories-grid {
        grid-template-columns: 1fr !important;

        gap: 14px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-card {
        min-height: 118px !important;

        padding: 14px !important;

        border-radius: 15px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-image {
        flex-basis: 72px !important;

        width: 72px !important;
        height: 72px !important;

        min-width: 72px !important;
        min-height: 72px !important;

        max-width: 72px !important;
        max-height: 72px !important;

        margin-right: 14px !important;

        border-radius: 14px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-placeholder svg {
        width: 35px !important;
        height: 35px !important;

        min-width: 35px !important;
        min-height: 35px !important;

        max-width: 35px !important;
        max-height: 35px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-content h3 {
        font-size: 17px !important;
    }


    .kursomraden-kompakt
    .mko-course-category-description {
        font-size: 12px !important;
    }
}/* End custom CSS */