/* VARIABLES */
:root {
  --header-color: #43718c;
  --header-background-image: none;
  --color-background-primary: #ffffffdb;
  --color-background-primary-content: #ffffffdb;
  --color-text-primary: rgb(51 51 51);
  --color-text-primary-content: rgb(51 51 51);
  /*--color-contrasted-elements: #43718c;*/
  --color-contrasted-elements: #ffa425;
  /*--color-contrasted-elements-light: #c3dceb;*/
  --color-contrasted-elements-light: #ffc47c;
  --color-contrasted-text: white;
  --color-dark-gray-elements: rgb(51 51 51);
}

/* BODY */
body {
  background-color: var(--color-background-primary);
}

/* BUTTONS */
button.btn,
a.btn,
input.btn,
label.btn {
  background-image: none;
  border: 1px solid transparent;
  background-color: var(--color-contrasted-elements-light);
  color: var(--color-text-primary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-shadow: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}

button.btn:focus,
a.btn:focus,
input.btn:focus {
  background-color: var(--color-contrasted-elements-light);
  color: var(--color-text-primary);
  outline: 2px solid rgba(227, 115, 41, 0.3);
  outline-offset: 2px;
}

button.btn:hover,
button.btn.active,
a.btn:hover,
a.btn.active,
input.btn:hover,
input.btn.active {
  background-color: #e37329;
  color: var(--color-contrasted-text);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(227, 115, 41, 0.3);
}

/* button types (bootstrap) */

/* button types */
.btn.btn-primary,
.btn.btn-primary:focus {
  background-color: #43718c;
  color: white;
  box-shadow: 0 2px 6px rgba(67, 113, 140, 0.3);
  border-radius: 4px;
  transition: all 0.3s ease;
}

.btn.btn-info,
.btn.btn-info:focus {
  background-color: #57bcda;
  color: white;
  box-shadow: 0 2px 6px rgba(87, 188, 218, 0.3);
  border-radius: 4px;
  transition: all 0.3s ease;
}

.btn.btn-success,
.btn.btn-success:focus {
  background-color: #95c02a;
  color: white;
  box-shadow: 0 2px 6px rgba(149, 192, 42, 0.3);
  border-radius: 4px;
  transition: all 0.3s ease;
}

.btn.btn-warning,
.btn.btn-warning:focus {
  background-color: #f9a227;
  color: white;
  box-shadow: 0 2px 6px rgba(249, 162, 39, 0.3);
  border-radius: 4px;
  transition: all 0.3s ease;
}

.btn.btn-danger,
.btn.btn-danger:focus {
  background-color: #da4f49;
  color: white;
  box-shadow: 0 2px 6px rgba(218, 79, 73, 0.3);
  border-radius: 4px;
  transition: all 0.3s ease;
}

/* hover & active */
.btn.btn-primary:hover,
.btn.btn-primary.active {
  background-color: #43718c;
  filter: brightness(110%);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(67, 113, 140, 0.4);
}

.btn.btn-info:hover,
.btn.btn-info.active {
  background-color: #57bcda;
  filter: brightness(110%);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(87, 188, 218, 0.4);
}

.btn.btn-success:hover,
.btn.btn-success.active {
  background-color: #95c02a;
  filter: brightness(110%);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(149, 192, 42, 0.4);
}

.btn.btn-warning:hover,
.btn.btn-warning.active {
  background-color: #f9a227;
  filter: brightness(110%);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(249, 162, 39, 0.4);
}

.btn.btn-danger:hover,
.btn.btn-danger.active {
  background-color: #da4f49;
  filter: brightness(110%);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(218, 79, 73, 0.4);
}

/* DROP-DOWN LISTS */
.dropdown-menu {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.dropdown-menu>li>a {
  transition: all 0.3s ease;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
  background-image: none;
  background-color: #e37329;
  color: var(--color-contrasted-text);
  transform: translateX(3px);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e37329;
  color: var(--color-contrasted-text);
  box-shadow: 0 3px 8px rgba(227, 115, 41, 0.3);
}

/* FORMS */

/* Form submit button container */
div.jforms-submit-buttons {
  padding: 5px;
  padding-top: 20px;
  background: none;
  border: none;
}

/* Form submit buttons */
div.jforms-submit-buttons.form-actions .btn {
  transition: none;
  border: 1px solid transparent;
  box-shadow: none;
  text-shadow: none;
}

div.jforms-submit-buttons.form-actions .btn:hover,
div.jforms-submit-buttons.form-actions .btn:focus {
  filter: brightness(0.95);
  color: black;
}

div.jforms-submit-buttons.form-actions .btn.jforms-ctrl-reset {
  background-color: lightgrey;
}

div.jforms-submit-buttons.form-actions #jforms_view_edition__submit_cancel {
  background-color: #fd8c62;
}

div.jforms-submit-buttons.form-actions #jforms_view_edition__submit_submit {
  background-color: #aedb6a;
}

/* HEADER */

#header {
  background-color: var(--header-color);
  background-image: var(--header-background-image);
  background-repeat: repeat;
  color: var(--color-contrasted-text);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

#logo {
  background: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/img/logo_sherd.png) no-repeat;
  background-size: contain;
}

#headermenu {
  background-color: transparent;
}

#auth {
  background: transparent;
}

.navbar .nav>a,
.navbar .nav>li>a,
.navbar .nav>li>a {
  color: var(--color-contrasted-text);
  transition: all 0.3s ease;
  border-radius: 4px;
}

.navbar .nav .active>a,
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
  background-color: rgba(227, 115, 41, 0.15);
  transform: translateY(-2px);
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
  color: var(--color-text-primary);
  background-color: var(--color-background-primary);
}

.navbar .nav>li>.dropdown-menu::after {
  border-bottom: 6px solid var(--color-background-primary);
}

.dropdown-menu {
  background-color: var(--color-background-primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.navbar .navbar-inner .icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_20_tools.png);
}

.navbar .nav .dashboard-item .icon {
  background-position: -975px 0;
}

.navbar .nav .dashboard-item a:hover .icon,
.navbar .nav .dashboard-item.active a .icon {
  background-position: -950px 0;
}

.navbar .nav .login .icon {
  background-position: -225px 0;
}

.navbar .nav .login a:hover .icon,
.navbar .nav .login.active a .icon {
  background-position: -200px 0;
}

.navbar .nav .registered .icon {
  background-position: -825px 0;
}

.navbar .nav .registered a:hover .icon,
.navbar .nav .registered.active a .icon {
  background-position: -800px 0;
}

.navbar .nav .user .icon {
  background-position: -575px 0;
}

.navbar .nav .user a:hover .icon,
.navbar .nav .user.active a .icon,
.navbar .nav .user.open a .icon {
  background-position: -550px 0;
}

.navbar .nav .home .icon {
  background-position: -25px 0;
}

.navbar .nav .home a:hover .icon,
.navbar .nav .home.active a .icon {
  background-position: 0 0;
}

#title h2, #title h2 a {
  /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
  font-size: 18px !important;
  /*font-weight: 400 !important;*/
  /*color: #5c3b1e;*/
  text-align: center;
  font-family: Georgia, Times New Roman, serif;
  /*letter-spacing: 2px;*/
  text-transform: uppercase;
  position: relative;
  padding-bottom: 0.6em;
}

#title {
  background: none !important;
}