/* style.css
 * /css/style.css
 * Thomas Sullinger
 * Created: 12/27/2021
 * Modified: 7/10/2024
 *
 * CSS for site-wide styles.
 */






/* Initialization */
#initializePage .contentBlock,
#signupPage .contentBlock {
  max-width: 900px;
}











/* COLORS */
.ltGray {color:#efefef;color:rgb(239,239,239)}
.gray {color:#888}
.gold {color:#ddb300}
.dGold {color:#bfa100}
.red {color:#990000;color:rgb(153,0,0)}
.green {color:#009900}
.orange {color:#dd6600}
.ltOrange {color:#ff8800;color:rgb(255,136,0)}
.blue {color:#00bdee;color:rgb(0,189,238)}
.dkblue {color:#0B80D6;color:rgb(11,128,214)}
.dkblue2 {color:#013963;color:rgb(1,57,99)}
.paleBlue {color:#E0F2FF;color:rgb(224,242,255)}
.mustard {color:#E0D15E;color:rgb(234,209,94)}
.paleYell {color:#ffffa7;color:rgb(255,255,167)}
.midGray {color:#ccc}
.violet {color:#7F00FF;color:rgb(127, 0, 255)}
.dkGreen {color:#22661C;color:rgb(34,102,28)}

.bluePart {background-color:#00bdee}












/* FONTS */
@font-face {
  font-family: 'robotobold';
  src: url(../fonts/roboto-bold.woff2) format('woff2'),
       url(../fonts/roboto-bold.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotomedium';
  src: url(../fonts/roboto-medium.woff2) format('woff2'),
       url(../fonts/roboto-medium.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'opensans';
  src: url(../fonts/opensans-variablefont.woff2) format('woff2'),
       url(../fonts/opensans-variablefont.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

div, p, h4 {font-family:opensans, Arial,sans-serif}
h1 {font-family:'robotobold',sans-serif;font-size:45px;line-height:50px;font-weight:800;text-transform:uppercase}
h2 {font-family:'robotobold',sans-serif;font-size:30px;line-height:30px;font-weight:800;text-transform:uppercase}
#respMenuBar h4, #expNavMenuButton, .userUnd, h2, h3, fieldset legend {font-family:'robotomedium',sans-serif;}
h3 {margin:0 0 10px 0;font-size:1.5em;line-height:1.2em;font-weight:600}
/*h3 {font-size:20px;line-height:20px;margin-bottom:2px;font-weight:600;text-transform:uppercase}*/
h4 {font-size:20px;line-height:20px;margin-bottom:2px;font-weight:600}
.contentBlock h4 {padding:0 15px 8px 15px;font-size:1.1em;line-height:1.2em}

h5 {font-weight:700}
.bigDetailsInfoInner h5 {padding:15px 15px 0 15px;font-size:16px;line-height:18px;font-weight:bolder;text-transform:uppercase}
.bigDetailsInfoInner h5:first-of-type {padding-top:0}

fieldset legend {margin:0 0 36px 0;font-size:1.5em;line-height:1.2em;font-weight:600}













/* It Begins */
* {text-decoration:none;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
::selection {
  background-color:#0B80D6;
  color:#fff
}
input, textarea {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
textarea {resize:none}
body {position:relative}
.hidden {display:none!important}
.noHelmet {margin-top:0!important;padding-top:0!important}
.noBottom {margin-bottom:0!important;padding-bottom:0!important}
strong {font-weight:bold}
strong.larger {font-size:larger}

div {font-size:18px;line-height:20px}
p, .userInfo {padding-top:12px}
div > p:first-of-type {padding-top:0}
.userInfo li span:first-of-type {padding-top:2px;font-size:16px;line-height:16px;font-weight:500}
b {font-weight:bold}
em {font-style:italic}
u {text-decoration:underline}
.centered {text-align:center}
.contentBlockInner h3 {margin-bottom:0;padding-bottom:48px}


table {margin-bottom:9px;font-size:18px;line-height:26px;text-align:left;white-space:nowrap;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0}
table th {padding:0 10px 3px 10px;font-weight:bold;font-size:20px;line-height:24px;text-transform:uppercase;border-bottom:2px solid #000}
table td {position:relative;padding:0 10px;white-space:nowrap;border-bottom:1px solid #eee}
table td.muchText {min-width:500px;max-width:500px;white-space:normal}
table th, table td {vertical-align:top}
.checkboxCol {width:20px;border-right:2px solid #ccc}
.tableInner {overflow-x: scroll}
.tableInner .noresultstoshow {display:block;padding-top:5px}
table input[type='checkbox'] {width:inherit;height:inherit;transform:scale(1.4)}
tr.highlighted {background-color:#eaeaea}
#latestErrorsDiv .noresultstoshow {padding-top:0}


.normalWeight {font-weight:normal!important}

.highlighted {border-bottom-color:#fff;background-color:rgba(0,0,0,.1)}

.noResults {line-height:20px}

dl {vertical-align:top;margin-block-start:0;margin-block-end:0}
dl dd {padding-top:2px;font-size:18px;line-height:20px;margin-inline-start:0;margin-inline-end:0;padding-inline-start:15px}
dl dd:first-of-type {padding-top:6px}
dl dt {padding-top:15px;padding-left:0;font-size:16px;line-height:18px;font-weight:bolder;text-transform:uppercase}
dl dt:first-of-type {padding-top:0}
dl.disabled {opacity:.3}

.col-2 > dl,
.resultsRowInner.col-2 > div {
  padding-top:15px
}
.col-2 {position:relative}
.col-2 > div {position:relative}
@media screen and (min-width:777px) {
  .col-2 > div,
  .col-2 > dl {
    display:inline-block;
    width:50%;
    vertical-align:top
  }
  .col-2 > div:nth-of-type(odd),
  .col-2 > dl:nth-of-type(odd) {
    padding-right:12px
  }
  .col-2 > div:nth-of-type(even),
  .col-2 > dl:nth-of-type(even) {
    padding-left:12px
  }
}



.bigDetailsInfoInner dl dt {padding-left:0}
.bigDetailsInfoInner dd {padding-inline-start:22px}

.buttonCont.itemRowButtons {margin:0 25px 0 0}

.secExplainer {position:relative}
.contentBlockInner.secExplainer {
  padding:50px 25px 0 25px
}
@media screen and (min-width:600px) {
  .contentBlockInner.secExplainer {
    padding:50px 50px 0 50px
  }
}

.secExplainer .tips,
.formExpl .tips {
  position:relative;
  padding:24px 0 0 60px;
}
.secExplainer .tips::before,
.formExpl .tips::before {
  position:absolute;
  content:"TIPS";
  top:24px;
  left:0;
  font-weight:bold
}
.secExplainer .tips > span,
.formExpl .tips > span {
  display:block;
  padding-bottom:10px
}
.secExplainer .tips > span:last-of-type,
.formExpl .tips > span:last-of-type {
  padding-bottom:0
}



.ada-skip-menu-link {
  position:absolute;
  color:#000;
  opacity:0
}
.ada-skip-menu-link:focus {
  opacity:1;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  transform:translateX(-50%)
}



.width900 {width:100%;max-width:900px;margin-right:auto;margin-left:auto}
.width1000 {width:100%;max-width:1000px;margin-right:auto;margin-left:auto}
.width1100 {width:100%;max-width:1100px;margin-right:auto;margin-left:auto}
.width1300 {width:100%;max-width:1300px;margin-right:auto;margin-left:auto}
.width2000 {width:100%;max-width:2000px;margin-right:auto;margin-left:auto}
.fullWidth {width:100%!important;flex-basis:100%!important;max-width:100%!important}



body .pageLink:link, body .pageLink:visited, #loginButtCont .pageLink:link,
#loginButtCont .pageLink:visited {color:#ddd}

body .pageLink:hover, body .pageLink:active, body .pageLink:focus,
#loginButtCont .pageLink:hover, #loginButtCont .pageLink:active, #loginButtCont .pageLink:focus {color:#fff}



body.noScroll {
  height:100vh;
  overflow:hidden
}



#whiteout {
  position:fixed;
  width:100%;
  height:100vh;
  padding:50px 15px;
  color:#000;
  background-color:rgba(255,255,255,.9);
  overflow-y:scroll;
  z-index:500
}
#whiteout > div {
  max-width:1000px;
  margin:0 auto;
  background-color:rgba(255,255,255,1)
}
#whiteout > div:first-of-type {
  padding-top:27px;
  border-top:1px solid #aaa;
  border-right:1px solid #aaa;
  border-left:1px solid #aaa;
  border-top-left-radius:4px;
  border-top-right-radius:4px
}
#whiteout > div:last-of-type {
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  border-left:1px solid #aaa;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px
}
#theActionCont {
  width:100%;
  padding:0 0 24px 0
}
#theActionCont .contentBlockInner > div,
#theActionCont .contentBlockTitle   {
  padding-right:24px;
  padding-left:24px
}

#theActionCont .saveCancelTray {}
#theActionCont .theActionInner {}
#theActionCont .contentBlockInner > div { margin-top:48px }
#theActionCont .contentBlockInner > .buttonCont { margin-top:77px }
#theActionCont #billingInfoFormContainer #addMethod { padding-top:0 }
#theActionCont > div {
  width:100%;
  max-width:1000px;
  margin:0 auto
}
@media screen and (min-width:600px) {
  #theActionCont {
    padding-bottom:48px
  }
  #theActionCont .contentBlockInner > div,
  #theActionCont .contentBlockTitle  {
    padding-right:48px;
    padding-left:48px
  }
}





/* WORKING */
#workingCont {
  position:fixed;
  display:block;
  width:100%;
  height:100vh;
  color:#000;
  visibility:hidden;
  background-color:rgba(255,255,255,.7);
  z-index:500
}
#workingCont.onscreen {visibility:visible}
#workingCont .workTextCont {
  position:absolute;
  width:100%;
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  background-color:rgba(0,206,255,.9);
  border-top:40px solid rgba(0,0,0,.1);
  border-bottom:40px solid rgba(255,255,255,.1)
}
#workingCont .workTextCont h1 {line-height:4em;color:#fff;text-align:center}













/* Header Section */
#headerContainer {position:relative;color:#fff;background-color:#000}

.headerInner {
  padding:65px 15px 0 15px;
  text-align:center
}
.headerInner#logoOuter {
  position:relative
}
.headerInner #logoInner {
  position:relative;
  width:100%;
  max-width:290px;
  margin:0 auto;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain
}
#logoInner img {
  width:100%;
  max-width:290px;
  height:auto
}
.headerInner h1 {font-size:3.5em;line-height:1em}



#loginButtCont .orSignUp {margin-top:5px;padding-right:15px}




/* Main Container */
#mainContainer, #content {
  position: relative;
  display: block;
  width: 100%;
  padding-top:75px;
  padding-bottom:75px;
  color:#fff;
  background-color:#000;
  background-size:cover;
  background-position:center center;
  background-attachment:fixed;
  background-repeat:no-repeat
}
.admin#mainContainer, .admin#content {
  color:#000;
  background-color:#fff
}

/* Message Box */
#messageBox {
  max-width: max-content;
  margin: 0 auto;
  padding: 0 15px 75px 15px
}
#messageBox > div {
  margin-top: 25px;
  padding: 0 0 0 30px;
  font-size: 21px;
  line-height: 23px;
  background-position: 0 0;
  background-size: 23px 23px;
  background-repeat: no-repeat;
}
#messageBox > div:first-of-type {
  margin-top:0
}
#messageBox .errorMessage {
  background-image: url(../img/x-red-circle.svg);
}
#messageBox .eventMessage {
  background-image: url(../img/check-green-circle.svg);
}
#messageBox .warnMessage {
  background-image: url(../img/alert-warn.svg);
}

/*@media screen and (min-width:830px) {
  #messageBox {
    margin:100px auto 0 auto
  }
}

@media screen and (min-width:1300px) {
  #messageBox {
    margin:50px auto 0 auto
  }
}*/








/*
 * Menus
 */
/* Profile Menu Dropdown */
.loggedBar #accountDrop {cursor:pointer}
.loggedBar #accountDrop.activ,
.loggedBar #accountDrop:hover,
.loggedBar #accountDrop:focus {
  background-color:#e5e5e5;
  color:#000;
  background-image:url(../img/user.svg)
}
#acctDd {
  position:absolute;
  width:175px;
  right:0;
  top:0;
  background-color:#fff;
  border: 1px solid #999;
  border-top:none;
  border-right:none;
  border-bottom-left-radius:2px;
  text-align:right;
  transition: transform .1s ease;
  z-index:10;
  visibility:hidden
}
#acctDd a {
  display:block;
  width:100%;
  height:2.3em;
  padding-right:15px;
  font-size:18px;
  line-height:2.3em;
  color:#000!important;
  border-top:1px solid #d0d0d0
}
#acctDd li:first-of-type a {
  border-top:none
}
#acctDd a:hover,
#acctDd a:focus {
  background-color:#e5e5e5
}



/* Admin Menu Bar */
#adMenuBar {position:absolute;background-color:#E0D15E;text-align:center;visibility:hidden}
#adMenuBar a {position:relative;display:inline-block;height:100%;padding:0 15px;line-height:2.1em;font-size:1.2em;color:#000}
#adMenuBar li {position:relative;display:inline-block;height:100%;line-height:2.1em}
#adMenuBar a:hover {background-color:rgba(0,0,0,.1)}

.loggedBar {
  position:absolute;
  height:30px;
  z-index:100;
  background:#0B80D6;
  visibility:hidden
}
.loggedBar a {
  width:140px;
  height:inherit;
  line-height:30px
}
.loggedBar #accountDrop {
  position:absolute;
  display:block;
  width:max-content;
  height:30px;
  top:0;
  right:0;
  padding:0 15px 0 28px;
  line-height:30px;
  color:#fff;
  font-size:18px;
  background-image:url(../img/userwh.svg);
  background-repeat:no-repeat;
  background-size:15px;
  background-position: 10px 7px
}



/* Responsive Button */
#respMenuButtonOuter {
  position:absolute;
  width:43px;
  height:37px;
  top:15px;
  left:15px;
  padding:5px;
  cursor:pointer;
  border-top:2px solid #555;
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  border-left:2px solid #555;
  z-index:1000
}
#respMenuButtonOuter:focus {
  border-top:2px solid #009BCC;
  border-right:1px solid #00BDEE;
  border-bottom:1px solid #00BDEE;
  border-left:2px solid #009BCC
}
#respMenuButton {
  content:'';
  position:relative;
  width:100%;
  height:100%
}
#respMenuButton > div {
  content: '';
  position:absolute;
  background-color:#fff;
  width: 30px;
  height:5px;
  top: 0;
  left: 0;
  border-radius:2px;
  transition-duration: .1s, .1s, .1s, .2s;
  transition-delay: .1s, 0s, 0s, 0s;
  transition-property: transform, bottom, top, background-color;
}
/* Initial */
#respMenuButton .topBar {=
  top:0
}
#respMenuButton .midBar {
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
}
#respMenuButton .botBar {
  top:inherit;
  bottom:0;
}
/* Open */
#respMenuButton.open .topBar {
  top:10px;
  background-color:#000;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
}
#respMenuButton.open .midBar {
  background-color:rgba(0,0,0,0);
}
#respMenuButton.open .botBar {
  bottom:9px;
  background-color:#000;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
}
/* Closed */
#respMenuButton.closed .topBar {
  top:0;
  background-color:#fff;
  transform:rotate(-0deg);
  -webkit-transform:rotate(-0deg);
  -moz-transform:rotate(-0deg);
  -o-transform:rotate(-0deg);
  -ms-transform:rotate(-0deg);

  transition-duration: .1s, .1s;
  transition-delay: 0s, .1s;
  transition-property: transform, top;
}
#respMenuButton.closed .midBar {
  background-color:#fff
}
#respMenuButton.closed .botBar {
  bottom:0;
  background-color:#fff;
  transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);

  transition-duration: .1s, .1s;
  transition-delay: 0s, .1s;
  transition-property: transform, bottom;
}

