/* - BODY - */
.dj-cillo-theme-body {
	background: #000000;
}

/* - MAIN MENÙ - */
.dc-menu-container {
	display: block !important;
}
.dc-header {
	background: #000000;
}

/*Logo*/
.dc-logo {
	width: 180px;
}
.dc-logo-small{
	width: 90px;
}

/*Menù Toggle*/
.navbar-toggler {
	border-color: #ddd;
    border-radius: 0;
	margin-top: 8px;
    margin-bottom: 12px;
}

#nav {
	padding-top: 0;
}

/*Voci Menù*/
#dc-menu-navbar {
	float: right;
	color: #00ff00 !important;
}
#dc-menu-navbar > li > a {
	line-height: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 500;
    color: #00ff00;
    text-transform: uppercase;
	text-decoration: none;
}
.dc-nav-li:hover {
    background: #00ff00;
}
.dc-nav-li:hover > a {
	color: #000000 !important;
    text-decoration: revert !important;
    text-decoration-color: black !important;
    text-decoration-style: wavy !important;
}


@media (max-width: 767px) {
	.dc-menu-container {
		display: block !important;
		border-top: 1px solid #e6e6e6;
	}
	#dc-menu-navbar {
		float: none;
		margin-top: 0px;
		margin-right: 15px !important;
		margin-bottom: 0px !important;
		margin-left: 15px;
	}
	
	.dc-nav-li  {
		border: none;
		border-bottom: 1px solid #e6e6e6;
		line-height: 40px;
		font-size: 16px;
	}
}
.navbar-toggler-icon {
	filter: invert(1);
}



/* - HOMEPAGE - */
.dc-homepage-container {
	padding-left: 0;
	padding-right: 0;
}
#dc-parallax-home {
	background-image: url(https://djcillo.com/wp-content/uploads/2022/12/dj-cillo-homepage-banner.webp);
	min-height: 200%;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	text-align: center;
	margin-bottom: 30px;
}
.dc-homepage-image {
	width: 75%;
	height: auto;
	margin-bottom: 145px;
    margin-top: 145px;
}
@media (max-width: 767px) {
	.dc-homepage-image {
		width: 88%;
		height: auto;
		margin-bottom: 45px;
		margin-top: 45px;
	}
	
	.dc-homepage-section-release {
		margin-top: 30px;
	}
}

