html, body{
	height: 100%;
}





.nowrap{
  white-space: nowrap;
}


.ocean-blue-light{
  color: #4ebef7;
}

.ocean-blue, trix-editor a, .ocean-blue-link a{
  color: #4292CF;
}
.bg-ocean-blue{
  background-color: #4292CF;
}
.contact-phone-link a, .quill-output a, .faq-description a{
  color: #4292CF;
}

.ocean-purple{
  color: #48424e;
}
.bg-ocean-purple{
  background-color: #48424e;
}
.bg-black-03{
  background-color: rgba(0,0,0,0.03);
}

body, body *{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family: 'GothamPro', sans-serif;
}

.hover-o-100:hover{
  opacity: 1;
}

.hover-bg-black-03:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.hover-bg-none:hover {
  background-color: transparent;
}

/* [type="text"],
input[type="date"],
input[type="time"],
input[type="datetime-local"] input[type="password"] */

input, textarea, select{
  padding: 0.5rem;
  border-radius: .25rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0,0,0,0.5);
  color: rgba(0,0,0,0.7);
  font-weight: 300;
  line-height: 1.5;
}


input[type="date"],
input[type="time"],
input[type="datetime-local"]{
  cursor:text;
}

input::-webkit-calendar-picker-indicator{
  cursor: pointer;
}

input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-year-field:focus,
input::-webkit-datetime-edit-hour-field:focus,
input::-webkit-datetime-edit-minute-field:focus {
  color: black;
}



/* input[type="date"],
input[type="time"],
input[type="datetime-local"]{
  color: rgba(0,0,0,0.25);
} */



/* input[type="date"]:not([value=""]),
input[type="time"]:not([value=""]),
input[type="datetime-local"]:not([value=""]){
  color: black;
} */



select{
  padding: 0.3rem;
}

select option{
  font-weight: 300 !important;
}

textarea{
  line-height: 1.3;
}

textarea{
  resize: none;
}

label{
  font-weight: 600;
}

input:focus, textarea:focus, select:focus{
  outline-color: rgba(0,0,0,0.65);
}

.autogrow {
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  display: grid;
}
.autogrow::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";

  /* This is how textarea text behaves */
  white-space: pre-wrap;

  /* Hidden from view, clicks, and screen readers */
  visibility: hidden;
}
.autogrow > textarea {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;

  /* Firefox shows scrollbar on growth, you can hide like this. */
  overflow: hidden;
}
.autogrow > textarea,
.autogrow::after {
  /* Identical styling required!! */
  border: 1px solid rgba(0,0,0,0.5);
  padding: 0.5rem;
  font: inherit;

  /* Place on top of each other */
  grid-area: 1 / 1 / 2 / 2;
}

.min-h4{
  min-height: 8rem;
}

.error, .error *{
  color: #FF4136 !important;
}
.error input, .error textarea{
  color: #FF4136 !important;
  border-color: #FF4136 !important;
}




/*
sticky footer
*/

html, body{
  height: 100%;
}