/* Mobile Menu */
#respNavCont {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:rgb(255,255,255);
  z-index:500;
  overflow-y:scroll;
  visibility:hidden
}
#respNavCont.onscreen {
  display:block;
  visibility:visible
}
#respNavCont nav {
  position:relative;
  display:block;
  margin:75px auto
}
#respNavCont nav li,
#respNavCont nav li a {
  position:relative;
  font-size:20px;
  line-height:60px;
  color:#333;
  text-align:center;
  font-weight:bold
}
#respNavCont nav li a {
  display:block;
  width:100%;
  height:100%;
  padding:0 25px
}
#respNavCont nav li a:focus {
  background-color:#e5e5e5
}
#respNavCont nav #mobileSubNav li,
#respNavCont nav #mobileSubNav li a {
  max-width:350px;
  margin:0 auto;
  text-align:left
}
#respNavCont nav .adminMenu li a {
  color:#000;
  background-color:#00bdee
}
/* Responsive Menu Sub Nav Section */
#respNavCont nav .adminMenu {}
#respNavCont nav .adminMenu > li {}
/* Responsive Menu User Dropdown Section */
#respNavCont nav .loggedAccount {background-color:#eee}
#respNavCont nav .loggedAccount > li {}

/* Desktop Menu */
.deskMenu,
.deskSubMenuOuter {
  position:absolute;
  visibility:hidden;
  width:inherit
}
.deskSubMenuOuter {
  background-color:#e5e5e5;
  border-top:2px solid #aaa;
  border-bottom:2px solid #aaa
}
.deskMenu nav,
.deskSubMenuOuter .deskSubMenuInner {
  position:relative;
  display:block;
  width:100%;
  margin:0 auto;
  text-align:center
}
.deskMenu nav a {
  position:relative;
  display:inline-block;
  padding:0 15px;
  font-size:1.3em;
  line-height:40px;
  font-weight:bold;
  text-transform:uppercase;
  border-radius:2px
}
.deskSubMenuOuter .deskSubMenuInner a {
  position:relative;
  display:inline-block;
  padding:0 15px;
  font-size:1.2em;
  line-height:35px;
  border-radius:2px
}
.deskMenu nav a:link, .deskMenu nav a:visited {color:#fff}
.deskSubMenuOuter .deskSubMenuInner a:link,
.deskSubMenuOuter .deskSubMenuInner a:visited {color:#000}
.deskMenu nav a:hover, .deskMenu nav a:active,
.deskMenu nav a:focus {
  color:#ddd
}
.deskSubMenuOuter .deskSubMenuInner a:hover,
.deskSubMenuOuter .deskSubMenuInner a:active,
.deskSubMenuOuter .deskSubMenuInner a:focus {
  color:#000;
  background-color:rgba(0,0,0,0.1)
}
@media screen AND (min-width:1150px) {
  .headerInner {padding-top:15px;padding-bottom:27px}
  #respMenuButtonOuter {visibility:hidden}
  .deskMenu,
  .deskSubMenuOuter {
    position:relative;
    display:block;
    visibility:visible
  }
  #loginButtCont, #acctDd {
    display:block;
    visibility:visible
  }
  .loggedBar, #adMenuBar {
    position:relative;
    display:block;
    visibility:visible
  }
}