.dc-box {
	animation-name: homelogo;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes homelogo {
	/*drop-shadow(offset-x offset-y blur-radius color)*/
	from {filter: drop-shadow(0px 0px 8px #00ff72);}
	to {filter: drop-shadow(0px 0px 12px #b4ff00);}
}


.dc-homepage-article {
	margin-bottom: 50px;
}
.dc-homepage-section-title {
	text-align: center;
    margin-bottom: 25px;
    color: #00ff00;
    text-shadow: 0 0px 6px rgb(0 255 31 / 62%);
}
.dc-homepage-link {
	text-decoration: none;
}

.dc-homepage-title {
    text-align: center;
    margin-bottom: 6px;
    color: #91ff00;
    text-decoration: none;
    font-size: 20px;
	animation-name: hometitle;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes hometitle {
	from {text-shadow: 0px 0px 4px #10ff00;}
	to {text-shadow: 0px 0px 14px #10ff00;}
}

/*overwrite*/
.card-header {
	border-bottom: 1px solid #ffffff;
}

.dc-article-image {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}
.dc-homepage-news-image {
	width: 100%;
	height: auto;
}
/* Flashing */
.dc-homepage-link img:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}/*
.dc-homepage-news-image:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}*/
.dc-homepage-link:hover img:before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}



.dc-homepage-release-image {
	width: 56%;
	height: auto;
}
.dc-card {
	background: #060606; /*#0f0f0f;*/
    /*border: 1px solid #00ff29bf;*/
    padding: 8px;
    box-shadow: 0px 0px 5px 0px #04ff007a;
	border-radius: 0;
}

/* - PAGE - */
/*Page Container*/
.dc-page-container {
	background: #0f0f0f;
	padding-bottom: 16px;
}

/*Article Container*/
.dc-article-container {
	color: #f7f7f7;
}

/*Article title*/
.dc-article-container > h2 {
	padding-top: 16px;
    padding-bottom: 16px;
	border-bottom: 1px solid #bbbbbb;
}

/*Title*/
.post h2 {
	text-align: center;
    margin-bottom: 25px;
	color: #00ff00;
    text-shadow: 0 0px 6px rgb(0 255 31 / 62%);
}

/*Sub Title*/
.dc-page-subtitle {
	margin-bottom: 6px;
}

/*Links*/
.dc-release-links {
	margin-bottom: 0px;
}
.dc-release-link {
	text-align: center;
	border: 1px solid #00ff00a3;
}
.dc-release-link > p {
	margin-bottom: 5px;
    margin-top: 5px;
}
.dc-release-link:hover {
	background: #00ff00;
}
.dc-release-link:hover > p > a {
    color: #000000;
}
.dc-link-no-underline > a {
	text-decoration: none;
}

.dc-release-link > p > a {
	color: #00ff00;
    text-decoration: none;
	text-shadow: 0px 2px 6px rgb(0 255 0 / 56%);
}
.dc-link-itunes {
}
.dc-link-spotify {
}
.dc-link-yb {
}
.dc-link-bp {
}
.dc-link-az {
}


/*Elenco*/
.dc-list {
	padding-left: 18px;
}
.dc-list li {
    padding-left: 10px;
}

.dc-external-link > mark > a {
	color: #00ff00;
    text-decoration: none;
}

/*Free download*/
.dc-free-download {
	font-size: 20px;
    margin-bottom: 10px;
	animation-name: freedownload;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes freedownload {
	/*drop-shadow(offset-x offset-y blur-radius color)*/
	from {color: #00ff00; filter: drop-shadow(0px 0px 2px #bfff00); font-weight: 500;}
	to {color: #bfff00; filter: drop-shadow(0px 0px 2px #00ff00); font-weight: 400;}
}
.dc-free-download > a {
	color: unset;
    text-decoration: none;
}
.dc-free-download > a:hover {
    text-decoration: underline;
}


/*Contact form*/
.dc-download-contact-form > p > label {
	width: 100%;
}
.dc-download-contact-form > p > label > span > input {
	background: #1e1e1e;
    margin-top: 6px;
    margin-bottom: 6px;
    color: #62ff00;
    border: 1px solid #727272;
    padding: 4px;
    width: 100%;
}
.dc-download-contact-form > p > input {
    width: 100%;
    background-color: #00ff00;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    padding-top: 8px;
    padding-right: 28px;
    padding-bottom: 8px;
    padding-left: 28px;
    text-decoration: none;
    min-width: 30px;
	margin-top: 6px;
}


/* - FOOTER - */
#footer {
	background: #000000;
	text-align: center;
	color: #f7f7f7;
	font-size: 16px;
	border-top: 1px solid #00ff00;
}
#dc-footer-social {
	padding-top: 16px;
	margin-bottom: 10px;
}
.dc-footer-social-link > img {
	width: 40px;
}

/* - YB VARIOUS - */
@media only screen and (min-width: 1025px) {
	.dc-yb-video-big > div > iframe {
		width: 1000px;
		height: 563px;
	}
}

/* - VARIOUS - */
.dc-download-link {
	text-decoration: none;
    color: #fff823;
	text-transform: uppercase;
}
.dc-release-name {
	font-size: 18px;
    text-shadow: 0 0px 6px rgb(255 255 255 / 62%);
	animation-name: releasename;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes releasename {
	/*drop-shadow(offset-x offset-y blur-radius color)*/
	from {text-shadow: 0 0px 6px rgb(255 255 255 / 62%); font-weight: 500;}
	to {text-shadow: 0 0px 6px rgb(000 255 000 / 62%); font-weight: 400;}
}

.dc-center {
	text-align: center;
}

/* - mailerlite [FORM] - */
/* Input E-MAIL */
.ml-form-embedWrapper {
	max-width: none !important;
}
.ml-form-embedBody {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .form-control {
    background-color: #1e1e1e !important;
    color: #62ff00 !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    border: 1px solid #727272 !important;
    padding: 4px !important;
    width: 100% !important;
	border-radius: 0 !important;
}
#mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .form-control::placeholder {
    color: #5e605d !important;
}
#mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .form-control:focus {
    box-shadow: none !important;
}
/* Pulsante SUBSCRIBE AND DOWNLOAD */
#mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit .primary {
    width: 100% !important;
    background-color: #00ff00 !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    font-style: normal !important;
    padding-top: 8px !important;
    padding-right: 28px !important;
    padding-bottom: 8px !important;
    padding-left: 28px !important;
    text-decoration: none !important;
    min-width: 30px !important;
    margin-top: 6px !important;
	border-radius: 0 !important;
}
/* Thank You MESSAGE */
#mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
    font-size: 20px !important;
}

#mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-10029807.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
    font-size: 14px !important;
}

/* RELEASE PAGE */
.wp-block-latest-posts__post-title {
    display: none;
}
.wp-block-latest-posts__featured-image:hover {
    opacity: 0.8 !important;
    box-shadow: 0px 0px 20px 1px #00ff0036 !important;
}
@media (max-width: 767px) {
	.wp-block-latest-posts.is-grid {
		text-align: center; !important;
	}
	.wp-block-latest-posts.is-grid li {
		margin: 0 !important;
	}
}