/*!
 * FileMaker WebDirect Custom Homepage by Harlow Technologies Inc.
 * http://www.harlowtech.com/
 *
 * Copyright (c) 2016-2018 Harlow Technologies Inc.
 * Released under the MIT license
 * https://github.com/bharlow/fm-webdirect-custom/blob/master/LICENSE.txt
 *
 * FileMaker is a trademark of FileMaker, Inc., registered in the U.S.and other countries. FileMaker WebDirect is a trademark of FileMaker, Inc.
 * Bower: Browser Detection (https://github.com/lancedikson/bowser) is licensed under the MIT license.
 *
 * Date: 2018-06-13 10:00 PST
 * Version: 2.4
 */

/* Base Styles */
body { 
	font-family: Arial;
	font-size: 16px;
}

.loginSection{
	margin-top: 40px!important;
	border: 1px solid #ddd;
	padding: 15px;
}

.heading2{
	margin-top: 5px; 
}
/* Understryk endast länkar i brödtext */
.info-text a,
p a {
  text-decoration: underline !important;
}

/* Förstärk hover (men ta inte bort understrykning) */
.info-text a:hover,
p a:hover {
  text-decoration: underline !important;
}

/* Tydlig fokusmarkering för tangentbord */
.info-text a:focus,
p a:focus {
  outline: 3px solid #000;
  outline-offset: 2px;
}

.logo {
  max-width: 175px;   /* justera efter smak */
  width: 100%;
  height: auto;
}
/* Desktop – visa logga */
.logo-desktop {
  display: block;
  max-width: 300px;
  margin: 0 auto;
}

/* Mobil – dölj text som standard */
.logo-mobile {
  display: none;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  margin: 1rem 0;
}

h4 {
  font-size: 1.25rem;
  max-width: 40ch;      /* begränsar radlängd */
  margin: 0 auto;
}

/* Mobil */
@media (max-width: 576px) {
  .logo-desktop {
    display: none;
  }

  .logo-mobile {
    display: block;
  }
/* Dra ihop rubrik + formulär */
  .heading2 {
    margin-bottom: 0.5rem;
    max-width: 28ch;
    font-size: 1rem;
  }

  .loginSection {
    margin-top: 0 !important;
    padding: 0;
    border: none;
    background: transparent;
  }
  h4 {
    font-size: 1rem;    /* ungefär som h5 */
    max-width: 28ch;
	margin-bottom: 0 !important;
	/*margin-bottom: 0.5rem; /* ← NY */
  } 
  .info-text {
    margin-top: 0.5rem !important; /* istället för mt-4 */
    font-size: 0.9rem;
  }
   .mt-4 {
    margin-top: 0.5rem !important;
  }
}

.info-text a:link,
.info-text a:visited {
  text-decoration: underline !important;
}

.info-text a:hover,
.info-text a:active,
.info-text a:focus {
  text-decoration: underline !important;
}

/* Start page layout */
.start-body {
  margin: 0;
  font-family: Arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  text-align: center;
}

.start-main {
  padding: 1.5rem;
  width: 100%;
  max-width: 420px;
}

.start-logo {
  max-width: 240px;
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}

.start-title {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

/* GU button style */
.btn-gu {
  display: block;
  margin: 0.75rem 0;
  padding: 0.9rem;
  background-color: #005293;
  color: #ffffff;
  text-decoration: none;
  border-radius: 6px;
  border: 2px solid #005293;
  font-size: 1rem;
}

.btn-gu:hover,
.btn-gu:focus {
  background-color: #003f73;
  border-color: #003f73;
  color: #ffffff;
  outline: 3px solid #000;
  outline-offset: 3px;
}

.btn-gu.secondary {
  background: #ffffff;
  color: #005293;
}

/* fieldset{

    padding: 10px;
    margin: 10px;
    border: 1px solid #666;
} */

/* Browser Check */
#browserInvalid,
#browserValid { 
	display:none; 
}
#browserInvalid{
	margin-top: 40px;
}
.browserInvalid p { text-align:center; }
.browserInvalid div { text-align: left; margin: 0px auto; display: inline-block; }
.browserInvalid div ul { text-align:left; }