/* The COMMENTS links are special--notifications */
#adMenuBarInner ul li {
  overflow-y:visible;
}
li .newCommentsBubble {
  position:absolute;
  display:block;
  width:28px;
  height:28;
  top:-10px;
  border-radius:28px;
  background-color:#be2b28;
  color:#fff;
  font-weight:bold;
  font-size:18px;
  line-height:24px;
  border:2px solid #fff;
  z-index:50
}
#respNavCont nav li .newCommentsBubble {
  top:5px;
  left:40%;
  left:calc(50% - 75px)
}




#titleContainer {position:relative;border-bottom:1px solid #ccc;background-color:#fff;z-index:100}
#titleInner {position:relative;display:flex;flex-direction:row;align-items:center;}
#logoContainer {width:130px;padding-top:1px;padding-left:10px;flex-basis:130px;line-height:1em}
#logoContainer img {width:120px;height:50px}
#titleUserInfo {position:relative;padding:11px 15px 7px 20px;flex:auto;font-size:14px;line-height:14px;text-align:right}
#titleUserInfo h3 {margin-bottom:0}
#titleUserInfo p {display:none;padding-bottom:0}




/* Page Heading */
#pageHead {
  padding:0 15px 48px 15px;
  text-align:left
}
#pageHead h1 {
  margin-bottom:0;
  font-size:38px;
  line-height:40px
}

