/*!
 * Client: TPC - "Colorful" theme
 * Copyright 2008-2021 Punchmark
 */
 
 
/* =======================================================================================
	BUTTONS
======================================================================================= */

section .btn,
section .btn-default,
section .btn-secondary {
  background: transparent !important;
  border-radius: 0 !important;
}

section .btn-default,
section .btn-secondary {
  border-color: rgb(,,) !important;
  color: rgb(,,) !important;
}

section .btn-default:hover,
section .btn-default:focus,
section .btn-secondary:hover,
section .btn-secondary:focus {
  background: rgb(,,) !important;
  color: white !important; 
}

section .btn-primary {
  border-color: rgb(,,) !important;
  color: rgb(,,) !important;
}

section .btn-primary:hover,
section .btn-primary:focus {
  background: rgb(,,) !important;
  color: white !important; 
}

.media-grid .grid-filters .nav-item .nav-link {
  background: rgba(,,, 0.15) !important;
}

.media-grid .grid-filters .nav-item .nav-link:not(.active):hover,
.media-grid .grid-filters .nav-item .nav-link:not(.active):focus {
  background: rgba(,,, 1) !important;
}

.media-grid .grid-filters .nav-item .nav-link.active {
  background: rgb(,,) !important;
  color: white !important; 
}


/* =======================================================================================
	FOOTER
======================================================================================= */

section#member-footer .social-networks .network {
  background: rgba(,,, 1) !important;
}
section#member-footer .social-networks .network:hover,
section#member-footer .social-networks .network:focus {
  background: rgba(,,, 1) !important;
}


/* =======================================================================================
	TYPOGRAPHY
======================================================================================= */

section h1[data-widget-element="widgetHeader"], 
section [data-widget-element="widgetHeader"].h1,
section div[data-widget-element="widgetWysiwygHTML"] h1 {
  color: white;
  line-height: calc(4rem - 3px);
  margin: 0px;
  margin-bottom: 20px;
}

section h1[data-widget-element="widgetHeader"] span, 
section [data-widget-element="widgetHeader"].h1 span,
section div[data-widget-element="widgetWysiwygHTML"] h1 span {
  background-color: rgb(,,);
  padding: 0.05rem 0 0.35rem 0;
  -webkit-box-shadow: 0.65rem 0px 0px rgb(,,), -0.65rem 0px 0px rgb(,,);
  box-shadow: 0.65rem 0px 0px rgb(,,), -0.65rem 0px 0px rgb(,,);
  -webkit-box-decoration-break:clone;
  -moz-box-decoration-break:clone; 
  box-decoration-break: clone;
}

section h2[data-widget-element="widgetHeader"], 
section [data-widget-element="widgetHeader"].h2,
section div[data-widget-element="widgetWysiwygHTML"] h2 {
  color: white;
  line-height: calc(4rem - 12px);
  margin: 0px;
  margin-bottom: 20px;
}

section h2[data-widget-element="widgetHeader"] span, 
section [data-widget-element="widgetHeader"].h2 span,
section div[data-widget-element="widgetWysiwygHTML"] h2 span {
  background-color: rgb(,,);
  padding: 0.05rem 0 0.35rem 0;
  -webkit-box-shadow: 0.65rem 0px 0px rgb(,,), -0.65rem 0px 0px rgb(,,);
  box-shadow: 0.65rem 0px 0px rgb(,,), -0.65rem 0px 0px rgb(,,);
  -webkit-box-decoration-break:clone;
  -moz-box-decoration-break:clone; 
  box-decoration-break: clone;
}

section h3[data-widget-element="widgetHeader"], 
section [data-widget-element="widgetHeader"].h3,
section div[data-widget-element="widgetWysiwygHTML"] h3 {
  color: white;
  line-height: calc(4rem - 22px);
  margin: 0px;
  margin-bottom: 20px;
}

section h3[data-widget-element="widgetHeader"] span, 
section [data-widget-element="widgetHeader"].h3 span,
section div[data-widget-element="widgetWysiwygHTML"] h3 span {
  background-color: rgb(,,);
  padding: 0.05rem 0 0.35rem 0;
  -webkit-box-shadow: 0.65rem 0px 0px rgb(,,), -0.65rem 0px 0px rgb(,,);
  box-shadow: 0.65rem 0px 0px rgb(,,), -0.65rem 0px 0px rgb(,,);
  -webkit-box-decoration-break:clone;
  -moz-box-decoration-break:clone; 
  box-decoration-break: clone;
}

