/*
Theme Name: Subplot
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* ------------------------------------------------------------------- font import */

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeueLight.woff2') format('woff2'),
        url('fonts/BebasNeueLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('fonts/BebasNeueBook.woff2') format('woff2'),
        url('fonts/BebasNeueBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeue-Thin.woff2') format('woff2'),
        url('fonts/BebasNeue-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeueBold.woff2') format('woff2'),
        url('fonts/BebasNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeueRegular.woff2') format('woff2'),
        url('fonts/BebasNeueRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------------------------------- generic */

body {
	font-family: neuzeit-grotesk, sans-serif !important;
	font-weight: 400;
	font-style: normal;
}

p {
	margin: 0 0 25px;
}

hr {
	height: 1px;
	width: 100%;
	background-color: #999;
	margin: 30px 0;
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Bebas Neue' !important;
	font-weight: normal !important;
	text-transform: uppercase;
	position: relative;
}

main p a {
	text-decoration: underline; 
}

main p a:hover {
	text-decoration: none; 
}

h2::before {
	position: absolute;
    left: -30px;
    top: -2px;
    bottom: 8px;
    width: 1px;
    background: #000;
    content: "";
}

/* ------------------------------------------------------------------- header */

.fusion-logo img {
	max-width: 135px;
}

body .fusion-header, body .fusion-secondary-header {
	padding-left: 60px;
	padding-right: 10px;
}

body .fusion-secondary-header {
	padding-left: 60px;
	padding-right: 60px;
}

body .fusion-social-networks .fusion-social-network-icon {
	margin-left: 20px;
}

/* ------------------------------------------------------------------- cart header */

.wpmenucart-icon-shopping-cart-0 {
	display: none !important;
}

.wpmenucartli {
	font-size: 18px;
	border-left: 1px solid #ccc;
} 

body .fusion-main-menu > ul > li.wpmenucartli > a {
	font-weight: normal !important;
	margin-left: 60px;
	margin-right: 50px;
}

body .fusion-main-menu > ul > li.wpmenucartli > a .cartcontents::first-letter, body .fusion-main-menu > ul > li.wpmenucartli > a .amount {
	font-weight: 800 !important;
}

/* ------------------------------------------------------------------- nav */

body .fusion-main-menu > ul > li {
	margin-left: 50px;
}

body .fusion-main-menu > ul > li > a {
	font-family: neuzeit-grotesk, sans-serif;
	font-weight: 800 !important;
	text-transform: uppercase;
	position: relative;
	height: auto;
	line-height: normal;
	margin: 20px;
	padding: 0;
}

body .fusion-main-menu li {
	cursor: default;
}

.menu-text {
	position: relative;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.menu-text::after, .fusion-footer a::after {
	height: 1px;
	background: transparent;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	bottom: -5px;
	content: "";
	width: 0%;
	transition: all ease-out 0.3s;
}

.menu-text:hover::after, .fusion-footer a:hover::after {
	width: 100%;
	background: black;
}

.current_page_item .menu-text::after {
	width: 100% !important;
	background: black;
}

/*
.fusion-main-menu {
	margin-top: 60px;
}
*/

.fusion-flyout-search-toggle {
	display: none !important;
}

/* ------------------------------------------------------------------- homepage */

body.page-id-56 .home-news {
	padding: 0 !important;
}

body.page-id-56 #main {
	padding-top: 0;
	padding-bottom: 0;
}

/* ------------------------------------------------------------------- homepage - latest news */

.home-news {
	background: url(images/grunge.jpg) 0 0 no-repeat;
	background-size: cover;	
	margin-bottom: 40px;
}

.home-news::after,.home-news::before  {
	position: absolute;
	top: 0;
	height: 40px;
	background: white;
	width: 100%;
	left: 0;
	right: 0;
	content: "";	
}

.home-news::before {
	top: auto;
	bottom: 0;
}

.home-news .fusion-recent-posts, .home-news .fusion-layout-column.fusion-one-full {
	margin-bottom: 0 !important;
}

.home-news .fusion-flexslider {
	width: calc(60vw - 60px);
	float: right;
	margin-right: 60px !important;
}

.home-news .fusion-flexslider img {
	max-width: none !important;
	opacity: 1 !important;
}

.home-news .recent-posts-content {
	position: relative;
	left: 105px;
	z-index: 3;
	width: 28vw;
	padding-top: 10vh;
	padding-bottom: 10vh;
	color: #666;
}

.home-news .recent-posts-content h4 {
	font-size: 42px;
	line-height: 1.1;
	position: relative;
	margin-bottom: 8px !important;
}

.home-news .recent-posts-content h4 a {
	color: black;
	position: relative;
}

.home-news .recent-posts-content h4::before {
	display: block;
	margin-bottom: 20px;
	opacity: 0.66;
	font-family: neuzeit-grotesk;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 4px;
	text-transform: uppercase;
	content: "Latest News";
}

.home-news .recent-posts-content h4 a::after {
	position: absolute;
	left: -30px;
	top: -2px;
	bottom: 8px;
	width: 1px;
	background: #999;
	content: "";
}

.home-news .recent-posts-content p a, .featured-artist a {
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #CCCCCC;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-top: 60px;
	text-decoration: none !important;
}

.featured-artist a {
	display: inline-block;
}

.home-news .recent-posts-content p a:hover {
	color: black;
}

 .featured-artist a:hover {
	color: white;
}

.home-news .recent-posts-content p a::after, .featured-artist a::after {
	background: url('images/arrow-black.svg') 50% 50% no-repeat;
	background-size: contain;
	content: "";
	margin-left: 20px;
	width: 29px;
	height: 11px;
	display: inline-block;
	transition: all ease 0.45s;
	opacity: 0.3;
}

.featured-artist a::after {
	background: url('images/arrow-white.svg') 50% 50% no-repeat;
}

.home-news .recent-posts-content p a:hover::after, .featured-artist a:hover::after {
	margin-left: 30px;
	opacity: 1;
}

/* ------------------------------------------------------------------- homepage - latest releases */

body.page-id-56 #main .fusion-row {
	max-width: 1508px;
}

body.page-id-56 .fusion-carousel-item:nth-child(even) {
	transform: translateY(-20px);
}

body.page-id-56 .fusion-carousel-item h4 {
	font-size: 24px;
}

/* ------------------------------------------------------------------- homepage - featured artist */

.featured-artist {
	height: 66vh;
	min-height: 440px;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
}

.featured-artist .wrapper {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
}

.featured-artist .wrapper .artist-content {
	color: white;
	max-width: 1508px;
	margin: 0 auto;
}

.featured-artist .wrapper .artist-content h3, .homepage-product h3, .homepage-tweet h3 {
	opacity: 0.66;
	font-weight: bold;
	font-size: 14px !important;
	color: #FFFFFF;
	letter-spacing: 5.38px !important;
	font-family: neuzeit-grotesk, sans-serif !important; 
	font-weight: 800 !important;
	margin-bottom: 30px;
}

#wrapper .featured-artist .wrapper .artist-content h2 {
	font-size: 54px;
	color: white;
}
	