.site-container{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content {
  flex: 1 0 auto;
}


header, footer {
  flex: none; /* 2 */
}
















.bg-ocean-purple-90{
  background-color: rgba(72, 66, 78, 0.9);
}

.w35{
  width: 6rem;
}

.fancybox-caption {
  bottom: 1rem;
  font-size: auto;
  font-weight: 400;
  line-height: 1.5;
  padding: 0;
  left: 3rem;
  right: 3rem;
} 


.fancybox-caption:before {
  background: none;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.fancybox-caption:after {
  border: none;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}




.sidebar-nav {}

.sidebar-nav .label {
  display: none;
}

.sidebar-nav.sidebar-hover .label,
body.sidebar-hover .sidebar-nav .label {
  display: block;
}

.touch .sidebar-nav .hover-trigger{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:6000;
}

.sidebar-hover .hover-trigger{
  display: none;
}

.touch .unhover-trigger{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:4000;
  display: none;
}

.sidebar-hover .unhover-trigger{
  display: block;
}

.sidebar-nav .nav-item i,
.sidebar-nav .nav-item .label {
  opacity: 0.5;
}

.sidebar-nav .nav-item.current i,
.sidebar-nav .nav-item.current .label {
  opacity: 1;
}

.sidebar-nav .nav-item:hover i,
.sidebar-nav .nav-item:hover .label {
  opacity: 1;
}




footer {
  margin-left: 65px;
}

.sidebar-nav {
  margin-top: 60px;
  margin-bottom: -60px;
}

.site-content {
  margin-top: 63px;
  margin-left: 34px;
}


/* 		MEDIUM		*/
@media screen and (min-width: 48em) and (max-width: 64em) {}

/* 		NOT SMALL		*/
@media screen and (min-width: 48em) {
  .site-content {
    margin-top: 75px;
    margin-left: 65px;
  }

  footer {
    margin-left: 65px;
  }

  .sidebar-nav {
    margin-top: 67px;
    margin-bottom: -67px;
  }
}

/* 		LARGE		*/
@media screen and (min-width: 64em) {
  .header-bg {
    min-height: 70px;
  }
}





















/* ------------------------------------- */
/* ------------------------------------- */
/* ------------------------------------- */
/* ------------------------------------- */















































/* ------------- from ADMIN.CSS ------------- */



body {
  /* font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; */
  /* 	font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; */

  /* font-family:'Roboto Mono' ; */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* 	font-weight: 300; */

}






input,
textarea,
.textarea,
select.multi-select {
  /* background: rgb(227, 234, 229); */
  /* border: 1px solid rgb(227, 234, 229); */
  /* border: 1px solid rgba(200,200,200,0.35); */
  /* border-top: 1px solid rgba(200,200,200,1); */
  /* border-left: 1px solid rgba(200,200,200,1); */
}





textarea,
.textarea {
  resize: none;
  padding: 0.2rem 0.5rem !important;
}


input:focus,
textarea:focus,
.textarea:focus {
  /* border-color: rgba(29, 29, 27, 1); */
  /* color: rgba(29, 29, 27, 1); */
  /* background: rgba(255, 255, 255, 1); */
}

/* 
button:focus {
  background-color: rgb(58, 148, 111);
  color: #fff;
}
 */
button[rel~="save"],
a[rel~="delete"] {
  cursor: pointer;
}


/* 
.roboto {
  font-family: 'Roboto', sans-serif;
} */




.dwa-red {
  color: #e94e13;
}
.bg-dwa-red {
  background-color: #e94e13;
}


label small {
  font-size: 75%;
}




.button-submit {
  /* background-color: rgba(19, 19, 17, 1); */
  /* padding: 1.1rem 1.3rem; */
  /* color: rgba(255, 255, 255, 0.9); */
  /* font-family: 'Roboto Mono'; */
}


/* 
.button-login {
  background-color: rgba(19, 19, 17, 0.17);
  padding: 1.1rem 1.3rem;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Roboto Mono';
  cursor: pointer;
}

.button-login:hover {
  background-color: rgba(19, 19, 17, 0.27);
} */


/* fixit alt stripe colors */
/* 
.stripe-dark:nth-child(odd),
.bg-alt {
  background-color: rgb(227, 234, 229);
}

.bg-default {
  background-color: rgb(240, 244, 241);
}
 */

.stripe-dark:nth-child(odd) {
  background-color: transparent;
}
.stripe-dark:nth-child(even) {
  background-color: rgb(0,0,0,0.03);
}




 .bg-nav {
  /* background-color: rgb(29, 29, 27); */
}

.bg-subnav {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0,0,0,0.7);
}

.bg-subnav a {
  opacity: 0.7;
  /* color: rgba(0, 0, 0, 0.7); */
  font-weight: 400;
  /* font-family: 'Roboto Mono'; */
  /* font-family: 'Roboto', sans-serif; */
  /* font-weight: 400; */
  /* font-size: 0.9rem; */
}

.bg-subnav a:hover{
  opacity: 1;
  /* text-decoration: underline; */
}

.green {
  color: rgb(52, 131, 98);
}



header a {
  /* font-family: 'Roboto Mono';
  font-weight: 400; */
}

.nav-right {
  font-size: 85%;
}






















/* fixit? */
/* 

select.multi-select option:checked {
  background-color: #000;
  color: white;
}

select.multi-select:focus {
  background: white;
  outline: none;
}
 */



.upload-container {
  background-color: white;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
  border: 0.3rem solid #fff;
}

.preview-image>img {
  display: block;
}







.fs80 {
  font-size: 80%;
}












/* ------------------------------------- */
/* ------------------------------------- */
/* ------------------------------------- */
/* ------------------------------------- */

















/* ------------- from base hbs ------------- */









.f7 {
  font-size: .675rem;
}

body,
body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.invert {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1');
}

.hover-o-100:hover {
  opacity: 1;
}

.hover-o-70:hover {
  opacity: 0.7;
}

.hover-bg-black-05:hover {
  background: rgba(0, 0, 0, 0.05);
}

.hover-underline:hover {
  text-decoration: underline;
}

.hover-no-underline:hover {
  text-decoration: none !important;
}






table.tablesorter {
  width: 100%;
  text-align: left;
  /* font-size: 14px; */
  /* line-height: 14px; */
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  /* background-color: rgba(0, 0, 0, 0.1); */
  /* padding: 8px; */
}

table.tablesorter thead tr .header {
  background-image: url(/images/tablesorter-bg.png);
  background-repeat: no-repeat;
  /* background-position: center left; */
  background-position-x: -2px;
  background-position-y: 47%;
  cursor: pointer;
}

table.tablesorter tbody td {
  /* 	color: #3D3D3D; */
  /* padding: 8px; */
  /* vertical-align: top; */
}

table.tablesorter tbody tr.odd td {
  /* background-color: #eee; */
}

table.tablesorter thead tr .headerSortUp {
  background-image: url(/images/tablesorter-asc.png);
}

table.tablesorter thead tr .headerSortDown {
  background-image: url(/images/tablesorter-desc.png);
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  /* background-color: #4292CF;   */
  /* background-color: #4ebef7; */
  background-color: rgba(0,0,0,0.05);
}

table.tablesorter tbody tr {
  /* border-bottom: 1px solid #eee; */
}


table.tablesorter {
  border-collapse: collapse;
  border: 0 none;
}

table.tablesorter thead tr {
  border: 0 none;
}

table.tablesorter tbody tr {
  /* border-top: 0.125rem solid #e5e5e5; */
  /* border-top: 0.125rem solid rgba(0,0,0,0.2); */
  border-top: 0.125rem solid #ccc;
  border-bottom: 0 none;
  border-left: 0 none;
  border-right: 0 none;
}

table.tablesorter tr.inactive td {
  opacity: 0.4;
}



.b--ccc {
  border-color: #ccc;
}

.b--666 {
  border-color: #666;
}




table.list-table tr:hover td {
  background-color: rgba(0, 0, 0, 0.01);
}











  #search-form {
    /* background: rgba(255,255,255, 0.1); */
    /* background: rgba(0,0,0, 0.1); */
    border: 3px solid rgba(255,255,255, 0.25);
    border-width: 0.13rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    padding: 0.05rem 0 0.05rem 0.3rem;
  }


  #search-form input{
    border: 0 none;
    background: transparent;
    color: rgba(255,255,255, 0.5);
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0;
    line-height: 1.8;
  }
  #search-form input:focus{
    outline: none;
  }
  #search-form button{
    background: transparent;
    color: rgba(255,255,255, 0.5);
    outline: none;
    border: none;
    font-size: 0.75rem;
    margin-right: 0.1rem;
    margin-left: 0.1rem;
  }


  #search-form:focus-within {
    /* background: rgba(0,0,0, 0.1); */
    background: rgba(255,255,255, 0.05);
    border-color: rgba(255,255,255, 0.35);
  }
  #search-form:focus-within *{
    color: rgba(255,255,255, 0.6);
  }









  a.ocean-blue:hover{
    text-decoration: none !important;
  }





















    .list-table-container {
      overflow-x: auto;
    }

    table.list-table {
      width: 100%;
      text-align: left;
      /* white-space: nowrap; */
    }



    table.list-table thead tr th {
      /* position: relative; */
    }

    /* table.list-table .table-sort {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
    } */



    table.list-table {
      border-collapse: collapse;
      border: 0 none;
    }

    table.list-table thead tr {
      border: 0 none;
    }

    table.list-table tbody tr {
      /* border-top: 0.125rem solid #e5e5e5; */
      /* border-top: 0.125rem solid rgba(0,0,0,0.2); */
      border-top: 0.125rem solid #ccc;
      border-bottom: 0 none;
      border-left: 0 none;
      border-right: 0 none;
    }

    table.list-table tr.inactive td {
      opacity: 0.4;
    }


    .table-sort {
      cursor: pointer;
      white-space: nowrap;
      /* font: inherit;
      color: inherit;
      text-transform: inherit;
      letter-spacing: inherit;
      border: 0;
      background: inherit;
      display: block;
      width: 100%;
      text-align: inherit; */
      /* transition: color .3s; */
      /* margin: -.5rem -.75rem; */
      /* padding: .5rem .75rem */
    }


    .table-sort:hover {
      background: rgba(0,0,0,0.03);
    }
    .table-sort.asc,
    .table-sort.desc {
      background: rgba(0,0,0,0.05);
    }

    .table-sort:after {
      content: "";
      display: inline-flex;
      width: 1rem;
      height: 1rem;
      vertical-align: middle;
      -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
      mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
      background: currentColor;
      margin-left: .25rem;
      margin-top: -.2rem;
      opacity: 0.5;
    }
  
    .table-sort.asc:after {
      -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 10l3 -3l3 3'/></svg>");
      mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 10l3 -3l3 3'/></svg>")
    }
  
    .table-sort.desc:after {
      -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7l3 3l3 -3'/></svg>");
      mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7l3 3l3 -3'/></svg>")
    }