/*
=========================================================
FÄRGSCHEMA UNG I FALKÖPING CSS
=========================================================
 * Innehåller styling för Ung i Falköping
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


.lp-header,
.lp-toggled-search,
.lp-quicklinks-icon,
.con-footer-bg {
  background: #39207e !important;
}

.lp-footer:has(.con-footer-bg){
   background-color: #39207e !important;
}

.lp-footer:has(.con-footer-bg) svg.lp-serpentine path{
   /*
    * - Serpentin
    */
   fill: #e9e1ec!important; /* Byt till korrekt färg */
}

.sv-list-style-deluxe li:before {
  border-color: #39207e;
}


.sv-multilevellink-portlet {
  background: #e9e1ec;
}

/* Flernivålänk */

.sv-multilevellink-portlet li:first-child {
  display: none;
}

.sv-multilevellink-portlet li:last-child .small:after {
  border-color: #e9e1ec transparent transparent transparent;
}


/* Sidfot */

.lp-footer {
  background-color: #e9e1ec;
}

.lp-footer .lp-serpentine path {
  fill: #39207e;
}

@-webkit-keyframes lp-serpentine-pulsate {
  0% {
    fill: #39207e;
  }

  50% {
    fill: #00396e;
  }

  100% {
    fill: #39207e;
  }
}

@keyframes lp-serpentine-pulsate {
  0% {
    fill: #39207e;
  }

  50% {
    fill: #00396e;
  }

  100% {
    fill: #39207e;
  }
}


/* Undermeny */

.lp-js .lp-menu {
  background: #6464af;
}

.lp-menu .lp-close-button {
  background: #39207e;
}


/* Snabblänkar */

.lp-quicklinks-icon {
  color: #fff !important;
}

.lp-quicklinks-text {
  color: #2a2859;
}

/* Relaterad info */

.lp-links li a,
.lp-related-services li a {
  background-color: #f3f3f3;
}

.lp-links li a:hover,
.lp-related-services li a:hover {
  background-color: #e5e5e5;
}

.lp-related-services a .lp-icon {
  color: #2a2859;
}

/* Viktigt meddelande */

.lp-alert {
  display: none;
}

/* Undermeny */

div.lp-overlay__container .lp-overlay__inner {
  background-color: #39207e;
}

.lp-app-submenu {
  background-color: #39207e;
}

div .lp-app-submenu__back-link {
  background-color: #6464af;
}

/* E-tjänst direkt i brödtexten */

