/*
=========================================================
FÄRGSCHEMA VÄNTETIDER I VÅRDEN
=========================================================
 * Innehåller styling för Väntetider i vården
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/* Bakgrund hero */
.lp-hero {
  background-color: rgba(15,93,134,1);
}

/*
---------------------------------------------------------
TEXTFÄRG
--------------------------------------------------------- */

/* Textfärg webbplatsnamn i header */

.lp-text-logo__link {
  color: rgba(15,93,134,1);
}

/* Textfärg hero */
.lp-hero .heading,
.lp-hero .normal {
  color: #fff;
}

/* Textfärg sidfot */
.lp-footer p.normal,
.lp-footer h2.subheading {
  color: #222;
}

/* Textfärg expanderbart innehåll */
.sv-editing-mode .pagecontent .lp-expandable-content > *:nth-child(odd) .subheading,
.sv-editing-mode .pagecontent .lp-expandable-content > *:nth-child(odd) .normal,
.lp-expandable-content__toggler .subheading,
.lp-expandable-content__toggler .normal {
  color: #222;
}

/* Textfärg puff */
.lp-app-blurbs-list__item__inner--bildpuff .lp-app-blurbs-list__item-heading {
  color: #222;
}

/* Textfärg knapp - Sök, Stäng, Heroknapp (vit bakgrund) */
header .sv-searchform-portlet button,
.lp-search form button,
.lp-search-facet .sv-search-facet-item-selected a {
  color: #222;
}

/* Textfärg knapp hover - Sök, Stäng, Heroknapp (vit bakgrund) */
header .sv-searchform-portlet button:hover,
.lp-search button:hover,
body .lp-app-submenu__menu-item__toggler:hover {
  color: #222;
}

/* Textfärg knapp fokus - Sök, Stäng, Heroknapp (vit bakgrund) */
header .sv-searchform-portlet button:focus,
.lp-search button:focus,
.lp-expandable-content .lp-expandable-content__toggler:hover,
.lp-expandable-content .lp-expandable-content__toggler:focus {
  color: #222;
}

/* Textfärg Heroknapp (vit bakgrund) */
a.lp-linkbutton-hero.lp-link-button-hero-white {
  color: #fff;
}

/* Textfärg Heroknapp (vit bakgrund) hover */
a.lp-linkbutton-hero.lp-link-button-hero-white:hover {
  color: #222;
}

/* Textfärg Heroknapp (vit bakgrund) fokus */
a.lp-linkbutton-hero.lp-link-button-hero-white:focus {
  color: #fff;
}

/*
---------------------------------------------------------
BAKGRUND & KANTLINJER
--------------------------------------------------------- */

/* Landningsmenyn bakgrund, markerad undermeny i nivå 3, tabellrad */
.lp-box-navigation-wrapper:before,
.lp-submenu-smartphone:after,
body .lp-app-submenu__menu-item__link--level-3,
body .lp-app-submenu__menu-item__toggler--level-3,
.sv-text-portlet-content table tr:nth-child(even) td {
  background: rgba(196, 211, 212,0.3);
}

/* Undermeny nivå 3 och neråt */
body .lp-app-submenu__menu-item__link--level-4,
body .lp-app-submenu__menu-item__toggler--level-4,
body .lp-app-submenu__menu-item__link--level-5,
body .lp-app-submenu__menu-item__toggler--level-5,
body .lp-app-submenu__menu-item__link--level-6,
body .lp-app-submenu__menu-item__toggler--level-6 {
  background: rgba(196, 211, 212,0.1);
}

/* Bildpuffar, textmenypuff */
.lp-app-blurbs-list__item__inner--bildpuff:hover,
.lp-box-information,
.lp-news-list .sv-archive-portlet li:hover,
.lp-article-list li:hover,
.lp-app-blurbs-list__item--textmenypuff:hover .lp-app-blurbs-list__item__inner--textmenypuff,
*[class*='lp-app-blurbs-list__item__inner--bildpuff']:hover,
.lp-news-list .sv-text-portlet a:hover,
.lp-article-list .sv-text-portlet a:hover {
  background-color: rgba(196, 211, 212,0.6);
}

/* Färg sidfot */

.lp-footer-row-one:before {
  background: rgba(196, 211, 212,0.6);
}

.lp-footer-row-one:after {
  background: rgba(196, 211, 212,1);
}

@media (max-width:800px) {
  .lp-footer .lp-footer-row-one > .sv-layout > .sv-layout:first-child {
    background: rgba(196, 211, 212,0.6);
  }

  .lp-footer .lp-footer-row-one > .sv-layout > .sv-layout:nth-child(2) {
    background: rgba(196, 211, 212,1);
  }
}

/* border color */

.lp-footer .lp-footer-row-one,
body .lp-cookie-approval--position-bottom {
  border-color: rgba(15, 93, 134,1);
}

.lp-box-information {
  border-color: rgba(196, 211, 212, 1);
}

/* Linjefärg toppmeny, Etikett underrubrik, nivå 1 undermeny */

.lp-topmenu li a:hover,
.lp-topmenu li a.lp-current,
.lp-puff-headline h2,
body .lp-app-submenu__menu-item__link--level-1,
body .lp-app-submenu__menu-item__toggler--level-1 {
  border-bottom-color: rgba(15, 93, 134,1);
}

/* Knappar Sök, Stäng, Cookie, knappmodul primary */

