/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

*, *::after, *::before {
  box-sizing: border-box;
}

#progressBar {
  /* Positioning */
  position:absolute;

/*
  position: inherit;

  left: 0;
  top: 0;
*/
  /* Dimensions */
  width: 100%;
  height: .25em;

  /* Reset the apperance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of the default border in Firefox/Opera. */
  border: none;

  /* For Firefox/IE10+ */
  background-color: transparent;

  /* For IE10+, color of the progress bar */
  color: #5cc6e0 !important;
}

#progressBar::-webkit-progress-bar {
  background-color: transparent;
}

.flat::-webkit-progress-value {
  background-color: red;
}

.flat::-moz-progress-bar {
  background-color: red;
}

.single::-webkit-progress-value {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, transparent, red);
}

progress::-webkit-progress-value {
    background: #FFC107;
}

/*
.single::-moz-progress-bar {
  background-color: transparent;
  background-image: -moz-linear-gradient(left, transparent, red);
}


.multiple::-webkit-progress-value {
  background-image: -webkit-linear-gradient(-45deg,
	                           transparent 33%, rgba(0, 0, 0, .1) 33%,
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	                  -webkit-linear-gradient(left, green, red);
}

.multiple::-moz-progress-bar {
  background-image: -moz-linear-gradient(-45deg,
	                           transparent 33%, rgba(0, 0, 0, .1) 33%,
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	                  -moz-linear-gradient(left, green, red);
}
*/
.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: .25em;
  display: block;
}

.progress-bar {
  background-color: red;
  width: 50%;
  display: block;
  height: inherit;
}



/* WIDGET PRODUTO */
.single-product .product-actions-wrapper .product-actions {
    border: 2px solid #ddd;
  /*  border-radius: 1.214em;*/
  /*  padding: 2.143em 2.357em;*/
  padding: 15px;
    border-radius: 0px 0px 10px 10px;
}




/* fixed */
/*
#product_bar.stick {
    position: fixed;

    z-index: 10000;
    margin-top:12px;
}
*/




nav#product_sections,
nav.curso_nav {
    margin-top: 30px;
}

nav#product_sections ul,
nav.curso_nav ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

nav#product_sections a,
nav.curso_nav a{
      padding: 5px;
      background-color: #f0f8ff;
      display: block;
      margin-bottom: 5px;
      padding-left: 20px;
}

a.nav-active,
nav.curso_nav a.nav-active {
    background: #477fbf !important;
    color: #fff;
}








/*
* CUSTOMIZAR O PAGINA DE PRODUTOS
*
*
*/



.single-product .product-actions-wrapper .product-actions {
    background-color: #cffff6;
    border: 0px;
    border-radius: 7px;
}




.widget_hos_image_product {
    margin-bottom: 0px !important;
    margin-top: 70px !important;
/*    padding: 0px 20px 20px 20px;*/
}


.widget_hos_image_product img {
    width: 100% !important;
}