/*
 Theme Name:     MAKEWEB
 Theme URI:      http://makeweb.com.au
 Description:    Divi Child Theme for enhanced functionality and speed
 Author:         MAKEWEB
 Author URI:     http://makeweb.com.au
 Template:       Divi
 Version:        1.4.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Ul positioning updated 1.1.2 */
.et_pb_text ul, .et_pb_tab ul, .et_pb_toggle ul{
	list-style-position: inside;		
}
/* Menu Icons since 1.1.6 */
#top-menu .phone_icon a:before, 
#top-menu .email_icon a:before
 {
    position: relative;
    top: 2px;
    margin-right: 7px;
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
}

#top-menu .phone_icon a:before { content: "\e090";}
#top-menu .email_icon a:before { content: "\e010";}
 
/* Utility classes  since 1.1.3 */
/* Responsive Styles Large Desktop And Above */
@media all and (min-width: 1405px) {
	.hide_desktop{ display: none; }
	.hide_desktop_big{ display: none; }
}
/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {
	.hide_phone{ display: none; }
}
/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {
	.hide_phone{ display: none; }
}
/* Responsive Styles Tablet Only */
@media all and (min-width: 768px) and (max-width: 980px) {
	.hide_tablet{ display: none; }
}
/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
	.hide_tablet_down{ display: none; }
}
/* Responsive Styles 981px – 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {
	.hide_desktop{ display: none; }
}
/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {
	.hide_desktop{ display: none; }
}
/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {
	.hide_desktop{ display: none; }
}


.spinner-wrapper {
  position: relative;
  height: 32px;
  width: 32px;
}

.checkmark {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  margin: 0;
  box-shadow: inset 0 0 0 #2bba50;
}

.clear {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  margin: 0;
  box-shadow: inset 0 0 0 #2bba50;
}

.checkmark__circle {
  stroke: none;
  fill: none;
}
.checkmark__check {
  transform-origin: 50% 50%;
  fill: none;
  stroke-dasharray: 110;
  stroke-dashoffset: -110;
  stroke-width: 0;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.loaded .spinner {
  border-color: #2bba50;
}
.loaded .checkmark {
  animation: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 50ms forwards, scale 200ms cubic-bezier(0.4, 0, 0.2, 1) 300ms both;
}
.loaded .checkmark__check {
  animation: stroke 300ms cubic-bezier(0.4, 0, 0.2, 1) 200ms forwards;
}

@keyframes e {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes stroke {
  0% {
    stroke-width: 1.5px;
    stroke-dashoffset: 110;
  }
  100% {
    stroke-width: 1.5px;
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 30px #2bba50;
  }
}

svg.clear > * {
    fill: #eee;
    stroke: white;
}

.status.active{
    cursor: pointer;
}

.active svg.clear > * {
    fill: white;
    stroke: rgb(78, 78, 78);
}

.spinner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    border: 2px solid #dcdee1 !important;
    border-left: 2px solid #666b76 !important;
    animation: e 1.3s infinite linear;
    transform-origin: center;
    transform: translateZ(0);
    transition: border 50ms cubic-bezier(0.4, 0, 0.2, 1);
}

input.input-text.qty.product-quantity {
    width: 100%;
}