@media screen and (min-width:400px) {
  #pageHead h1 {font-size:45px;line-height:50px}
}
@media screen and (min-width:900px) {
  #pageHeadCont {width:95%;max-width:900px;margin:0 auto;padding-right:0;padding-left:0}
}



/* Main Content */
.mainContent {position:relative;display:block;width:100%;padding:0 0 75px 0}
.mainContent .contentBlock {position:relative;display:block;width:100%;margin:88px auto 0 auto;background-color:#fff}

.mainContent .contentBlock > div {position:relative;display:block;width:100%;margin:0;padding:48px 24px 0 24px}
.mainContent .contentBlock > div:last-of-type {padding-bottom:48px}
.mainContent .contentBlock .contentBlockInner {position:relative}

.mainContent > .contentBlock > div.contentBlockTitle {padding:24px}
.contentBlockTitle .resultCount {font-size:18px}

@media screen and (min-width:600px) {
  .mainContent .contentBlock {width:95%;border-radius:4px;background-color:#fff;border:1px solid #aaa;box-shadow:0 0 35px #888}
  .mainContent .contentBlock > div {padding:48px 48px 0 48px}
  .mainContent .contentBlock > div.contentBlockTitle {padding:25px 48px 0 48px}
}

@media screen and (min-width:920px) {
  .mainContent {padding:0 15px 75px 15px}
}



/* Login Page */
@media screen and (min-width:600px) {
  #loginFormDiv {width:500px}
}



/* Password Reset */
#emailPassExpDiv {color:#000}
#emailPassFormDiv {margin-top:25px}
#setPasswordOuter {margin-top:50px}
#setPasswordOuter #signupShowPassToggle {margin-left:0}


@media screen and (min-width:745px) {
  .flex#setPasswordOuter {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px
  }
  #setPasswordOuter .flexItem {
    position: relative;
    margin-top: 0;
    flex-basis: 50%
  }

  #emailPassFormDiv,
  #emailPassFormDiv form {margin-top:0}
  #emailPassFormDiv {margin-top:0}
  #reportSubmitButton {margin-top:0}
}