.media-grid h1[data-widget-element="widgetHeader"],
.media-grid [data-widget-element="widgetHeader"].h1,
.media-grid h2[data-widget-element="widgetHeader"],
.media-grid [data-widget-element="widgetHeader"].h2,
.media-grid h3[data-widget-element="widgetHeader"],
.media-grid [data-widget-element="widgetHeader"].h3,
.column-slider-bottom h1[data-widget-element="widgetHeader"],
.column-slider-bottom [data-widget-element="widgetHeader"].h1,
.column-slider-bottom h2[data-widget-element="widgetHeader"],
.column-slider-bottom [data-widget-element="widgetHeader"].h2,
.column-slider-bottom h3[data-widget-element="widgetHeader"],
.column-slider-bottom [data-widget-element="widgetHeader"].h3,
.widget-product h1[data-widget-element="widgetHeader"],
.widget-product [data-widget-element="widgetHeader"].h1,
.widget-product h2[data-widget-element="widgetHeader"],
.widget-product [data-widget-element="widgetHeader"].h2,
.widget-product h3[data-widget-element="widgetHeader"],
.widget-product [data-widget-element="widgetHeader"].h3 {
  color: ;
  line-height: 1.5rem !important;
  margin: 0px;
  margin-bottom: 20px;
}

.media-grid h1[data-widget-element="widgetHeader"] span,
.media-grid [data-widget-element="widgetHeader"].h1 span,
.media-grid h2[data-widget-element="widgetHeader"] span,
.media-grid [data-widget-element="widgetHeader"].h2 span,
.media-grid h3[data-widget-element="widgetHeader"] span,
.media-grid [data-widget-element="widgetHeader"].h3 span,
.column-slider-bottom h1[data-widget-element="widgetHeader"] span,
.column-slider-bottom [data-widget-element="widgetHeader"].h1 span,
.column-slider-bottom h2[data-widget-element="widgetHeader"] span,
.column-slider-bottom [data-widget-element="widgetHeader"].h2 span,
.column-slider-bottom h3[data-widget-element="widgetHeader"] span,
.column-slider-bottom [data-widget-element="widgetHeader"].h3 span,
.widget-product h1[data-widget-element="widgetHeader"] span,
.widget-product [data-widget-element="widgetHeader"].h1 span,
.widget-product h2[data-widget-element="widgetHeader"] span,
.widget-product [data-widget-element="widgetHeader"].h2 span,
.widget-product h3[data-widget-element="widgetHeader"] span,
.widget-product [data-widget-element="widgetHeader"].h3 span {
  background-color: transparent;
  padding: 0;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  -webkit-box-decoration-break: unset;
  -moz-box-decoration-break: unset; 
  box-decoration-break: unset;
}


/* =======================================================================================
	NAV
======================================================================================= */

.nav-container {
  background: rgba(,,,1) !important;
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
}

.nav-container ul li a {
  color: white !important;
}

.go-back-btn {
  top: 41px;
}

.go-back-btn,
.go-back-btn span,
.go-back-btn i {
  color: white !important;
}

@media(max-width:767px){
	section#member-header .nav-container::after {
	  height: 24px;
	  background: rgba(0,0,0,0.1) !important;;
	}
	.go-back-btn {
	  top: 50px;
	}
}

/* =======================================================================================
	PAGER
======================================================================================= */

.widget-product .column-slider .owl-nav > button i {
  background: rgba(,,,1) !important;
}

.widget-product .column-slider .owl-nav > button i::before {
  color: white !important;
}


/* =======================================================================================
	COLOR BOXES
======================================================================================= */

section.widget-product-section::before {
  content: "";
  display: block;
  position: absolute;
  top: -60px;
  left: 0;
  background: rgba(,,,0.05);
  width: 70%;
  height: calc(100% + 40px);
  z-index: 1;
}

section.widget-product-section .container {
  position: relative;
  z-index: 2;
}