#wrapper .featured-artist .wrapper .artist-content p {
	max-width: 450px;
}

.featured-artist h2::before {
	background-color: white;
}

/* ------------------------------------------------------------------- homepage - product */

.homepage-product a.more, .fusion-post-content-container a {
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #333;
	letter-spacing: 4px;
	text-transform: uppercase;
	text-decoration: none !important;
	position: absolute;
	bottom: 55px;
	font-family: neuzeit-grotesk, sans-serif !important;
}

.fusion-post-content-container a {
	position: static;
	margin-top: 25px;
}

.homepage-product a.more:hover, .fusion-post-content-container a:hover {
	color: black;
}

.homepage-product a.more::after, .fusion-post-content-container a::after {
	background: url('images/arrow-black.svg') 50% 50% no-repeat;
	background-size: contain;
	content: "";
	margin-left: 20px;
	width: 29px;
	height: 11px;
	display: inline-block;
	transition: all ease 0.45s;
	opacity: 0.3;
}

.homepage-product a.more:hover::after, .fusion-post-content-container a:hover::after {
	margin-left: 30px;
	opacity: 1;
}

.homepage-product a.product-image {
	 display: block;
	 float: right;
	 margin: 0 0 0 30px;
	 width: 50%;
	 min-width: 300px;
 }

/* ------------------------------------------------------------------- homepage - releases */

.home-releases .fusion-image-wrapper {
	transition: all ease-out .45s;
}

.home-releases .fusion-image-wrapper:hover {
	transform: scale(1.05);
}

.home-releases .fusion-woo-product-slider, .home-releases .fusion-carousel, .home-releases .fusion-carousel .fusion-carousel-wrapper {
	overflow: visible !important;
}


/* ------------------------------------------------------------------- homepage - tweet */

.homepage-tweet, .homepage-tweet a {
	color: white; 
}

.homepage-tweet h3 {
	color: rgba(255,255,255,.66) !important;
}

.ctf-tweet-text {
	font-family: 'Bebas Neue' !important;
	font-size: 36px;
	color: #FFFFFF;
	line-height: 1.1;
	max-width: 560px;
	width: 100%;
}

.ctf-tweet-text a {
	text-decoration: none;
	position: relative;
	z-index: 2;
}

.ctf-tweet-text a:after {
	position: absolute;
	bottom: 3px;
	left: 0;
	right: 0;
	height: 1px;
	background: white;
	width: 100%;
	content: "";
	transition: ease 0.3s all;
	z-index: -1;
}

