/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

#order_review_heading{display:none;}

.unset-width .select2{
	width: 100% !important;
}

.header_title .et_pb_text_inner{
	font-size: 2rem;
	margin-top: 1.5rem;
}

/* footer */

.global_footer li a{cursor:pointer !important;color:#fff !important; text-decoration: none !important;}
#footer_section .et_pb_code_inner{color:#fff;}
#footer_section .et_pb_code_inner h4{font-weight:bold;color:#fff;margin-bottom:1rem !important;}
#footer_section .et_pb_code_inner ul li{list-style-type:none;}
#footer_section .et_pb_code_inner {padding:1rem 2rem;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;background:linear-gradient(0deg, #844eff 0%, #000 100%);}
#footer_section .et_pb_code_inner  .footer_right{display:flex;flex-direction:column;justify-content:center;align-items:center;}
#footer_section .et_pb_code_inner  .footer_right svg{height:2rem;width:2rem;display:block;}
#footer_section .et_pb_code_inner  .footer_networks{display:flex;flex:1;justify-content:center;align-items:center;}
#footer_section .et_pb_code_inner  .footer_networks li{padding:.5rem;}
#footer_section .et_pb_code_inner  ul{padding:1rem;}

.et_pb_section_0{max-height:calc(var(--vh, 1vh) * 20) !important;min-height:calc(var(--vh, 1vh) * 20) !important;padding:0 !important;}
.et_pb_column .et_pb_widget{margin:0 !important;}
.et_pb_accordion .et_pb_toggle{margin-bottom:1rem !important;}

.btn_spinner{display:none;border: .2rem solid #ffffff;border-top: .2rem solid transparent;border-radius: 50%;max-width: 1.5rem;max-height: 1.5rem;min-width: 1.5rem;min-height: 1.5rem;animation: btn_spin 1.5s linear infinite;}
button[disabled] > .btn_spinner{display: block;}
button[disabled]:has(.btn_spinner){display:flex;align-items:center;justify-content:center;}
button[disabled]:has(.btn_spinner) > *:last-child{margin:0 0 0 .25rem;}
button[disabled]:has(.btn_spinner) > *:first-child{margin:0 .25rem 0 0;}
button[disabled]:has(.btn_spinner) > *, button:has(.btn_spinner) > *:nth-child(2):last-child{margin:0 .25rem;}
button[disabled]:has(.btn_spinner.icon) > svg:first-of-type{display:none;}
button[disabled]:has(.btn_spinner){cursor:wait !important;}

label:not(.error):has(.label_error) > .label_error{display:none;}
label.error > .label_error{display:flex;color:#EA2525;}
label.error > input, label.error > textarea, label.error > select{border-color:#EA2525 !important;}

/*add icon to the opened accordion*/
.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block;
	content: "\e04f";
}

#global_modal {visibility:hidden;z-index:-1;inset:0;position: fixed;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);}
#global_modal .modal_content{position:relative;border-radius:20px;box-shadow: 0 0 10px 3px rgba(0,0,0,0.2);border:none;background: white;overflow:auto;max-width:98vw;max-height:calc(var(--vh, 1vh) * 98);}
#global_modal.show {visibility: visible;z-index: 14;}

#global_snackbar {visibility: hidden;background: #333;color: white;text-align: center;padding: 16px;position: fixed;z-index: 15;bottom: 30px;left:50%;transform: translateX(-50%);}
#global_snackbar.show {visibility: visible;animation: fadein 0.5s, fadeout 0.5s 4.5s;}
#global_snackbar.show.success {border-top: 8px solid #6ad84b;}
#global_snackbar.show.error {border-top: 8px solid #d84b4b;}

@keyframes btn_spin {
    0% {transform: rotateZ(0deg);}
    33% {transform: rotateZ(135deg);}
    66% {transform: rotateZ(270deg);}
    100% {transform: rotateZ(360deg);}
}

/* =Theme customization starts here
------------------------------------------------------- */

@media screen and (min-width:0px) and (max-width:1700px){
	.home_text{top:calc(var(--vh, 1vh) * 60) !important;}
}

@media screen and (min-width:1700px) and (max-width:1800px){
	.home_text{top:calc(var(--vh, 1vh) * 60) !important;}
}

@media screen and (min-width:1800px){
	.home_text{top:calc(var(--vh, 1vh) * 64) !important;}
}


@media screen and (max-width:800px){
	#footer_section .et_pb_code_inner{flex-direction:column;}
	.footer_right{width:100%;margin:1rem 0;align-items:flex-start !important;}
	#footer_section .et_pb_code_inner .footer_right svg{height:1.5rem;width:1.5rem;}
	#footer_section .et_pb_code_inner .footer_networks li{padding:.3rem;}
}

:root {
  --violet: #844eff;
  --rouge-clair: #ff5679;
  --violet-gradient: linear-gradient(90deg, #844eff 0%, #d902f6 100%);
  --rouge-clair-gradient: linear-gradient(90deg, #ff315c 0%, #ff7575 100%);
  --gradient-full: linear-gradient(90deg, #6c2dfb 15%, #ff7575 85%);
  --violet-gradient-overlay: linear-gradient(90deg, hsla(258, 100%, 65%, 0.65) 0%, hsla(293, 98%, 49%, 0.65) 100%);
}

/* Additional CSS */

/* ---- fix small pages white overlay ---- */
#et-main-area{min-height: calc(var(--vh, 1vh) * 100);display: flex;flex-direction: column;}
#main-content{flex:1;}

/* ---------------- Footer menu ---------------- */

#main-footer{display:none;}

.vertical-menu nav ul li {
  width: 100%;
  display: block;
}

/* ---------------- Header menu ---------------- */

.btn-violet-gradient,
.btn-white-transparent {
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  border-radius: 50px;
  margin-right: 10px;
  margin-left: 10px;
}

.btn-violet-gradient {
  background-image: var(--violet-gradient) !important;
  padding: 12px 25px 12px 25px;
}

/* Inner border */
.btn-white-transparent {
  -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
  -moz-box-shadow: inset 0px 0px 0px 1px #fff;
  box-shadow: inset 0px 0px 0px 1px #fff;
  padding: 12px 25px 12px 25px;
}

/* Profile icon in transparent button */
.btn-profile-icon {
  color: var(--rouge-clair);
  font-size: 20px;
  vertical-align: text-bottom;
  margin-left: 5px;
}

/* Cart button, violet gradient background */
.btn-cart {
  background-image: var(--violet-gradient) !important;
  border-radius: 50px;
  padding: 12px;
  margin-left: 10px;
}

/* Cart button icon */
.btn-cart-icon {
  color: white;
  font-size: 20px;
  vertical-align: text-bottom;
}

/* Cart count */
.cart-contents-count {
  position: absolute;
  top: 10px;
  transform: translate(5%, -125%);
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background-image: var(--rouge-clair-gradient) !important;
  border-radius: 50%;
  z-index: 999;
  border: 2px solid #000;
}

/* ---------------- Categories Page ---------------- */

/* Categories title */
.woocommerce ul.products li.product .woocommerce-loop-category__title {
  position: absolute;
  top: 70%;
  color: white;
  font-style: italic;
  font-weight: 900;
  font-size: 21px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

/* Category mark */
.woocommerce ul.products li.product .woocommerce-loop-category__title mark {
  display: none;
}

/* Category summery */
.woocommerce ul.products li.product h2 {
  font-weight: bold;
}

.et_pb_text_1_tb_body h2 {
  padding: 0;
}

/* ---------------- Products Page ---------------- */

.woocommerce.columns-1 ul.products li.product {
  margin: auto;
}

/* Product image size */
.woocommerce.columns-1 ul.products li.product img {
  width: 65px;
  height: 65px;
  pointer-events: none;
  margin: 0 !important;
}

.woocommerce.columns-1 ul.products li.product a {
  flex-direction: row;
}

/* Product image container size */
.woocommerce.columns-1 ul.products li.product .et_shop_image {
  width: 65px;
}

.custom-cart-container{
	display:flex;
	flex:5;
	justify-content:space-between;
	align-items: center;
}

#page-container .et_pb_section_1_tb_body{
	min-height: unset;
}

.musics_container.et_pb_row_2_tb_body{
	position:relative !important;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    transform: unset;
}

/* Product display */
.woocommerce.columns-1 ul.products li.product .woocommerce-loop-product__link {
 	display: flex;
	align-items:center;
	justify-content:flex-start;
  	gap: 10px;
}

/* Product price */
.woocommerce ul.products li.product .price {
  display: none;
}

/* Attribute block (120-04:35) */
.attribute-container {
  	color: rgba(0, 0, 0, 0.8);
  	font-weight: 600;
	display:flex;
	justify-content:space-between;
	flex:1;
	padding:0 5px;
}

.attribute-container .attribute-s{
	padding:10px;
}

.btn-container{
	min-width:115px;
}

/* Button violet */
.btn-normal {
	cursor:pointer;
  	border-radius: 50px;
  	padding: 10px;
}

.btn-normal-icon {
  color: var(--violet);
  font-size: 20px;
  vertical-align: text-bottom;
}

/* ----- Products image overlay ----- */
.woocommerce .et_overlay:before {
  display: none;
}

.woocommerce .et_overlay {
  display: none;
}

/* Meta section */
.et_pb_gutters3 .et_pb_column_3_4 .et_pb_module,
.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_module {
  margin-bottom: auto;
}

/* ----- Footer player ----- */

#grmp-playlist-container, #grmt-mixing-table-container{
	margin: 0 auto;
	padding:0;
  	position:relative !important;
 	left:0;
  	top:0;
  	transform: none;
	width:100%;
}

#grmp-playlist-container .et_pb_widget_area_left, #grmt-mixing-table-container .et_pb_widget_area_left{
	border:none;
}

#grmp_music_widget-2{
	width:100%;
}

#page-container .et_pb_widget_area{
	padding:0;
	border:none !important;
}