/* PassAction Page */
#passActionButtonsDivOuter {width:100%;max-width:400px}












/* Success/Fail Graphics */
.resultGraphicCont {
  position:relative;
  padding:0 24px
}
.resultGraphic {
  position:relative;
  content:' ';
  width:200px;
  height:200px;
  margin:0 auto 25px auto;
  background-position:left;
  background-size:contain;
  background-repeat:no-repeat
}
.rentApplyPage .resultGraphic {
  width:100%;
  max-width:900px;
  margin:0 auto
}

#failGraphic { background-image: url(../img/x-red-circle.svg) }
#successGraphic { background-image: url(../img/check-green-circle.svg) }












/* Edit, Add, Etc Button Area */
.userActionTrayBottomCont {padding-top:25px}
.mainContent .contentBlock > .userActionTrayTopCont {
  z-index:1
}
.mainContent .contentBlock > .userActionTrayTopCont .buttonCont {margin:0}

@media screen and (min-width:681px) {
  .mainContent .contentBlock > .userActionTrayTopCont {
    position:absolute;
    width:max-content;
    margin:0;
    padding:0;
    top:25px;
    right:48px
  }
  .mainContent .contentBlock > .userActionTrayTopCont.lessTop {
    top:24px
  }
  .mainContent .contentBlock > .userActionTrayTopCont .buttonCont {margin-top:6px}
  #profileTitle h2 {width:100%;padding-right:70px}
}
@media screen and (min-width:735px) {}












