/**
 * Styling of things other than colour, layout, and typography.
 *
 *  border
 *  border-radius
 *  box-shadow
 *  text-align
 *  scale
 */

/* Shadows: https://materializecss.com/shadow.html */

:root {
  --border-radius: 0.5em;
  --shadow-depth-1: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
  --shadow-depth-2: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
  --shadow-depth-3: 0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
}

.mainmenu ul.menu .menu-item,
.usermenu ul.menu .menu-item{
  list-style-type: none;
  list-style-image: none;
}


/* Menu active trail */

.menu-item > a.is-active,
.menu-item--active-trail:not(:has(ul)) > a {
  border-bottom: 2px solid currentColor;
}

.menu-item {
  *list-style-image: url(/sites/default/themes/sat/images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

.menu-item--expanded {
  *list-style-image: url(/sites/default/themes/sat/images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

.menu-item--collapsed {
  *list-style-image: url(/sites/default/themes/sat/images/menu-collapsed.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  list-style-type: disc;
}



/* Primary tabs */

.tabs.primary li {
  border-radius: var(--border-radius);
}

.tabs.primary li {
  /* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.23); /* Material Design Level 2 */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.23); /* Material Design Level 1? */
}

.messages {
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #cccccc;
  border-radius: var(--border-radius);
}

.view.cards article {
  border-radius: var(--border-radius);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* Tables */

thead th {
  text-align: left;
}

thead th.views-align-right {
  text-align: right;
}

thead tr {
  border-bottom: 2px;
  border-bottom-style: solid;
}

tbody tr {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

tfoot tr {
  font-weight: bold;
}

tfoot tr:first-child {
  border-top-width: 2px;
  border-top-style: solid;
}

tfoot tr:last-child {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.tableresponsive-toggle-columns button {
  border-radius: 1rem;
}

/* Forms */

input {
  border-radius: var(--border-radius);
  border-style: none;
}

input[type="submit"] {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.23); /* Material Design Level 2 */
}

input.facets-checkbox {
  scale: 1.3;
}