/*
=========================================================
GE FÖR LIVET CSS
=========================================================
 * Innehåller styling för Ge För Livet.
 * 
=========================================================*/

/*
.lp-logo img {
  width: 229px !important;
}*/

.pagecontent .sv-text-portlet h1,
.pagecontent .sv-text-portlet h2,
.pagecontent .sv-text-portlet h3,
.pagecontent .sv-text-portlet h4 {
  color: #4a4a4a;
}

.lp-topmenu li > a.lp-current,
.sv-multilevellink-portlet a,
.sv-marketplace-sitevision-breadcrumbs a.env-link-secondary,
.sv-marketplace-sitevision-breadcrumbs a.env-link-secondary:hover,
.sv-marketplace-sitevision-breadcrumbs a.env-link-secondary:focus,
.lp-banner .lp-banner__title,
.lp-church-box a,
.lp-instagram__created,
.lp-topmenu li > a:hover,
.lp-topmenu li > a:focus,
.sv-search-result li a,
.lp-skip-to-menu-mobile {
  color: #588059; /* #c85200 */
}

.lp-level-1 > li > a,
.lp-mega-menu,
button,
.lp-button,
input[type='button'],
input[type='submit'],
input[type='reset'],
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset],
.sv-decoration-knapp a,
.lp-menu .lp-close-button {
  background-color: #588059; /* #c85200 */
}

.lp-mega-menu .pagecontent .sv-text-portlet h1,
.lp-mega-menu .pagecontent .sv-text-portlet h2,
.lp-mega-menu .pagecontent .sv-text-portlet h3,
.lp-mega-menu .pagecontent .sv-text-portlet h4 {
  color: #fff;
}

.lp-mega-menu a:hover {
  color: #fff;
}

.lp-content-list__title .lp-icon,
.lp-has-children > button .lp-icon,
.lp-quick-links .lp-icon,
.lp-site-top .sv-searchform-portlet .lp-icon {
  fill: #588059; /* #c85200 */
}

.lp-breadcrumb > li:first-child,
.lp-breadcrumb > li:first-child + li > .lp-sep {
  display: none;
}

.lp-level-1 > li > a:hover,
/*.lp-mega-menu, */
button:hover,
.lp-button:hover,
input[type='button']:hover,
input[type='submit']:hover,
input[type='reset']:hover,
.sv-defaultFormTheme input[type=button]:hover,
.sv-defaultFormTheme input[type=submit]:hover,
.sv-defaultFormTheme input[type=reset]:hover,
.sv-decoration-knapp a:hover,
.lp-menu .lp-close-button:hover,
.lp-level-1 > li > a:focus,
button:focus,
.lp-button:focus,
input[type='button']:focus,
input[type='submit']:focus,
input[type='reset']:focus,
.sv-defaultFormTheme input[type=button]:focus,
.sv-defaultFormTheme input[type=submit]:focus,
.sv-defaultFormTheme input[type=reset]:focus,
.sv-decoration-knapp a:focus,
.lp-menu .lp-close-button:focus {
  background-color: #466647; /* #ad4700 */
}

a:hover,
a:focus,
.normal a,
.preamble a,
.normal a:hover,
.normal a:focus,
.preamble a:hover,
.preamble a:focus {
  color: #547a55; /* Närmsta som klarar sig mot den grå bakgrunden */
}

.sv-decoration-knapp a,
.sv-decoration-knapp a:hover,
.sv-decoration-knapp a:focus {
  color: #fff;
}

/*
---------------------------------------------------------
VARIABLER UNDERMENY
---------------------------------------------------------*/
.lp-app-submenu {
  --lp-submenu-color--back-link: #466647;
  --lp-submenu-color--back-link-contrast: #fff;
  --lp-submenu-color--level-1: #588059;
  --lp-submenu-color--level-1-contrast: #fff;
  --lp-submenu-color--primary: #f5f6f0;
  --lp-submenu-color--primary-dark: #ddddd8;
  --lp-submenu-color--secondary: #fff;
  --lp-submenu-font-color: #fff;
  --lp-submenu-font-color-secondary: #000;
}

.lp-overlay__container,
.lp-overlay-button__wrapper,
.lp-overlay__container .lp-app-submenu {
  --lp-overlay-focus-color: rgb(88 128 89 / 50%);
  --lp-overlay-primary-color: #588059;
  --lp-overlay-primary-color-contrast: #fff;
  --lp-overlay-primary-color-dark: #466647;
}

/*
---------------------------------------------------------
VARIABLER FACETTERAD SÖK
---------------------------------------------------------*/
.lp-search {
  --lp-border-color-facet: rgb(88 128 89 / 50%);
  --lp-element-primary--background: #588059;
  --lp-element-primary--background-dark: #466647;
  --lp-focus-shadow: 0 0 0 0.4rem rgb(88 128 89 / 50%);
  --lp-focus-shadow-color: #466647;
}

.lp-search__section {
  background-color: rgba(88, 128, 89, 0.1);
}

.lp-search__section .lp-search form button .lp-icon {
  fill: #588059;
}