/* 
Overwrites that isolutions did in the portalbasicstheme and we moved to here
We're not sure how isolutions did the changes. They could have created a customized portalbasictheme.css https://learn.microsoft.com/en-us/power-pages/configure/bootstrap-overview#customize-bootstrap 

I resett the portalbasictheme.css, changed things to the target design and compared the two resulting css in vscode.
The delta I moved here.
*/

/* Overwritten Bootstrap variables */
:root {
  --bs-body-font-weight: 300;
  --bs-body-line-height: 26px;
  --bs-font-sans-serif: Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-btn-hover-bg: #EA161F;
}

/* Navbar */
.static-top.navbar .menu-bar>.navbar-nav>li>a {
  font-weight: var(--bs-body-font-weight) !important;
  font-size: 16px !important;
}

.navbar-dark .navbar-nav>li>a,
.navbar-dark .navbar-nav>li.dropdown>a {
  font-weight: var(--bs-body-font-weight) !important;
  font-size: 16px !important;
}

a,
.a {
  font-weight: var(--bs-body-font-weight) !important;
  font-size: 16px !important;
}

.login-heading-section {
  font-weight: var(--bs-body-font-weight);
  font-size: 21px;
  line-height: 25px;
}

h1,
.h1,
.section-landing-heading,
.section-landing .row>div .section-landing-heading,
.section-inline-search .row>div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p {
  line-height: 48px;
}

h2,
.h2,
.section-landing .row>div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
  line-height: 36px;
}

h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
  line-height: 32px;
}

h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4 {
  line-height: 28px;
}

h5,
.h5 {
  line-height: 24px;
}

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span {
  line-height: 26px;
}

/* We didn't try to mimic all the changes isolutions did. 
We let the testers test and if not happy we change directly in portalbasictheme.css.
   reasons: isolutions added .button2:not(.gjs-selected):hover to the original button2:hover and I'm not sure yet why
*/

/* Prevent a clicked button from becoming blue */
.btn:focus-visible,
.btn:disabled {
  color: #FFFFFF !important;
  background-color: #323130 !important;
  border-color: #191817 !important;
}

/* those are the additional changes that were done by isolutions
.button1:focus,
.button1.focus,
.button1:focus-visible .button2:active {
  color: #FFFFFF !important;
  background-color: #323130 !important;
  border-color: #191817 !important;
}

.button2.active,
.btn-secondary:active,
.btn-secondary.active,
.btn-default:active,
.btn-default.active {
  color: #FFFFFF !important;
  background-color: #323130 !important;
  border-color: #191817 !important;
} 

.button1 {
remove those
  border-width: 1.6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

.button1:hover { ->  .button1:not(.gjs-selected):hover {
.button1:active, .button1.active { ->   .button1:not(.gjs-selected):active, .button1.active:not(.gjs-selected) {

remove     border-color: #191817 !important; }
.button1:focus, .button1.focus { ->   .button1:focus, .button1.focus, .button1:focus-visible {
remove border-color: #191817;

*/

/* END */


/* Overwrites theme.css with be styling from https://kantonbern.snowflake.ch/styleguides/1/Kanton-Bern/#start */

/* To match line under header from https://www.cd.sites.be.ch/d/mLaezX2xseW6/anwendungen#/online/web */
.static-top.navbar-dark {
  border: none;
  border-bottom: 1px solid #DEDEDE;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* END */

/* We only stile links in the main content. Otherwise SharePoint Document Controls and others behave strangly.  */
/* .wrapper-body p a {
  text-decoration: none !important;
} */

.wrapper-body p a:hover,
.wrapper-body p a:focus {
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

/* .wrapper-body p a:not(.btn):hover {
  text-decoration: none !important;
} */
/* END */

/* To match https://kantonbern.snowflake.ch/styleguides/1/Kanton-Bern/#Am4135 */
.wrapper-body p a:hover {
  text-decoration: none !important;
}

.wrapper-body p a:visited {
  color: #EA161F;
}

/* END */

/* To remove link behavior from Fachapplikations-Titel under logo */
.static-top.navbar-dark .navbar-brand a {
  text-decoration: none !important;
}

/* END */

/* To match vollständigen Header from https://www.cd.sites.be.ch/d/mLaezX2xseW6/anwendungen#/online/web/web-styleguide */
.static-top.navbar .menu-bar>.navbar-nav>li>a {
  border-bottom: 2px solid transparent !important;
  /* Reserve space with transparent border to prevent layout shifts */
}

.static-top.navbar .menu-bar>.navbar-nav>li>a:hover {
  text-decoration: none !important;
  border-bottom: 2px solid #EA161F !important;
}

/* Remove background color */
.navbar-dark .navbar-nav .show.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {

  background-color: inherit !important;
  color: black !important;
}

/* Remove dividers */
.nav-item.divider-vertical {
  display: none;
}

/* END */

/* To match submenu styling from https://kantonbern.snowflake.ch/styleguides/1/Kanton-Bern/#Am4687 */
.static-top.navbar .menu-bar>.navbar-nav>li .dropdown-item {
  text-decoration: none !important;
  border-bottom: 2px solid transparent;
  /* Reserve space with transparent border to prevent layout shifts */
}

.static-top.navbar .menu-bar>.navbar-nav>li .dropdown-item:hover {
  text-decoration: none !important;
  border-bottom: 2px solid #191817;
}

/* END */

/* To move logo on same line as content */
#header-custom-container {
  padding: 0px 16px;
}

#header-custom-container>.navbar-brand {
  padding-left: 0px;
}

/* END */

/* To match "Footer reduziert" from https://www.be.ch/de/start/dienstleistungen/medien/medienmitteilungen.html?newsID=2ae09807-8d9e-4eee-a05b-078b04dd1919 */
footer {
  border-top: 1px solid #EEEEEE;
}

footer .footer-bottom {
  padding-top: 35px;
  padding-bottom: 25px;
}

/* Align footer content to middle as rest of the content */
@media (min-width: 576px) {
  .footer-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .footer-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .footer-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .footer-container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .footer-container {
    max-width: 1320px;
  }
}

.footer-container {
  align-self: center;
  width: 100%;
  padding: 16px;
}

/* END /*