/*!
 * 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; 
}


.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 */
  }
}

/* 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; }