.ctf-tweet-text a:hover:after {
	height: 103%;
}


.homepage-tweet .fusion-text > p > a {
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #CCCCCC;
	letter-spacing: 4px;
	text-transform: uppercase;
	text-decoration: none !important;
	position: absolute;
	bottom: 55px;
}

.homepage-tweet .fusion-text > p > a:hover {
	color: white;
}

.homepage-tweet .fusion-text > p > a::after {
	background: url('images/arrow-white.svg') 50% 50% no-repeat;
	background-size: contain;
	content: "";
	margin-left: 20px;
	width: 29px;
	height: 11px;
	display: inline-block;
	transition: all ease 0.45s;
	opacity: 0.3;
}

.homepage-tweet .fusion-text > p > a:hover::after {
	margin-left: 30px;
	opacity: 1;
}

#ctf .ctf-item {
	padding: 0 !important;
}

#ctf .ctf-corner-logo {
	display: none;
}

/* ------------------------------------------------------------------- title bar */

html .fusion-page-title-bar {
	padding: 30px 0 20px;
	background-size: cover;
}

/* ------------------------------------------------------------------- artist page */

.post-type-archive-label-artist .fusion-single-line-meta, .post-type-archive-label-artist .fusion-post-content-container {
	display: none;
}

body.single-label-artist .fusion-page-title-bar, body.single-label-artist .fusion-post-title-meta-wrap, body.single-label-artist .fusion-flexslider {
	display: none;
}

body.single-label-artist #main {
	padding: 0 !important;
}

body.single-label-artist #main .fusion-row {
	max-width: none;
}

body.single-label-artist .hero {
	height: 66vh;
	min-height: 440px;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
}

body.single-label-artist .hero .wrapper {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

body.single-label-artist .hero h1 {
	max-width: 880px;
	color: white;
	margin: 0 auto;
	padding: 0 30px;
}

body.single-label-artist .hero h1 span {
	background: black;
	display: inline-block;
	padding: 10px 10px 0;
	line-height: 1 !important;
}

body.single-label-artist .artist-content {
	max-width: 880px;
	margin: 0 auto;
	padding: 50px 30px;
}

body.single-label-artist .artist-content h2 {
	margin: 30px 0 10px;
}

body.single-label-artist .fusion-sharing-box {
	max-width: 820px;
	margin: 0 auto;
}

ul.socials {
	list-style: none;
	padding: 30px 0 0;
		overflow: hidden;
		margin-bottom: 0;
}

ul.socials li {
	margin-bottom: 20px;
}

ul.socials a {
	font-size: 16px;
	font-weight: bold;
}

.icon-beatport {
	background: url(images/beatport.svg) 0 0 no-repeat;
	background-size: contain;
	width: 30px;
	height: 15px;
	display: inline-block;
}

/* ------------------------------------------------------------------- blog post */

body.blog h2::before {
	display: none;
}

html .fusion-blog-layout-large .entry-title, html .fusion-blog-layout-medium .entry-title {
		margin-bottom: 10px;
	}

body.single-post .fusion-page-title-bar {
	display: none;
}

body.single-post article.post {
	max-width: 820px;
	margin: 0px auto;
}

/* ------------------------------------------------------------------- artist index */



/* ------------------------------------------------------------------- product page */

.fusion-woo-product-design-clean .products .product-title, .fusion-woo-product-design-clean .slides .product-title {
	font-style: normal !important;
}

.product_title.entry-title::before {
	display: none !important;
}

.woocommerce-Price-amount.amount {
	font-weight: 800;
}

#main #comment-submit, #main .comment-submit, #reviews input#submit, .button-default, .button.default, .comment-form input[type="submit"], .fusion-button-default, .fusion-portfolio-one .fusion-button, .post-password-form input[type="submit"], .price_slider_amount button, .slidingbar-area .button-default, .ticket-selector-submit-btn[type=submit], .tml-submit-wrap input[type="submit"], .woocommerce .avada-order-details .order-again .button, .woocommerce .avada-shipping-calculator-form .button, .woocommerce .cart-collaterals .checkout-button, .woocommerce .checkout #place_order, .woocommerce .checkout_coupon .button, .woocommerce .login .button, .woocommerce .lost_reset_password input[type="submit"], .woocommerce .register .button, .woocommerce .single_add_to_cart_button, .woocommerce button.button, .woocommerce-MyAccount-content form .button, .woocommerce.add_to_cart_inline .button, input.button-default {
	background: #333 !important;
	border-radius: 0 !important;
	font-family: neuzeit-grotesk, sans-serif !important;
	border: none !important;
}

