/*
Theme Name: Boombox Child Theme
Theme URI: http://boombox.px-lab.com
Template: boombox
Author: Px-Lab
Author URI: https://px-lab.com
Description: Boombox is most powerful and flexible viral and buzz style WordPress theme. Flexible and fully customizable viral magazine theme combined with most powerful Viral content plugin with a ton of snacks and exclusive features and all that packed with dozens of powerful and popular plugins and with top-notch design
Version: 1.5.2
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, custom-header, custom-background, full-width-template,custom-menu, editor-style, featured-images, featured-image-header, post-formats, sticky-post, theme-options, translation-ready
Text Domain: boombox
*/

/*************** Add your custom css here  ***************/

/* Read Also box */
.read_also {
	position: relative;
	padding: 1em;
	margin: 2em 0;
	height: 400px;
	background-color: #ccc;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	border-radius: 8px;
	box-shadow: 0 -5px 0 #038fe5 !important;
	overflow: hidden;
}
.read_also:hover {
	color: #fff;
}
.read_also:before {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0,0,0,0.5);
	-ms-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
	z-index: 0;
}
.read_also:hover:before {
	background: rgba(0,0,0,0.3);
}
.read_also h3,
.read_also .h3 {
	position: relative;
	margin-top: auto;
	color: #fff !important;
	z-index: 9;
}
.read_also .date {
	font-size: 0.8em;
	
}
.read_also p,
.read_also .date {
	position: relative;
	opacity: 0.7;
	z-index: 8;
}

/* Accordion */
.accordion-title {
	position: relative;
	padding: 1em 0 1em 2em;
	font-weight: 700;
	cursor: pointer;
}

.accordion-title:before {
	position: absolute;
	left: 0;
	font-family: 'Font Awesome 5 Free';
	content: '\f067';
}
.accordion.open .accordion-title:before {
	content: '\f068';
}

.accordion-body {
	display: none;
	padding: 1em 0 1em 2em;
}
.accordion.open .accordion-body {
	display: block;
}

/* Понравился ли товар */
.wp-block-gt-goods-wrap-goods-wrap-main2 .alt-gitem__inner {
	position: relative;
	padding-bottom: 60px;
}
.product-like { 
	position: absolute;
	width: 50%;
	text-align: center;
	bottom: 0;
	left: 0;
}
.btn-like_title {
	display: block;
	font-size: 16px;
	line-height: 1.3;
}
.product-like button {
	border: 0;
	font-size: 1.2em;
	padding: 0 10px;
}
.product-like button,
.product-like button:hover {
	background-color: transparent !important;
}
.product-like button.item-like.active i,
.product-like button.item-like[disabled="disabled"] i {
	color: green;
}
.product-counter {
	display: inline-block;
	height: 24px;
	width: 40px;
	text-align: center;
}
.product-counter .loader {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	background:  url(images/loader.gif) center no-repeat;
	margin-bottom: -4px;
}
/* Опрос Понравившейся продукт */
.products-pool {
	background: #eee;
    padding: 20px 40px 40px;
}
.products-pool form {
	position: relative;
}
.products-pool ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.prod-poolID label {
	display: flex;
	align-items: center;
	background: #fff;
    padding: 10px;
	cursor: pointer;
}
.prod-poolID label img {
	width: auto;
	max-height: 60px;
	margin: 0 20px;
}
.pool-bar {
	position: relative;
	margin-top: 10px;
	padding-right: 40px;
	width: 100%;
	height: 20px;
	font-size: 14px;
	opacity: 0;
	-ms-transition: opacity 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out;
     transition: opacity 0.2s ease-out;
}
.added-vote .pool-bar {
	opacity: 1;
}
.thx {
	display: none;
}
.added-vote .thx {
	display: block;
}
.added-vote input[type="submit"] {
	display: none;
}
.pool-bar .bar {
	position: absolute;
	width: calc(100% - 60px);
	height: 20px;
	background: #dee6ea;
	border-radius: 20px;
	text-align: center;
	line-height: 20px;
}
.pool-bar .progerssbar {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 20px;
	border-radius: 20px;
}
.pool-bar .count-votes {
	position: relative;
	z-index: 19;
}
.pool-bar .percents {
	position: absolute;
	width: 40px;
	right: 0;
	line-height: 20px;
}
/* Author's question */
.d-flex {
	display: flex;
}
.flex-column {
	flex-direction: column;
}
.question {
	position: relative;
	margin: 3em 0;
	padding-left: 120px;
}
.question .avatar {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 0;
	left: 0;
	border-radius: 80px;
	overflow: hidden;
}
.question .author {
	font-weight: 700;
	margin-right: 1em;
}
.question p {
	font-size: 22px;
}
/* Tooltip */
.tooltip {
	background-color: #ECF1FF;
	border: 1px solid #038fe5;
	padding: 2px 5px;
	border-radius: 3px;
	cursor: pointer;
}
.tooltip-body {
	position: fixed;
	display: none;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	max-width: 360px;
	max-height: 100vh;
	padding: 1em 2em;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
    overflow: auto
}
.tooltip-body.show {
	display: block;
	z-index: 99999;
}
.tooltip-body .close {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	width: 1em;
	height: 1em;
	cursor: pointer;
}
.tooltip-body .close:before {
	content: '\2573';
}
.tooltip-body .Popover-module_background {
	display: none;
}

/* FAQ */
#rank-math-faq .rank-math-list-item {
    background: #FFFFFF;
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
#rank-math-faq .rank-math-answer:after {
	clear: both;
}

/* webique */
#rank-math-faq .rank-math-list-item .rank-math-question {
	padding-right: 24px;
	position: relative;
}
#rank-math-faq .rank-math-list-item.open .rank-math-question {
	padding-bottom: 15px;
	border-bottom: 1px solid #cccccc;

}
#rank-math-faq .rank-math-list-item .rank-math-question:after{
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.1892 4.1548L1.38415 0.24423C1.06748 -0.0812339 0.554141 -0.0812339 0.237471 0.24423C0.0792646 0.406895 -2.7111e-08 0.620227 -3.64331e-08 0.833492C-4.57552e-08 1.04676 0.0792646 1.26002 0.237471 1.42275L5.42667 6.7559C5.74334 7.08137 6.25668 7.08137 6.57335 6.7559L11.7625 1.42262C12.0792 1.09722 12.0792 0.569495 11.7625 0.244098C11.4459 -0.0813659 10.9325 -0.081366 10.6159 0.244098L6.81082 4.1548L6.57335 4.39878C6.25668 4.72424 5.74334 4.72424 5.42667 4.39878L5.1892 4.1548Z'%3E%3C/path%3E%3C/svg%3E");
	width: 22px;
	height: 22px;
/* 	background: red; */
	display: block;
	position: absolute;
	right: 0;
	top: 8px;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .2s;
}
#rank-math-faq .rank-math-list-item.open .rank-math-question:after {
	transform: rotate(180deg);
	top: -2px;
}

#rank-math-faq .rank-math-list-item .rank-math-question {
	cursor: pointer;
}
#rank-math-faq .rank-math-list-item .rank-math-answer {
	display: none;
}
#rank-math-faq .rank-math-list-item.open .rank-math-answer {
	display: block;
}
/* webique */

/* Media */
@media only screen and (max-width: 480px) {
	.question { padding-top: 30px; }
	.question .d-flex { flex-direction: column;}
	.question p { position: relative; left: -120px; width: calc(100% + 100px); margin-top: 40px; }
	body.tooltip-show:before {
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		content: '';
		background: rgba(0,0,0,0.8);
		z-index: 99998;
	}
	.tooltip-body {
		top: auto;
		bottom: 0;
		right: auto;
		left: 50%;
		border-radius: 0;
		transform: translate(-50%, 0);
	}
	.tooltip-body .Popover-module_background {
		position: absolute;
		display: inherit;
		left: 0;
		top: -0.5em;
		border-radius: 8px;
		z-index: 0;
	}
	.tooltip-title,
	.tooltip-content {
		position: relative;
		box-sizing: 9;
	}
	.tooltip-body .close {
		top: -1.5em;
		left: 50%;
		right: auto;
		margin-left: -0.8em;
		transform: rotate(-90deg);
		color: #fff;
	}
	.tooltip-body .close:before {
	    content: '\276E';
     }
}
@media only screen and (max-width: 360px) {
	.product-like { width: 100%; }
}


