/**
 * UTILITY CLASSES
 */

.right {
    text-align: right;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.pointer {
    cursor: pointer;
}
.small {
    font-size: 75%;
}

/* a hyperlink */
a {
   color: black;
   text-decoration: underline;
}

a:hover, a:active {
   color: black;
   text-decoration: underline;
}

/* a hyperlink that looks like bold text until you hover it */
a.quietlink {
    color: black;
    text-decoration: none;
    font-weight: bold;
}
a.quietlink:hover {
    text-decoration: underline;
    color: #995B5D;
}

a.silentlink {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}
a.nolink {
    cursor: inherit;
}

/* Remove borders on links when clicked */
a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

/* folded paper corners */
div.foldedcorner {
    position:relative;
}
div.foldedcorner:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #658E15 #fff;

    transform: rotate(90deg);
}

/* background color mixins */

.bgwhite {
    background-color: white;
}
.bgbeige {
    background-color: #F7F4F2;
}
.bggray {
    background-color: #ecebe7;
}
.bgblack {
    background-color: #262626;
}
.bggreen {
    background-color: #A4B494;
}


/* border mixins */
.bottomred {
    border-bottom: 4px solid #995B5D;
}


/* override when using BS4's custom-checkbox class, to evrtically align the checkbox to text; wasn't sure where to put this in the various tyle-* files */
.custom-control-label {
    cursor: pointer;
}
.custom-control-label::before {  /* the fake checkbox's square */
    top: 0.125rem;
}
.custom-control-label::after {  /* the fake checkbox's checkmark */
    top: -.15rem;
    left: -1.75rem;
    width: 1.5rem;
    height: 1.5rem;
}

/* Back/Forth arrows */
.slick-prev:before,
.slick-next:before
{
    color: #262626;
}


/* TableSorter + Bootstrap 4 theme = grey background; override that */
.tablesorter-bootstrap:not(.table-dark) tfoot td, .tablesorter-bootstrap:not(.table-dark) tfoot th, .tablesorter-bootstrap:not(.table-dark) thead:not(.thead-dark) .tablesorter-header {
    background-color: inherit;
}