header .sv-searchform-portlet button,
.lp-search form button,
.lp-search-facet .sv-search-facet-item-selected a,
.lp-cookie-approval .env-button--primary,
.env-button--primary,
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset] {
  background: rgba(196, 211, 212,1);
  border-color: rgba(196, 211, 212,1);
}

/* Knapp vid hover, Sök, Stäng, Cookie, knappmodul primary */

header .sv-searchform-portlet button:hover,
.lp-search button:hover,
.lp-cookie-approval .env-button--primary:hover,
.env-button.env-button--primary:hover,
.sv-defaultFormTheme input[type=button]:hover,
.sv-defaultFormTheme input[type=submit]:hover,
.sv-defaultFormTheme input[type=reset]:hover,
.sv-defaultFormTheme input[type=button]:active,
.sv-defaultFormTheme input[type=submit]:active,
.sv-defaultFormTheme input[type=reset]:active {
  background: rgba(196, 211, 212,0.6);
  border-color: rgba(196, 211, 212,0.6);
}

/* Knappmodul default vid hover */

.env-button:not(.env-button--success, .env-button--danger, .env-button--invert, .env-button--link):hover {
  background: rgba(196, 211, 212,0.6);
}

/* Knapp vid focus, Sök, Stäng, Cookie, Expanderbart, knappmodul primary */

header .sv-searchform-portlet button:focus,
.lp-search button:focus,
.lp-expandable-content .lp-expandable-content__toggler:hover,
.lp-expandable-content .lp-expandable-content__toggler:focus,
.lp-expandable-content__toggler.lp-expandable-content--is-open,
.lp-cookie-approval .env-button--primary:focus,
.sv-button-portlet .env-button.env-button--primary:focus,
.sv-defaultFormTheme input[type=button]:focus,
.sv-defaultFormTheme input[type=submit]:focus,
.sv-defaultFormTheme input[type=reset]:focus {
  background: rgba(196, 211, 212,0.6);
  border-color: rgba(196, 211, 212,0.6);
  text-decoration: underline;
}

/* Knappmodul default vid focus */

.env-button:not(.env-button--success, .env-button--danger, .env-button--invert, .env-button--link):focus {
  background: rgba(196, 211, 212,0.6);
  text-decoration: underline;
}

/* Heroknapp (vit bakgrund) */
a.lp-linkbutton-hero.lp-link-button-hero-white {
  background: rgba(15, 93, 134,1);
  border-color: rgba(15, 93, 134,1);
}

/* Heroknapp (vit bakgrund) hover */
a.lp-linkbutton-hero.lp-link-button-hero-white:hover {
  background: rgba(15, 93, 134,0.7);
  border-color: rgba(15, 93, 134,0.7);
}

/* Heroknapp (vit bakgrund) fokus */
a.lp-linkbutton-hero.lp-link-button-hero-white:focus {
  background: rgba(15, 93, 134,0.7);
  border-color: rgba(15, 93, 134,0.7);
  text-decoration: underline;
}

header .sv-searchform-portlet input[type='text']:focus {
  border-color: rgba(196, 211, 212, 1);
}

/* Knappar menymobil vid hover */

body .lp-app-submenu__menu-item__toggler:hover {
  background: rgba(196, 211, 212,0.6);
}

/* TEMPORÄR CSS migration-control-panel */

.migration-control-panel {
  display: none;
}

/*
---------------------------------------------------------
COOKIEBANNER
--------------------------------------------------------- */

/* Knapp- och textfärg Primary (inklusive knapp på cookiesidan) */
.sv-cookie-consent-banner .env-button--primary,
.sv-marketplace-sitevision-cookie-consent .env-button--primary {
  background-color: #C4D3D4;
  border-color: #C4D3D4;
  color: #222222;
}

/* Knapp- och textfärg Default */
.sv-cookie-consent-banner .env-button--ghost {
  background-color: #ffffff;
  border-color: #979797;
  color: #222222;
}

/* Hover på knapparna */
.sv-cookie-consent-banner .env-button--primary:hover,
.sv-cookie-consent-banner .env-button--ghost:hover,
.sv-marketplace-sitevision-cookie-consent .env-button--primary:hover {
  background: rgba(196, 211, 212,0.6);
  border-color: #979797;
}

/* Slider - ej aktiverad */
.sv-cookie-consent-banner .env-switch .env-switch__slider,
.sv-cookie-consent-modal .env-switch .env-switch__slider {
  background-color: #fff;
  border-color: #222222;
}

/* Slider - aktiverad */
.sv-cookie-consent-banner input:checked~.env-switch__slider,
.sv-cookie-consent-modal input:checked~.env-switch__slider {
  background-color: #C4D3D4;
  border-color: #222222;
}

/* Slider - prick */
.sv-cookie-consent-banner .env-switch .env-switch__slider::before,
.sv-cookie-consent-modal .env-switch .env-switch__slider::before {
	background-color: #222;
}

/*
---------------------------------------------------------
Dekoration: Informationssruta
--------------------------------------------------------- */


.lp-box-information h2,
.lp-box-information h2.subheading {
  color: #222;
  font-family: 'Open Sans',Arial,Helvetica, sans-serif !important;
  font-size: 1.8rem;
  font-weight: bold;
}

.lp-box-information h3,
.lp-box-information h3.subheading {
  color: #222;
  font-family: 'Open Sans',Arial,Helvetica, sans-serif !important;
  font-size: 1.6rem;
  font-weight: bold;
}

.lp-box-information a > img.sv-linkicon {
  display: none;
}