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

/*
.lp-logo img {
  width: 155px !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: #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: #c85200;
}

.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: #ad4700;
}

.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: #c85200;
}

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

.lp-cta-banner .lp-banner__image-container:after {
  display: none;
}

.lp-button--green {
  background-color: #c85200;
}

.lp-button--green:hover,
.lp-button--green:focus {
  background-color: #ad4700;
}

.lp-button--green:active {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}

/*
---------------------------------------------------------
VARIABLER UNDERMENY
---------------------------------------------------------*/
.lp-app-submenu {
  --lp-font-size-small: clamp(1.6rem,1.8vw,1.8rem);
  --lp-font-size-x-small: clamp(1.5rem,1.6vw,1.6rem);
  --lp-submenu-border-color: rgba(0, 0, 0, 0.1);
  --lp-submenu-color--back-link: #ad4700;
  --lp-submenu-color--back-link-contrast: #fff;
  --lp-submenu-color--level-1: #c85200;
  --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(200 82 0 / 50%);
  --lp-overlay-primary-color: #c85200;
  --lp-overlay-primary-color-contrast: #fff;
  --lp-overlay-primary-color-dark: #ad4700;
}

/*
---------------------------------------------------------
VARIABLER FACETTERAD SÖK
---------------------------------------------------------*/
.lp-search {
  --lp-border-color-facet: rgb(200 82 0 / 50%);
  --lp-element-primary--background: #c85200;
  --lp-element-primary--background-dark: #ad4700;
  --lp-focus-shadow: 0 0 0 0.4rem rgb(200 82 0 / 50%);
  --lp-focus-shadow-color: #ad4700;
}

.lp-search__section {
  background-color: rgba(200, 82, 0, 0.1);
}

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