#main #comment-submit:hover, #main .comment-submit:hover, #reviews input#submit:hover, .button-default:hover, .button.default:hover, .comment-form input[type="submit"]:hover, .fusion-button-default:hover, .fusion-portfolio-one .fusion-button:hover, .post-password-form input[type="submit"]:hover, .price_slider_amount button:hover, .slidingbar-area .button-default:hover, .ticket-selector-submit-btn[type=submit]:hover, .tml-submit-wrap input[type="submit"]:hover, .woocommerce .avada-order-details .order-again .button:hover, .woocommerce .avada-shipping-calculator-form .button:hover, .woocommerce .cart-collaterals .checkout-button:hover, .woocommerce .checkout #place_order:hover, .woocommerce .checkout_coupon .button:hover, .woocommerce .login .button:hover, .woocommerce .lost_reset_password input[type="submit"]:hover, .woocommerce .register .button:hover, .woocommerce .single_add_to_cart_button:hover, .woocommerce button.button:hover, .woocommerce-MyAccount-content form .button:hover, .woocommerce.add_to_cart_inline .button:hover, input.button-default:hover {
	background-color: #000 !important;
}

/* ------------------------------------------------------------------- footer */


.fusion-footer a, body .fusion-footer-widget-area .widget-title {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-left: 36px;
}

body .fusion-footer-widget-area .widget-title {
	margin: 0 0 20px;
/* 	opacity: 0.66; */
	font-family: neuzeit-grotesk, sans-serif !important;
	font-weight: bold !important;
}

.fusion-footer .p1 {
	opacity: 0.66;
	padding-bottom: 0;
}

.fusion-footer a {
	position: relative;
}

.fusion-footer a::after {
	background: transparent;
}

.fusion-footer a:hover::after {
	background: white;
}

.fusion-footer .fusion-column-last {
	text-align: right;
}

body .fusion-footer-widget-column {
	margin-bottom: 0;
}

.fusion-social-network-icon::after {
	display: none;
}



/* Styles for screens that are at least 1288px; */
@media only screen and (max-width: 1288px) {

	body .fusion-page-title-bar .fusion-page-title-row h1, .fusion-modal h1, body .fusion-widget-area h1, body .post-content h1, body .search-page-search-form h1 {
		font-size: 46px;
	}
	
	body.fusion-body .fusion-page-title-bar {
		padding: 20px 30px 10px;
		min-height: inherit;
	}
	
	body .fusion-header, body .fusion-secondary-header {
		padding-left: 30px;
		padding-right: 30px; 
	}
	
	html .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
    	background-color: #000 !important;
	}
	
	html .fusion-header-has-flyout-menu.fusion-mobile-menu-design-flyout.fusion-flyout-active .fusion-flyout-menu-icons .fusion-toggle-icon-line {
		background-color: #fff !important;
	}
	
	.fusion-header-has-flyout-menu .fusion-flyout-menu-bg {
		background-color: rgba(22,22,22,.94) !important;
	}
	
	.fusion-footer .fusion-column-last {
		text-align: left;
	}
	
	.fusion-footer a, body .fusion-footer-widget-area .widget-title {
		margin-right: 36px;
		margin-left: 0;
	}
	
	body .fusion-footer-widget-area {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu li a {
		font-family: neuzeit-grotesk, sans-serif !important;
		color: white !important;
	}
	
	.fusion-logo img {
		max-width: 100px;
	}
	
	.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu {
		margin-top: 100px !important;
	}
	
}


/* Styles for screens that are at least 1080px; */
@media only screen and (max-width: 1080px) {
	
	.home-news .fusion-flexslider {
		float: none;
		width: auto;
		margin: 0 30px !important;
	}
	
	.home-news .recent-posts-content {
		    position: static;
    padding: 30px;
    width: 100%;
	}
	
	.ctf-tweet-text {
		max-width: none;
	}
}

/* Styles for screens that are at least 880px; */
@media only screen and (max-width: 880px) {

	body.single-label-artist .hero {
		min-height: 300px;
	}
	
	ul.socials li {
		width: 100%;
		flex: none;
		margin-bottom: 18px;
	}
	
	body.single-label-artist .fusion-sharing-box {
		margin: 0 30px;
		display: block;
		width: auto;
	}
	
	.fusion-footer a {
		display: block;
	}
	
	html .fusion-blog-layout-large .entry-title, html .fusion-blog-layout-medium .entry-title {
		margin-bottom: 0;
	}
	
	.homepage-product a.product-image {
		width: 100%;
		float: none;
		margin: 0 0 40px;
	}
	.homepage-product a.more, .fusion-post-content-container a {
		position: static;
	}
	
	.featured-artist {
		background-size: contain;
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-color: black;
		height: auto;
		min-height: unset;
		padding: 63% 30px 30px;
	}
	
	.featured-artist .wrapper {
		position: static;
		transform: translate(0,0);
		width: 100%;
	}
	
	.home-news .recent-posts-content p a, .featured-artist a {
		margin-top: 40px;
	}

}