/* Page Helper Outer */
.pageHelperOuter {
  width:95%;
  padding:50px;
  background-color:#ffffa7;
  border-radius:4px;
}
















/* Result Sub Action Buttons
 * The button sections inside result row divs */
.subRowActions {
  padding-top:10px;
  vertical-align:top
}













/* HOME PAGE */
/* Products Boxes */
.productsSection {}
.productsSection .contentWrapper {
  position:relative;
  width:100%;
  max-width:1700px;
  margin:0 auto;
  overflow:hidden
}

.homeGalleryItemOuter {
  position:relative;
  width:100%;
  margin-bottom:100px;
  -o-transition:.3s ease;
  -ms-transition:.3s ease;
  -moz-transition:.3s ease;
  -webkit-transition:.3s ease;
  transition:.3s ease;
  z-index:2
}
#homeProductsSection .contentWrapper > .homeGalleryItemOuter:last-of-type {margin-bottom:0}
.homeGalleryItemOuter .matting {
  width:100%;
  max-width:712px;
  margin:0 auto;
  padding:20px;
  background-color:rgba(255,255,255,.7);
  border:6px solid #dadada;
  border-radius:8px
}
.homeGalleryItem {
  display:block;
  position:relative;
  width:100%;
  height:370px;
  margin:0 auto;
  color:#000;
  background-repeat:no-repeat;
  background-position:center;
  background-size:780px;
  text-decoration:none;
  border-radius:8px;
  overflow:hidden
}
.homeGalleryItem:hover {
  background-size:820px;
}


