@import "/bootstrap.css";
@import  "/variables.css";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import "https://cdn.datatables.net/1.11.4/css/dataTables.bootstrap5.min.css";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

/* MAPS */
#myMap{
  height: 20rem;
  border: .1rem solid var(--gray);
  }

/* ADHOC COLLECTION */
#adHocSchedule{display: none;}

/* SKIP TO CONTENT */
.skip-to-content{
  background-color: var(--secondary);
  height: 2rem;
  left: 50%;
  padding: 0.5rem;
  position: absolute;
  transform: translateY(-200%);
  transition: transform 0.3s;
}
.skip-to-content{color: var(--secondary);}
.skip-to-content:focus {transform: translateY(0%);}


/* ELIGIBILITY */ 
.eligible-message{
  display: none;
}

/* GDPR LIST */
#gdpr ol {
        list-style-type: none;
        counter-reset: item;
        margin: 0;
        padding: 0;
      }
#gdpr li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em;
      }
#gdpr li:before {
        content: counters(item, ".") ". ";
        font-family: var(--button-font);
        display: table-cell;
        padding-right: 0.6em;
      }
#gdpr li li { margin: 0; }
#gdpr li li:before { content: counters(item, ".") " "; }

/* NAVIGATION */
.nav-link{text-transform: uppercase;}


/* HEADINGS */
h1,h2,h3,h4,h5,h6{
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.heading {
    border-bottom: 0.25rem solid var(--secondary);
    display: inline-block;
    padding-bottom: 0.5rem;
}

.subtitle{color: var(--gray-dark);}

#hotspot{background-image: var(--pear);}
#how-we-work{background-image: var(--apple);}
#how-it-works{
  background-image: var(--bread);
  background-size: 9rem !important;
}
#who-we-are{background-image: var(--strawberry);}
#any-questions{background-image: var(--watermelon);}

#hotspot,
#how-we-work,
#how-it-works,
#who-we-are,
#any-questions{
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-bottom: 2rem;
  background-size: 6rem;
}


/* BUTTONS */
.btn{
  font-family: var(--button-font);
  text-transform: uppercase;
}

/* MENU */ 
.nav-link, .dropdown-item{font-family: var(--button-font);}

.navbar-collapse {box-shadow: none !important;}

/* DIVIDERS */
hr{border-color: var(--secondary);}


/* LISTS */

ol.caboodle-counter, ul.caboodle-counter {
  list-style: none;
  padding-left: 0;
}

ol.caboodle-counter li {counter-increment: steps;}

ol.caboodle-counter li::before {content: counter(steps);}
ul.caboodle-counter li::before {content: '';}

ol.caboodle-counter li::before, ul.caboodle-counter li::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='44px' height='43px' viewBox='0 0 44 43' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EPath%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='-0.617969149%25' y1='100%25' x2='100.617969%25' y2='0%25' id='linearGradient-1'%3E%3Cstop stop-color='%2350AB87' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2350AB87' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Counter-/-Steps' transform='translate(-5.000000  -5.000000)' fill='url(%23linearGradient-1)' fill-rule='nonzero'%3E%3Cg id='Group' transform='translate(0.000000  -0.000000)'%3E%3Cpath d='M50.3508781 29.0753705 C50.3508781 40.0553456 31.9769424 52.0755288 21.8596488 52.0755288 C11.7423551 52.0755288 9.64912191 40.0553456 9.64912191 29.0753705 C9.64912191 18.0953955 11.7423551 7.92447122 21.8596488 7.92447122 C31.9769424 7.92447122 50.3508781 18.0953955 50.3508781 29.0753705 Z' id='Path' transform='translate(30.000000  30.000000) rotate(-315.000000) translate(-30.000000  -30.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  float: left;
  margin-right: 1rem;
}

.caboodle-counter h5{margin-bottom: 0;}

/* CHECKBOX */

div.custom-control{
  min-height: 3.5rem;
}


/* BREADCRUMB */
.material-icons.md-18 { font-size: 1rem; }

/* SELECT DATE/TIME */
#selectCollectionSlots .custom-control{
  display: table-cell;
  text-align: center;
}

/* FORM WORKAROUNDS */

.form-control {border: 0.125rem solid var(--primary) !important;}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

