/*
Theme Name: AC/DC PWRUP 2021
Theme URI: https://acdc.net/
Author: Matt Peterse
Author URI: https://madebymp.com/
Description: The 2021 theme for AC/DC's official website
Version: 1.0
*/

body {
	background: #000;
	font-family: "Oswald", sans-serif;
}

/* ----- Fonts ----- */
@font-face {
	font-family: "Pwrup-Regular";
	src: url("assets/fonts/Pwrup-Regular.ttf") format("truetype");
}

.font-pwrup {
	text-transform: uppercase;
	font-weight: 700;
}

html[lang^="en"] .font-pwrup {
	font-family: "Pwrup-Regular";
}

.lightning-bolt {
	font-family: "Pwrup-Regular" !important;
	text-transform: lowercase !important;
}

.placeholder-font-pwrup::placeholder {
	text-transform: uppercase;
	font-weight: 700;
}

html[lang^="en"] .placeholder-font-pwrup::placeholder {
	font-family: "Pwrup-Regular";
}

/* ----- Colors ----- */
.bg-transparent-black {
	background: rgba(0, 0, 0, 0.8);
}

.bg-transparent-red {
	background: rgba(204, 0, 0, 0.8);
}

.bg-transparent-red-hover:hover {
	background: rgba(204, 0, 0, 0.8);
}

.bg-red-hover:hover {
	background: rgba(204, 0, 0) !important;
}

/* ----- Utils ----- */
.mt-n1 {
	margin-top: -0.25rem !important;
}

.mt-n2 {
	margin-top: -0.5rem !important;
}

.transition {
	transition: 400ms;
}

.object-fit-cover {
	object-fit: cover;
}

.opacity-50 {
	opacity: 0.5;
}

.hover-opacity-100:hover {
	opacity: 1;
}

.text-accent,
.text-accent-hover:hover,
#menu-main .menu-item a:hover,
.post-content a {
	color: #cc0000 !important;
}

.text-light-hover:hover {
	color: #f8f9fa !important;
}

.form-control-xl {
	min-height: calc(1.5em + 1rem + 2px);
	padding: 0.5rem 0.5rem;
	font-size: 2rem;
	border-radius: 0.5rem;
}

@media (min-width: 769px) {
	.start-md-0 {
		left: 0% !important;
	}

	.start-md-100 {
		left: 100% !important;
	}
}

/* ----- Header ----- */
@media (max-width: 500px) {
	.header-spacing {
		height: 140px;
	}
}

@media (min-width: 769px) {
	#header {
		display: block !important;
		transition: 400ms;
	}

	#menu-main {
		transition: 400ms;
	}
}

@media (max-width: 768px) {
	#header {
		display: none;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
	}
}

.logo-acdc a {
	display: block;
	width: 130px;
	height: 0;
	padding: 60px 0 0 0 !important;
	overflow: hidden;
	background: url("assets/images/logo-acdc.png") center center/contain no-repeat;
}

#menu-main-mobile .logo-acdc a {
	width: 260px;
	padding: 120px 0 0 0 !important;
}

#google_language_translator .goog-te-gadget .goog-te-combo {
	background: transparent !important;
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-weight: bold;
}

/* ----- Posts ----- */
.post-content img {
	width: 100% !important;
	height: auto !important;
}

.home-post-content img {
	max-width: 100%;
	height: auto !important;
}

.post-content iframe {
	max-width: 100%;
}

.card .card-img-top {
	transition-duration: 400ms;
}

.card:hover .card-img-top {
	transform: scale(1.1);
}

/* ----- Buttons ----- */
.btn-neon {
	font-size: 20px;
	padding: 10px 20px 15px 20px;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.9);
	letter-spacing: 1px;
	background-color: rgba(204, 0, 0, 0.8);
}

.btn-neon:hover {
	color: rgba(255, 255, 255) !important;
	background-color: rgba(204, 0, 0, 1);
}

.btn-neon.btn-sm {
	font-size: 14px;
}

.btn-neon.btn-wide {
	font-size: 17px;
}

html[lang^="en"] .btn-neon {
	height: 84px;
	width: 200px;
	padding: 6px 12px 6px 20px;
	line-height: 68px;
	background: url("assets/images/btn-neon-rectangular.png") 0 0/200px;
}

html[lang^="en"] .btn-neon:hover {
	background-position: 0 -33% !important;
}

html[lang^="en"] .btn-neon.btn-sm {
	height: 58px;
	width: 140px;
	line-height: 47px;
	background: url("assets/images/btn-neon-rectangular.png") 0 0/140px;
	margin: 0 -8px;
}

html[lang^="en"] .btn-neon.btn-wide {
	width: 255px;
	background: url("assets/images/btn-neon-rectangle-wide.png") 0 0/255px;
}


.btn-control {
	padding: 10px 20px 15px 20px;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 1px;
	background-color: rgba(50, 50, 50, 0.8);
}

.btn-control:hover {
	color: rgba(255, 255, 255, 1) !important;
	background-color: rgba(80, 80, 80, 0.8);
}

html[lang^="en"] .btn-control {
	width: 200px;
	height: 92px;
	padding: 6px 12px 6px 16px;
	line-height: 70px;
	background: url("assets/images/btn-control.png") 0 0/200px;
}

html[lang^="en"] .btn-control:hover {
	background-position: 0 -100% !important;
}