.homeGalleryItem .transp {
  position:absolute;
  width:100%;
  bottom:50px;
  left:0;
  background-color:rgba(0,0,0,.7);
  border-top:3px solid rgb(171,111,11);
  border-bottom:3px solid rgb(171,111,11);
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  z-index:2
}

.homeGalleryItem h3 {
  margin:0;
  padding:25px;
  font-size:18px;
  color:#fff
}

@media screen and (min-width:760px) {
  .homeGalleryItemOuter .homeGalleryItem {
    margin:0
  }
}
@media screen and (min-width:1000px) {
  .homeGalleryItemOuter {
    display:inline-block;
    width:50%
  }
  #homeProductsSection .contentWrapper > .homeGalleryItemOuter:nth-of-type(odd) {
    padding-right:44px
  }
  #homeProductsSection .contentWrapper > .homeGalleryItemOuter:nth-of-type(even) {
    padding-left:44px
  }
  #homeProductsSection .contentWrapper > .homeGalleryItemOuter:nth-of-type(3) {
    margin-bottom:0
  }


  #homeProductsSection .contentWrapper > .homeGalleryItemOuter.finalodd  {
    display:block;
    margin:0 auto;
    padding:0 22px
  }

  .homeGalleryItemOuter .matting {
    max-width:inherit
  }
}
@media screen and (min-width:1502px) {
  #homeProductsSection {
    max-width:1502px;
    margin:0 auto
  }

  .homeGalleryItemOuter {
    width:calc(100%/3)
  }

  #homeProductsSection .contentWrapper > .homeGalleryItemOuter:nth-of-type(odd) {
    padding-right:44px
  }
  #homeProductsSection .contentWrapper > .homeGalleryItemOuter:nth-of-type(even) {
    padding-left:44px
  }
  #homeProductsSection .contentWrapper > .homeGalleryItemOuter:nth-of-type(3) {
    margin-bottom:100px
  }
  #homeProductsSection .contentWrapper > .homeGalleryItemOuter:nth-of-type(4),
  #homeProductsSection .contentWrapper > .homeGalleryItemOuter:nth-of-type(5) {
    margin-bottom:0
  }
  #homeProductsSection .contentWrapper > .homeGalleryItemOuter:nth-of-type(4) {
    margin-left:244px
  }
  #homeProductsSection .contentWrapper > .homeGalleryItemOuter.finalodd  {
    display:inline-block;
    margin:0;
    padding:0 44px
  }

  #homeProductsSection .contentWrapper > .homeGalleryItemOuter {
    padding:0 44px
  }
}












/* Galleries Pages */
/*#galleryIntro {padding-bottom:20px}

#gallerySpec {
  position:relative;
  width:100%
}*/
#galleriesExplainer {
  max-width:1280px;
  margin:50px auto 0 auto
}















/* Image Carrousels */
/*#galleryIntro {padding-bottom:20px}*/
#selectedImgCont {
  position:relative;
  width:100%;
  max-width:1100px;
  height:auto;
  /*margin:130px auto 0 auto;
  padding-top:33px*/
  margin:0 auto;
  padding-top:0
}
#selectedImg {
  position:relative;
  content:" ";
  display:block;
  width:100%; /* height set by JS */
  margin:0 auto;
  max-width:1100px;
  box-shadow:5px 5px 10px 3px #000;
  border-radius:8px;
  border:4px solid #000;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  overflow-y:hidden;
  text-align:center;
  z-index:2
}

#prevArrowCont,
#nextArrowCont {
  position:absolute;
  height:100%;
  width:174px;
  top:0;
  z-index:2;
  cursor:pointer
}
#prevArrowCont {
  left:0
}
#nextArrowCont {
  right:0
}


#prevArrow,
#nextArrow {
  position:absolute;
  content:" ";
  width:100px;
  height:53px;
  bottom:50%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  border-radius:14px;
  cursor:pointer;
  z-index:2
}
#prevArrow {
  left:25px;
  background-image:url(../img/arrow-prev.svg)
}
#nextArrow {
  right:25px;
  background-image:url(../img/arrow-next.svg)
}

#galleryThumbsOuter {
  position:relative;
  width:95%;
  max-width:235px;
  margin:100px auto 0 auto;
  text-align:center;
  z-index:2
}