.mj-related-services a {
  -webkit-box-align: center;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 4px;
  color: #2a2859;
  display: -webkit-box;
  display: flex;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 2rem 3rem;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.mj-related-services a > img {
  display: none;
}

.mj-related-services a:after {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2026%2026\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M11.414%203.586L8.586%206.414%2015.172%2013l-6.586%206.586%202.828%202.828L20.828%2013z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 14px;
  margin-left: 0.1rem;
  vertical-align: -0.2rem;
  width: 14px;
}


.mj-related-services a:before {
  display: inline-block;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M9%2014c-2.197%200-4%201.803-4%204v38c0%20.73.214%201.408.56%202H1v3c0%202.75%202.25%205%205%205h68c2.75%200%205-2.25%205-5v-3h-4.56a3.94%203.94%200%200%200%20.56-2V18c0-2.197-1.803-4-4-4H9zm0%202h62c1.117%200%202%20.883%202%202v38c0%201.117-.883%202-2%202H47v2l-1-1c0%20.565-.435%201-1%201H35c-.565%200-1-.435-1-1l-1%201v-2H9c-1.117%200-2-.883-2-2V18c0-1.117.883-2%202-2zm3%204a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm4%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm-56%204a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm56%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm-56%204a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm56%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm-50%201v2h18v-2H18zm26%200v2h18v-2H44zm-32%203a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm56%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm-50%203v2h14v-2H18zm26%200v2h14v-2H44zm-32%201a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm56%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm-56%204a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm56%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm-50%201v2h18v-2H18zm26%200v2h18v-2H44zm-32%203a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm56%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm-50%203v2h14v-2H18zm26%200v2h14v-2H44zm-32%201a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm56%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm-56%204a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zm56%200a1%201%200%200%200-1%201%201%201%200%200%200%201%201%201%201%200%200%200%201-1%201%201%200%200%200-1-1zM3%2060h29.416c.443%201.107%201.327%202%202.584%202h10c1.257%200%202.14-.893%202.584-2H77v1c0%201.668-1.332%203-3%203H6c-1.668%200-3-1.332-3-3v-1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 23px 23px;
  background-position-y: center;
  font-weight: 400;
  padding-left: 40px; 
  content: 'Etjänst:';
  margin-right: 1rem;
}

.mj-related-services a:hover {
  background-color: #e5e5e5;
  text-decoration: underline;
}

/* Relaterad länk direkt i brödtexten */


.mj-selected-link a {
  -webkit-box-align: center;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 4px;
  color: #2a2859;
  display: -webkit-box;
  display: flex;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 2rem 3rem;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.mj-selected-link a > img {
  display: none;
}

.mj-selected-link a:after {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2026%2026\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M11.414%203.586L8.586%206.414%2015.172%2013l-6.586%206.586%202.828%202.828L20.828%2013z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 14px;
  margin-left: 0.1rem;
  vertical-align: -0.2rem;
  width: 14px;
}


.mj-selected-link a:before {
  content: '';
  display: block;
  height: 23px;
  margin-right: 1rem;
  width: 23px;
}


.mj-selected-link a:not([href^='/edit-fileresource/']):before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2080%2080\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%232A2859\'%3E%3Cpath%20%20d%3D%22M60.047%207.016a12.97%2012.97%200%200%200-9.176%203.734l-9.062%209.059c-3.817%203.816-4.758%209.433-2.829%2014.14l1.567-1.562c-1.227-3.809-.336-8.157%202.695-11.184l9.035-9.031a10.97%2010.97%200%200%201%207.727-3.156c2.82%200%205.637%201.07%207.773%203.207%204.258%204.257%204.282%2011.21.051%2015.496l-9.05%209.062c-3.016%203.012-7.356%203.899-11.165%202.672l-1.562%201.567c1.582.648%203.265.976%204.949.976a12.96%2012.96%200%200%200%209.191-3.805l9.059-9.066c5-5.066%204.973-13.285-.059-18.316a12.959%2012.959%200%200%200-9.144-3.793zM67%2022c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-3%203c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-11%201c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm8%202c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-11%201c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm8%202c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-11.02.988a.991.991%200%200%200-.687.305l-14%2014a.992.992%200%200%200-.273.973.99.99%200%200%200%20.714.714.992.992%200%200%200%20.973-.273l14-14a.997.997%200%200%200%20.223-1.105.995.995%200%200%200-.95-.614zM55%2034c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-26.004%204.016c-3.332%200-6.66%201.265-9.195%203.8l-9.063%209.067c-4.996%205.07-4.968%2013.285.063%2018.32%205.031%205.031%2013.25%205.059%2018.324.055l9.063-9.055c3.812-3.816%204.753-9.433%202.824-14.14l-1.563%201.562c1.223%203.809.332%208.152-2.699%2011.184l-9.035%209.03a10.97%2010.97%200%200%201-7.727%203.157c-2.816%200-5.636-1.07-7.773-3.21-4.258-4.259-4.281-11.208-.055-15.497l9.055-9.059c3.015-3.015%207.355-3.898%2011.16-2.675l1.566-1.567a13.123%2013.123%200%200%200-4.945-.972zM30%2049c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-3%203c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm9%202c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-3%203c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-3%203c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-3%203c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-3%203c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}

.mj-selected-link a[href^='http']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2080%2080\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%232A2859\'%3E%3Cpath%20%20d%3D%22M14%2010c-2.2%200-4%201.8-4%204v52c0%202.2%201.8%204%204%204h52c2.2%200%204-1.8%204-4V37h-2v29c0%201.117-.883%202-2%202H14c-1.117%200-2-.883-2-2V14c0-1.117.883-2%202-2h29v-2zm37%200v2h15.586L61.3%2017.281%2036.793%2041.793l1.414%201.414%2024.492-24.488L68%2013.414V29h2V10zm-33%207c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-24%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm44%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-44%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm44%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-44%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm44%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-44%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm44%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-44%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm44%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-44%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm44%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm-44%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm4%200c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}


.mj-selected-link a[href$='.txt']:before,
.mj-selected-link a[href$='.doc']:before,
.mj-selected-link a[href$='.docx']:before,
.mj-selected-link a[href$='.xls']:before,
.mj-selected-link a[href$='.xlsx']:before,
.mj-selected-link a[href$='.ppt']:before,
.mj-selected-link a[href$='.pptx']:before,
.mj-selected-link a[href$='.pdf']:before,
.mj-selected-link a[href$='.mp4']:before,
.mj-selected-link a[href$='.css']:before,
.mj-selected-link a[href$='.js']:before,
.mj-selected-link a[href$='.vm']:before,
.mj-selected-link a[href^='/edit-fileresource/']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2080%2080\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%232A2859\'%3E%3Cpath%20%20d%3D%22M15%209v62h50V23.586L50.414%209zm2%202h32v14h14v44H17zm34%201.414L61.586%2023H51zM22%2013c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm6%201v2h27v-2zm-6%203c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm6%203v2h23v-2zm-6%201c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm6%201v2h27v-2zm-6%203c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm6%203v2h23v-2zm-6%201c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1zm0%204c-.55%200-1%20.45-1%201s.45%201%201%201%201-.45%201-1-.45-1-1-1z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}


.mj-selected-link a:hover {
  background-color: #e5e5e5;
  text-decoration: underline;
}

/* Skapar egna farger for knappar */

.env-button,
.env-button,
.env-button--primary,
.env-button--primary {
  background-color: #39207e;
  border-color: #39207e;
}

.env-button:focus,
.env-button:focus,
.env-button--primary:focus,
.env-button--primary:focus {
  outline: 3px solid #000;
  text-decoration: underline;
}

.env-button:active,
.env-button:hover,
.env-button--primary:active,
.env-button--primary:hover {
  background-color: #444444;
  border-color: #444444;
}