.header-spacing {
	height: 120px;
}

.menu-main .menu-item a {
	text-decoration: none;
	color: #fff;
	padding: 15px 5px;
	font-size: 24px;
	transition: 150ms;
}

#menu-main-mobile .menu-item a {
	font-size: 30px;
}

/* ----- Footer ----- */
.legal a {
	color: #f8f9fa !important;
	text-decoration: none;
}

.text-light::placeholder {
	color: #f8f9fa;
}

/* Dropdowns */
.btn-drop {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.btn-drop > ul {
	list-style: none;
	padding: 5px;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	text-align: center;
	background: #000;
	display: none;
	z-index: 100;
}

.btn-drop > ul > li + li {
	margin-top: 5px;
}

.btn-drop > ul > li > a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

.btn-drop > ul > li > a:hover,
.btn-drop > ul > li > a:focus {
	color: #cc0000;
}

.fancybox-slide--iframe .fancybox-content {
	width: 600px;
	height: 1000px;
	max-width: 80%;
	max-height: 90%;
	margin: 0;
}

.video-cat-link a {
	color: #fff;
}

.video-cat-link a:hover,
.video-cat-link a:focus {
	color: #cc0000;
}

.dvd-img img {
	object-fit: contain;
}

.track-title-wrap{
	position: relative;
}

.track-title-wrap .fancybox{
	position: absolute;
	right: calc(100% + 28px);
	top: calc(50% + 3px);
	transform: translateY(-50%);
	font-size: .9rem;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	border: 2px solid #fff;
	color: #fff;
	transition: .2s all;
}

.track-title-wrap .fancybox i::after{
	display: block;
	width: .7em;
	height: 1em;
	content: '';
	border-color: transparent transparent transparent #ffffff;
	border-style: solid;
	border-width: .5em 0 .5em .8em;
	transition: .2s all;
}

.track-title-wrap .fancybox:hover,.track-title-wrap .fancybox:active,.track-title-wrap .fancybox:focus{
	border-color: #f2ea1d;
	color: #f2ea1d;
}
.track-title-wrap .fancybox:hover i::after,.track-title-wrap .fancybox:active i::after,.track-title-wrap .fancybox:focus i::after{
	border-color: transparent transparent transparent #f2ea1d;
}

#related-merch{
	color: #fff;
	text-align: center;
	padding: 5rem 0 3rem;
}

#related-merch .merch{
	display: flex;
	justify-content: space-between;
	margin: 2.5rem 0;
	flex-wrap: wrap;
}

#related-merch .merch:not(.seeall) a:nth-child(n+4){
	display: none;
}



#related-merch .merch img{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .5em;
}

#related-merch .merch a{
	width: 300px;
	max-width: 100%;
	flex-basis: 26%;
	text-decoration: none;
	color: #fff;
	font-size: 26px;
	margin: 0 0 14px;
	text-shadow: 0 0 10px #000A;
}

#related-merch .merch p{
	margin: 0;
	line-height: 1.3;
}

#related-merch .merch a img{
	transition: .2s all;
}

#related-merch .merch a:hover img, #related-merch .merch a:active img, #related-merch .merch a:focus img{
	transform: scale(1.1);
}

@media screen and (max-width: 991px){
	#related-merch .merch{
		flex-direction: column;
		align-items: center;
	}
	#related-merch .merch a{
		margin: 0 0 14px;
	}
}

#tracks{
	width: 100%;
	max-width: 1070px;
	margin: 40px auto;
}


#tracks .songlist-table-wrapper{
	color: #fff;
	list-style: none;
	display: flex;
	flex-direction: column;
}

#tracks .song-sort i{
	font-size: .8em;
	display: inline-block;
	vertical-align: middle;
}
#tracks .song-sort span{
	display: inline-block;
	vertical-align: middle;
}

#tracks .filter .anchors{
	font-size: 18px;
}

#tracks li a{
	text-decoration: none;
	color: #fff;
}

#tracks li a:hover,#tracks li a:focus,#tracks li a:target{
	color: #f2ea1d;
}

#tracks li{
	font-size: 20px;
	display: flex;
	justify-content: space-between;
}

#tracks li:first-child{
	text-transform: uppercase;
	letter-spacing: .05em;
}

#tracks li span:first-child{
	flex:2;
	padding-right: 10px;
}
#tracks li span:last-child{
	flex:1;
	text-align: right;
}

#tracks .filter{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

@media screen and (max-width: 900px){
	#tracks .filter{
		flex-direction: column;
	}
}

#tracks .filter input{
	width: 300px;
	max-width: calc(100% - 150px);
	border: none;
	border-radius: 4px;
	padding: 5px;
}

#tracks .filter form{
	padding-left: 1em;
}

@media screen and (max-width: 900px){
	#tracks .songlist-table-wrapper span{
		font-size: 12px !important;
	}
	.track-title-wrap .fancybox{
		right: calc(100% + 8px);
	}
}

@media screen and (min-width: 767px) and (max-width: 768px) {
	.position-absolute.start-0 {
		display: flex!important;
	}
	
	#header .float-start {
		display: none!important;
	}
	
	#header .float-md-end {
		float: none!important;
	}
	
	#menu-main {
		display: none!important;
	}
	
	#header .d-md-none {
		display: block!important;
	}
}

@media screen and (min-width: 769px) {
	.nav-show-mobile {
		display: none;	
	}
}