/*!
Theme Name: East Coast Canning and Printing
Description: Custom Wordpress theme by The Marketing Equation
Template: salient
Version: 1.0
*/
:root {
  --border-radius: 8px;
  --border-radius-sm: 5px;
  --eccp-yellow: #F4C933;
  --eccp-grey:#939598;
  --eccp-black:#1B1D21;
  --font-serif: Bitter, sans-serif;
  --font-sans-serif: Open Sans, sans-serif;
}

model-viewer {
  background: transparent;
  width: 100%;
  height: 100%;
}

.progress-bar {
  display: block;
  width: 33%;
  height: 10%;
  max-height: 2%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  border-radius: 25px;
  -webkit-box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.5), 0px 0px 5px 1px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.5), 0px 0px 5px 1px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.9);
  background-color: rgba(0, 0, 0, 0.5);
}

.progress-bar.hide {
  visibility: hidden;
  -webkit-transition: visibility 0.3s;
  transition: visibility 0.3s;
}

.update-bar {
  background-color: rgba(255, 255, 255, 0.9);
  width: 0%;
  height: 100%;
  border-radius: 25px;
  float: left;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

@-webkit-keyframes circle {
  from {
    -webkit-transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);
            transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);
            transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);
  }
}

@keyframes circle {
  from {
    -webkit-transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);
            transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);
            transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);
  }
}
@-webkit-keyframes elongate {
  from {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  to {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
@keyframes elongate {
  from {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  to {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
button.Hotspot {
  background: #F4C933;
  border: 2px solid #000;
  padding: 8px 12px;
  border-radius: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

.Hotspot {
  background: #F4C933;
  border-radius: 32px;
  border: 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 24px;
  padding: 8px;
  position: relative;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  width: 20px;
}

.HotspotAnnotation {
  background: rgb(255, 255, 255);
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
  color: rgba(0, 0, 0, 0.8);
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  left: calc(100% + 1em);
  max-width: 128px;
  overflow-wrap: break-word;
  padding: 0.5em 1em;
  position: absolute;
  top: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.Hotspot:not([data-visible]) > * {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(calc(-50% + 4px));
          transform: translateY(calc(-50% + 4px));
  -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.nectar-button.large.regular-button {
  border: 2px solid var(--eccp-black);
  font-size: 18px;
}

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .btn-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.btn-group.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.btn-group .btn {
  display: block;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  border-width: 2px;
  border-style: solid;
  border-radius: var(--border-radius);
  font-weight: 900;
  font-family: var(--font-serif);
  min-width: 240px;
}
@media (max-width: 767px) {
  .btn-group .btn {
    padding: 15px 20px;
  }
}
.btn-group .btn.btn-primary {
  background: var(--eccp-yellow);
  border-color: var(--eccp-black);
}
.btn-group .btn.btn-secondary {
  background: #fff;
  border-color: var(--eccp-black);
}

@media (max-width: 767px) {
  body.material .nectar-button.large {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#top nav ul .slide-out-widget-area-toggle a {
  padding: 1rem;
  background: url(https://staging.eastcoastcanning.com.au/wp-content/themes/eccp/assets/eccp-menu-icon.svg);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 70px;
}

@media (max-width: 767px) {
  .eccp-can {
    height: 72vh;
  }
}

.inner-row-centered {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.h-100p {
  height: 100%;
}
.h-100p > .wpb_wrapper {
  height: 100%;
}

.row-bg-100p .row-bg.viewport-desktop.using-image {
  background-size: 100%;
}

.row-bg-50p .row-bg.viewport-desktop.using-image {
  background-size: 50%;
}

small {
  font-size: 72%;
}

.eccp-shadow {
  text-shadow: -1px 1px var(--eccp-yellow), -2px 2px var(--eccp-yellow), -3px 3px var(--eccp-yellow), -4px 4px var(--eccp-yellow);
  -webkit-transition: text-shadow 0.2s ease-in-out;
  transition: text-shadow 0.2s ease-in-out;
}
.eccp-shadow:hover {
  text-shadow: -1px 1px var(--eccp-yellow), -2px 2px var(--eccp-yellow), -3px 3px var(--eccp-yellow), -4px 4px var(--eccp-yellow), -5px 5px var(--eccp-yellow), -6px 6px var(--eccp-yellow), -7px 7px var(--eccp-yellow), -8px 8px var(--eccp-yellow);
}
.eccp-shadow.white {
  text-shadow: -1px 1px #fff, -2px 2px #fff, -3px 3px #fff, -4px 4px #fff;
  -webkit-transition: text-shadow 0.2s ease-in-out;
  transition: text-shadow 0.2s ease-in-out;
}
.eccp-shadow.white:hover {
  text-shadow: -1px 1px #fff, -2px 2px #fff, -3px 3px #fff, -4px 4px #fff, -5px 5px #fff, -6px 6px #fff, -7px 7px #fff, -8px 8px #fff;
}

.eccp-shadow-small {
  text-shadow: -1px 1px var(--eccp-yellow), -2px 2px var(--eccp-yellow);
  -webkit-transition: text-shadow 0.2s ease-in-out;
  transition: text-shadow 0.2s ease-in-out;
}
.eccp-shadow-small:hover {
  text-shadow: -1px 1px var(--eccp-yellow), -2px 2px var(--eccp-yellow), -3px 3px var(--eccp-yellow), -4px 4px var(--eccp-yellow);
}

.eccp-scroller .nectar-scrolling-text {
  margin-bottom: 0;
}
.eccp-scroller .nectar-scrolling-text h2 {
  line-height: 0.9;
}

.services-links h3 {
  margin-bottom: 3vw;
}