/* INPUT READONLY */
  .form-control:disabled, .form-control[readonly] { border-color: #e9ecef !important; }

.crmEntityFormView .cell {padding: 1.5rem 0 0;}

/* MENU WORKAROUND */
.dropdown > .dropdown-menu {
  display: none; /* hides .dropdown-menu directly inside .dropdown */
}
.dropdown.open > .dropdown-menu {
  display: block; /* shows .dropdown-menu directly inside .dropdown if it has class .open */
}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: .5rem -1rem;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .navbar-text {
        float: none;
        margin: 1rem 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}




/* CARDS WORKAROUND */

/* table.cards {width: 100% !important;}
.cards tbody tr {
  float: left;
  width: 47%;
  margin-bottom: 1rem;
  padding: 2rem;
  border: 0.0625rem solid var(--gray);
  min-width: 21rem;
} */ 
.cards tbody td {
   display: inline-block;
}

/* .cards thead {
   display: none;
} */

/* .cards tbody {
   gap: 1rem;
} */

.cards tr td:before {
  content: attr(data-label);
  position: relative;
  float: left;
  color: var(--gray);
  min-width: 100%;
  font-size: 0.8rem;
} 

tr.selected td:before {color: var(--gray-light);}


#pickupTable tr{
  cursor: pointer;
}


/* RESPONSIVE DISPLAY FONT-SIZE */
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 576px) {
  .display-4 {
    font-size: 2rem; } }

@media (min-width: 768px) {
  .display-4 {
    font-size: 2.5rem; } }

@media (min-width: 992px) {
  .display-4 {
    font-size: 3rem; } }

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem; } }


div#ContentContainer_MainContent_MainContent_ExternalLogin div{
  display: inline;
}

.slot-selected {
  color: #ffffff !important;
}

.bg-orange {
  background-color: #fd7e14 !important;
}

.use-by-only-fixed {
  min-width: 6rem;
}

.custom-control-input:checked ~ .custom-control-label-green::before {
  color: #ffffff;
  border-color: #17AE85;
  background-color: #ffffff; }
.custom-control-input:checked ~ .custom-control-label-purple::before {
  color: #ffffff;
  border-color: #5A24AE;
  background-color: #5A24AE; }
.custom-control-input:checked ~ .custom-control-label-orange::before {
  color: #ffffff;
  border-color: #fd7e14;
  background-color: #ffffff; }

.custom-control-label-green {
  position: relative;
  left: 2.5rem;
  color: #17AE85;
  font-family: 'HelveticaNeue-CondensedBold';
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label-green::before {
    position: absolute;
    top: -0.1rem;
    left: -2.3rem;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    pointer-events: none;
    content: "";
    background-color: white;
    border: #17AE85 solid 2px; }
  .custom-control-label-green::after {
    position: absolute;
    top: -0.25rem;
    left: -2.5rem;
    display: block;
    width: 2rem;
    height: 2rem;
    content: "";
    background: no-repeat 50% / 50% 50%; } 

.custom-control-label-purple {
  position: relative;
  left: 2.5rem;
  color: #5A24AE;
  font-family: 'HelveticaNeue-CondensedBold';
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label-purple::before {
    position: absolute;
    top: -0.25rem;
    left: -2.5rem;
    display: block;
    width: 2rem;
    height: 2rem;
    pointer-events: none;
    content: "";
    background-color: white;
    border: #5A24AE solid 2px; }
  .custom-control-label-purple::after {
    position: absolute;
    top: -0.25rem;
    left: -2.5rem;
    display: block;
    width: 2rem;
    height: 2rem;
    content: "";
    background: no-repeat 50% / 50% 50%; }

.custom-control-label-orange {
  position: relative;
  left: 2.5rem;
  color: #fd7e14;
  font-family: 'HelveticaNeue-CondensedBold';
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label-orange::before {
    position: absolute;
    top: -0.1rem;
    left: -2.3rem;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    pointer-events: none;
    content: "";
    background-color: white;
    border: #fd7e14 solid 2px; }
  .custom-control-label-orange::after {
    position: absolute;
    top: -0.25rem;
    left: -2.5rem;
    display: block;
    width: 2rem;
    height: 2rem;
    content: "";
    background: no-repeat 50% / 50% 50%; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label-green::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2317AE85' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }  

.custom-checkbox .custom-control-input:checked ~ .custom-control-label-purple::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2317AE85' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }    

.custom-checkbox .custom-control-input:checked ~ .custom-control-label-orange::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2317AE85' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }