/*
Theme Name: Recond Child Theme
Theme URI: http://recond.like-themes.com/
Author: Like Themes
Author URI: http://like-themes.com/
Description: Blank Child Theme for Recond
Template: recond
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: four-columns, right-sidebar, full-width-template
Text Domain: recond

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Montez&display=swap');

:root {
	--main: #E20234;
	--black: #111111;
}
input[type="submit"], .btn {
	background: #DC2751;
}

#nav-wrapper.navbar-layout-full-width, 
#nav-wrapper.navbar-layout-transparent {
    margin-bottom: -160px !important;
}
#nav-wrapper, #nav-wrapper .container, nav.navbar {
    min-height:160px !important;
}
button.slick-prev.slick-arrow {
    font-size: 0;
    position: absolute;
    left: -70px;
    top: 160px;
    background: url(/wp-content/uploads/2019/06/left.png)no-repeat center;
    border: unset;
    background-size: contain;
    width: 100px;
    height: 50px;
}
.video-slide a:before {
    content: '';
    position: absolute;
    top: 30%;
    left: 33%;
    background: url(/wp-content/uploads/2019/06/play.png)no-repeat center;
    width: 30%;
    height: 35%;
}
button.slick-next.slick-arrow{
	font-size: 0;
	position: absolute;
	right: -50px;
	top: 160px;
	background: url(/wp-content/uploads/2019/06/right.png)no-repeat center;
	border: unset;
	background-size: contain;
	width: 50px;
	height: 50px;
}
.video-slider .video-slide img {
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
	height: 350px;
    object-fit: cover;
    object-position: top;
}
.slick-initialized .slick-slide {
    margin: 0 10px;
	position: relative;
}
.slick-list.draggable {
    padding: 0 !important;!i;!;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}


div#content-col h4 {
    margin-bottom: 0;
    color: #E20234;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 24px;
    line-height: 43px;
}
div#content-col p {
    color: #282834;
    margin-bottom: 20px;
}
div#img-col .vc_column-inner {
    padding-right: 0;
    position: relative;
}
div#img-col {
    position: relative;
}
div#img-col:before {
    content: '';
    position: absolute;
    top: 60px;
    left: 0;
    border: 3px solid #E20234;
    width: 500px;
    height: 350px;
    z-index: -1;
}
section#subscription-sec .ltx-portfolio-menu {
    display: none;
}
section#subscription-sec .portfolio-sc .item.active .ltx-image {
    background-repeat: no-repeat;
    background-size: contain;
	background-color: #fff;
    margin-left: 0;
    width: 60%;
}
div#content-col .vc_column-inner {
    padding-left: 0;
    box-shadow: 0 0 15px rgb(0 0 0 / 29%);
    padding-top: 40px;
    padding-bottom: 15px;
}
div#content-col .vc_column-inner .wpb_wrapper {
    padding-left: 70px;
    padding-right: 50px;
}
div#content-col .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper {
    padding-left: 0;
}
div#content-col .heading.header-subheader.align-left {
    margin-top: 0;
}
.heading.subcolor-main .subheader {
    font-size: 48px;
    line-height: 28px;
}
.portfolio-sc .ltx-content {
    background: url(/wp-content/uploads/2019/06/wave.png)no-repeat;
    background-color: #0c0c0c;
    background-size: cover;
    background-position: left;
    overflow: visible;
    /* position: relative; */
    /* z-index: 9; */
}
.portfolio-sc {
	z-index:9;
}
.portfolio-sc .ltx-content h4.header,.portfolio-sc .ltx-content p {
    color: #fff;
}
.portfolio-sc:before {
    content: '';
    position: absolute;
    top: 20px;
    left: auto;
    right: -75px;
    bottom: 0;
    background: url(/wp-content/uploads/2019/06/Group-1.png) no-repeat right;
    z-index: -1;
    width: 190px;
    height: 455px;
    background-size: cover;
}
.services-sc.layout-product .photo img {
    height: 375px;
    object-fit: cover;
    object-position: top;
}
.apple_btn {
    width: 200px;
    display: block;
    margin: auto;
}
body .bg-gradient {
	background: linear-gradient(45deg, #f0eff3, transparent) !important;
}
.woocommerce ul.products li.product > .item {
    background: #fff !important;
    height: 100% !important;
}
@media (min-width: 1200px) and (max-width: 1599px) {
	.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product, .woocommerce ul.products[class*="columns-"].columns-4 li.product, .woocommerce-page[class*="columns-"] ul.products.columns-4 li.product,
		.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product, .woocommerce ul.products[class*="columns-"].columns-3 li.product, .woocommerce-page[class*="columns-"] ul.products.columns-3 li.product {
		width: 25%;
			padding-left: 10px;
        padding-right: 10px;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products[class*="columns-"] li.product .woocommerce-loop-product__title, .woocommerce-page[class*="columns-"] ul.products li.product .woocommerce-loop-product__title {
    font-size: 18px;
    line-height: 26px;
}
	section#subscription-sec .portfolio-sc .item.active .ltx-image {
    width: 58%;
	}
}


.bannerclass .heading h1.header span {
    font-family: 'Montez' !important;
	color:#DC2751;
}
body .heading.header-outline-subheader text {
	stroke:#DC2751 !important;
}
.bannerclass .heading h1.header span:after {
    content: "Music";
    position: relative;
    margin-left: 20px;
	color: #fff;
}