.galleryThumb {
  display:inline-block;
  width:235px;
  height:186px;
  margin:0 auto;
  margin-top:25px;
  border:4px solid #000;
  border-radius:8px;
  box-shadow:5px 5px 10px 3px #000;
  vertical-align:top;
  cursor:pointer
}
.galleryThumb:last-of-type {
  margin-right:0
}

.galleryThumb img {
  width:100%;
  border-radius:4px;
  object-fit:cover
}

#carrousel {position:relative}
#carrousel img {position:absolute;top:0;left:0}

@media screen and (min-width:588px) {
  #galleryThumbsOuter {
    max-width:588px
  }
  .galleryThumb {
    margin-right:25px
  }
  .galleryThumb:nth-of-type(2n) {
    margin-right:0
  }
  .galleryThumb:last-of-type {
    margin-right:0
  }
}
@media screen and (min-width:910px) {
  #galleryThumbsOuter {
    max-width:910px
  }
  .galleryThumb:nth-of-type(2n) {
    margin-right:25px
  }
  .galleryThumb:nth-of-type(3n) {
    margin-right:0
  }
  .galleryThumb:last-of-type {
    margin-right:0
  }
}
@media screen and (min-width:1200px) {
  #galleryThumbsOuter {
    max-width:1200px
  }
  .galleryThumb:nth-of-type(3n) {
    margin-right:25px
  }
  .galleryThumb:nth-of-type(4n) {
    margin-right:0
  }
  .galleryThumb:last-of-type {
    margin-right:0
  }
}













/* Product Table */
#productTable .imageCell img {
  max-width:150px;
  max-height:150px
}










/* Add/Edit Product */
#productTable .imageCell img {
  max-width:150px;
  max-height:150px
}


#edit-furniture .contentContInner {
  width:100%;
  max-width:1600px;
  margin:0 auto;
  border-radius:4px
}
#edit-furniture .contentContInner > .section {
  padding-right:50px;
  padding-left:50px;
  background-color:#fff;
  border-radius:0
}
#edit-furniture .contentContInner > .section:last-of-type {
  padding-bottom:50px
}



#addFurnFormCont {max-width:500px;margin:24px 0 60px 0}
#addFurnFormCont h2 {padding-bottom:0}













/* Locations Page */
#locationsOuter {position:relative;padding:0 15px;font-weight:bold}
#locationsOuter .locState {margin-top:10px;padding-top:71px}
#locationsOuter .locState:first-of-type {margin-top:0;padding-top:0}
#locationsOuter .locState .col-2 > div {
  position:relative;
  padding-top:69px;
  padding-bottom:0;
  vertical-align:top
}
#locationsOuter .locState .col-2 > div:first-of-type {
  padding-top:50px
}
#locationsOuter .locState .col-2 > div .locImage {
  position:relative;
  max-width:600px;
  margin-bottom:6px
}
#locationsOuter .locState .col-2 > div .locImage img {
  width:100%;
  border:5px solid #fff;
  object-fit:cover
}

@media screen AND (min-width:777px) {
  #locationsOuter .locState .col-2 > div:nth-of-type(2) {
    padding-top:50px
  }
}

/*@media screen AND (min-width:550px) {
  #locationsOuter .locState .col-2 > div:nth-of-type(2n) {
    width:50%;
    padding-left:12px
  }
  #locationsOuter .locState .col-2 > div:nth-of-type(2n-1) {
    width:50%
  }
}
@media screen AND (min-width:700px) {
  #locationsOuter .locState .col-2 > div {
    padding-top:179px
  }
}
@media screen AND (min-width:940px) {
  #locationsOuter .locState {
    padding-right:calc(38% + 130px)
  }
  #locationsOuter .locState .col-2 > div {
    display:block
  }
  #locationsOuter .locState .col-2 > div:nth-of-type(2n) {
    width:100%;
    padding-left:0
  }
  #locationsOuter .locState .col-2 > div:nth-of-type(2n-1) {
    width:100%
  }
}*/
/*@media screen AND (min-width:1100px) {
  #locationsOuter .locState .col-2 > div {
    display:inline-block;
    padding-top:134px
  }
  #locationsOuter .locState .col-2 > div:nth-of-type(2n) {
    width:50%;
    padding-left:12px
  }
  #locationsOuter .locState .col-2 > div:nth-of-type(2n-1) {
    width:50%
  }
}
@media screen AND (min-width:1345px) {
  #locationsOuter .locState .col-2 > div {
    padding-top:179px
  }
}*/