/* bootstrap */
.flex-wrap {
	flex-wrap: wrap;
}
.m-0 {
	margin: 0 !important;
  }
  
  .m-1 {
	margin: 0.25rem !important;
  }
  
  .m-2 {
	margin: 0.5rem !important;
  }
  
  .m-3 {
	margin: 1rem !important;
  }
  
  .m-4 {
	margin: 1.5rem !important;
  }
  
  .m-5 {
	margin: 3rem !important;
  }
  
  .m-auto {
	margin: auto !important;
  }
  
  .mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
  }
  
  .mx-1 {
	margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
  }
  
  .mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
  }
  
  .mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
  }
  
  .mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
  }
  
  .mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
  }
  
  .mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
  }
  
  .my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
  }
  
  .my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
  }
  
  .my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
  }
  
  .my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
  }
  
  .my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
  }
  
  .my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
  }
  
  .my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
  }
  
  .mt-0 {
	margin-top: 0 !important;
  }
  
  .mt-1 {
	margin-top: 0.25rem !important;
  }
  
  .mt-2 {
	margin-top: 0.5rem !important;
  }
  
  .mt-3 {
	margin-top: 1rem !important;
  }
  
  .mt-4 {
	margin-top: 1.5rem !important;
  }
  
  .mt-5 {
	margin-top: 3rem !important;
  }
  
  .mt-auto {
	margin-top: auto !important;
  }
  
  .me-0 {
	margin-right: 0 !important;
  }
  
  .me-1 {
	margin-right: 0.25rem !important;
  }
  
  .me-2 {
	margin-right: 0.5rem !important;
  }
  
  .me-3 {
	margin-right: 1rem !important;
  }
  
  .me-4 {
	margin-right: 1.5rem !important;
  }
  
  .me-5 {
	margin-right: 3rem !important;
  }
  
  .me-auto {
	margin-right: auto !important;
  }
  
  .mb-0 {
	margin-bottom: 0 !important;
  }
  
  .mb-1 {
	margin-bottom: 0.25rem !important;
  }
  
  .mb-2 {
	margin-bottom: 0.5rem !important;
  }
  
  .mb-3 {
	margin-bottom: 1rem !important;
  }
  
  .mb-4 {
	margin-bottom: 1.5rem !important;
  }
  
  .mb-5 {
	margin-bottom: 3rem !important;
  }
  
  .mb-auto {
	margin-bottom: auto !important;
  }
  
  .ms-0 {
	margin-left: 0 !important;
  }
  
  .ms-1 {
	margin-left: 0.25rem !important;
  }
  
  .ms-2 {
	margin-left: 0.5rem !important;
  }
  
  .ms-3 {
	margin-left: 1rem !important;
  }
  
  .ms-4 {
	margin-left: 1.5rem !important;
  }
  
  .ms-5 {
	margin-left: 3rem !important;
  }
  
  .ms-auto {
	margin-left: auto !important;
  }
  
  .p-0 {
	padding: 0 !important;
  }
  
  .p-1 {
	padding: 0.25rem !important;
  }
  
  .p-2 {
	padding: 0.5rem !important;
  }
  
  .p-3 {
	padding: 1rem !important;
  }
  
  .p-4 {
	padding: 1.5rem !important;
  }
  
  .p-5 {
	padding: 3rem !important;
  }
  
  .px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
  }
  
  .px-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
  }
  
  .px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
  }
  
  .px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
  }
  
  .px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
  }
  
  .px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
  }
  
  .py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
  }
  
  .py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
  }
  
  .py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
  }
  
  .py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
  }
  
  .py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
  }
  
  .py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
  }
  
  .pt-0 {
	padding-top: 0 !important;
  }
  
  .pt-1 {
	padding-top: 0.25rem !important;
  }
  
  .pt-2 {
	padding-top: 0.5rem !important;
  }
  
  .pt-3 {
	padding-top: 1rem !important;
  }
  
  .pt-4 {
	padding-top: 1.5rem !important;
  }
  
  .pt-5 {
	padding-top: 3rem !important;
  }
  
  .pe-0 {
	padding-right: 0 !important;
  }
  
  .pe-1 {
	padding-right: 0.25rem !important;
  }
  
  .pe-2 {
	padding-right: 0.5rem !important;
  }
  
  .pe-3 {
	padding-right: 1rem !important;
  }
  
  .pe-4 {
	padding-right: 1.5rem !important;
  }
  
  .pe-5 {
	padding-right: 3rem !important;
  }
  
  .pb-0 {
	padding-bottom: 0 !important;
  }
  
  .pb-1 {
	padding-bottom: 0.25rem !important;
  }
  
  .pb-2 {
	padding-bottom: 0.5rem !important;
  }
  
  .pb-3 {
	padding-bottom: 1rem !important;
  }
  
  .pb-4 {
	padding-bottom: 1.5rem !important;
  }
  
  .pb-5 {
	padding-bottom: 3rem !important;
  }
  
  .ps-0 {
	padding-left: 0 !important;
  }
  
  .ps-1 {
	padding-left: 0.25rem !important;
  }
  
  .ps-2 {
	padding-left: 0.5rem !important;
  }
  
  .ps-3 {
	padding-left: 1rem !important;
  }
  
  .ps-4 {
	padding-left: 1.5rem !important;
  }
  
  .ps-5 {
	padding-left: 3rem !important;
  }