/*
- fonts
- html body links and kbz's generic classes
- boostrap
- container
- sections
	- intro
    - new-disc
	- modal
	- banner
	- bio-press
	- lyrics-quotes
	- footer
*/



/* fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@900&display=swap');

/* html body links and kbz's generic classes */
a {
	outline: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #ffd;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    padding: 0;
    font-size: 1rem;
    border-radius: 0;
    box-shadow: none;
}
html {
	/*height: -webkit-fill-available!important;*/
}
body {
	font-family: 'Roboto', 'Hevetica', 'Arial', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 400;
	color: #666666;
	background-color: #000;
	/*min-height: 100vh;*/
	/*min-height: -webkit-fill-available!important;*/
}
.min-vh-100 {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}
h1 {
	font-size: 1.6em;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	margin: 15px 0;
	padding: 0;
}
h2 {
	font-size: 1.6em;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	margin-top: 15px;
	padding: 0;
}
h3 {
	display: block;
	font-size: 1.6em;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.no-padding {
	padding: 0 !important;
}
i {
	font-size: 2em;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
/* end kbz */



/* boostrap */
/* nav */



/* end nav */
/* end boostrap */



/* animated */
.animated-delay-333 {
	-webkit-animation-delay: .333s;
	animation-delay: .333s;
}
.animated-delay-500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.animated-delay-666 {
	-webkit-animation-delay: .666s;
	animation-delay: .666s;
}
.animated-delay-999 {
	-webkit-animation-delay: .999s;
	animation-delay: .999s;
}
.animated-delay-1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.animated-delay-1332 {
	-webkit-animation-delay: 1.332s;
	animation-delay: 1.332s;
}
/* end animated */



/* container */
body > .container {
	padding-top: 30px;
	padding-bottom: 30px;
}
.bi {
	fill: orange!important;
}
.kbz-anim {
	-webkit-transition: all 333ms linear;
	-moz-transition: all 333ms linear;
	-o-transition: all 333ms linear;
	transition: all 333ms linear;
}
/* end container */



/* sections */

/* intro */
div.intro-wrapper {
    position: absolute;
    top: 0;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    /*height: 100vh;*/
    z-index: 666;
    /*background-color: #000;*/
}
section.intro {
    z-index: 10;
	position: relative;
	overflow: hidden;
    -webkit-box-shadow: 0px 12px 12px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 12px 12px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 12px 12px -12px rgba(0,0,0,0.75);
    margin-bottom: 0;
    padding: 0;
    min-height: 100VH;
}
section.intro div {
	width: 100%;
	text-align: center;
}
section.intro div.gonza,
section.intro div.deniz {
	font-family: 'Be Vietnam Pro', sans-serif;
	color: rgba(255,255,255,.75);
	font-size: 120px;
	text-transform: uppercase;
	font-weight: bold;
}
section.intro div.gonza {
	font-size: 20.2vw;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	left: 0;
	right: 0;
	margin-top: -10%;
	margin-left: -3.5%;
}
section.intro div.deniz {
	font-size: 34.2vw;
	position: absolute;
	text-transform: uppercase;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: -16%;
	margin-left: -3.5%;
	color: rgba(255,255,255,.25);
}
section.intro .intro-enter {
    text-align: center;
    color: #FFFFFF;
    font-weight: 500;
    position: absolute;
    bottom: 60px;
    margin: 0 auto;
    width: calc( 100% - 30px );
}
section.intro .intro-enter a i {
    font-size: 2em;
    color: #FFFFFF;
}
section.intro .intro-enter a,
section.intro .intro-enter a:hover,
section.intro .intro-enter a:focus {
    color: #FFFFFF;
    text-decoration: none;
}
body.home #intro-bottom-separator {
    pointer-events: none;
}
/* end intro */



/* new-disc */
section.new-disc {
    background-color: #ccc;
    /*border: 1px solid red;*/
    /*padding: 120px 0;*/
}
@media (max-width: 768px) {
    section.new-disc {
        padding: 0;
    }
}
section.new-disc img.cover-album {
}
/* kbz: separacion bug */
@media (max-width: 575px) {
/*
    section.new-disc img.cover-album {
        padding-top: 30px;
    }
*/
    section.container {
        padding: 60px 30px;
    }
}
section.new-disc img {
    margin-bottom: 15px;
}
p.new-album span {
    color: #666;
    background-color: #FFF;
    text-transform: uppercase;
    padding: 4px 8px;
}
a.btn-new-album {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 15px;
}
a.btn-new-album span {
    color: #CCC;
    background-color: #000;
    text-transform: uppercase;
    padding: 4px 8px;

    -webkit-transition: all 333ms linear;
    -moz-transition: all 333ms linear;
    -o-transition: all 333ms linear;
    transition: all 333ms linear;
}
a.btn-new-album:hover span,
a.btn-new-album:focus span {
    color: #000;
    background-color: #fff;

    -webkit-transition: all 333ms linear;
    -moz-transition: all 333ms linear;
    -o-transition: all 333ms linear;
    transition: all 333ms linear;
}
.accordion-item {
    background-color: transparent;
    border: 0;
}
.accordion-item,
.accordion-item:first-of-type {
    border-radius: 0!important;
    display: bloc!important;
}
.accordion-body {
    padding: 13px 0;
}
section.new-disc ul.netsocials {
    position: relative;
}
section.new-disc ul.netsocials li a i {
    font-size: 2em;
}
section.new-disc ul.netsocials {
    top: 0;
    margin-top: 60px;
}
@media (max-width: 768px) {
    section.new-disc ul.netsocials {
        text-align: center;
    }
}
/* end new-disc */



/* modal */
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1080px;
        margin: 1.75rem auto;
    }
}
/* end modal */



/* banner */
.ukiyo-img-size-full {
  width: 100%;
  height: 100vh;
}
.banner-show-img {
    margin-top: -100vh;
    /*min-height: 100vh;*/
	z-index: 666666666;
}
.banner-show-img img {
	z-index: 666666666;
}
a.btn-buy-tickets {
	display: inline-block;
	text-decoration: none;
	margin-top: 30px;
}
a.btn-buy-tickets span {
	color: #000;
	background-color: #ccc;
	text-transform: uppercase;
	padding: 4px 8px;

	-webkit-transition: all 333ms linear;
	-moz-transition: all 333ms linear;
	-o-transition: all 333ms linear;
	transition: all 333ms linear;
}
a.btn-buy-tickets:hover span,
a.btn-buy-tickets:focus span {
	color: #fff;
	background-color: #000;

	-webkit-transition: all 333ms linear;
	-moz-transition: all 333ms linear;
	-o-transition: all 333ms linear;
	transition: all 333ms linear;
}

/* end banner */



/* bio-press */
section.bio-press {
	padding: 120px 0;
	background-color: #000;
}
section.bio-press > .container {
	padding-top: 0;
	padding-bottom: 0;
}
.img-bio-wrapper {
	margin-bottom: 60px;
}
.img-bio {
	width: 100%;
	max-width: 180px;
}
@media(max-width: 768px) {
	section.bio-press {
		padding: 30px 0;
	}
	.img-bio-wrapper {
		margin-bottom: 30px;
	}
	.img-bio {
		width: 100%;
		max-width: 120px;
		margin-bottom: 30px;
	}
}
.bio p {
	color: #ccc;
	padding-right: 90px;
}
@media(max-width: 768px) {
	.bio p {
		padding-right: 0;
	}
}
.bio p strong {
    color: #fff;
}
@media(max-width: 768px) {

    .press {
		margin-top: 60px!important;
    }

}
.press .card {
	color: #ccc;
	background-color: rgba(255,255,255,.125);
}
.card-footer {
	color: #fff;
	background-color: rgba(255,255,255,.25);
    border-top: 1px solid #ccc;
}
@media(max-width: 767px) {
	.card-footer span {
		display: none;
	}
	.card-footer a {
		display: block;
	}

}
.card-footer a {
	color: #fff;
	text-decoration: none;
}
.card-footer a:hover,
.card-footer a:focus {
	color: #fff;
	text-decoration: underline;
}
.press a.btn-new-album span {
    text-transform: none;
    background-color: #fff;
    color: #000;
    display: block;
}
/* end bio-press */



/* lyrics-quotes */
section.lyrics-quotes {
	padding-bottom: 120px;
}
section.lyrics-quotes > .container {
	padding-top: 0;
	padding-bottom: 0;
}
@media(max-width: 768px) {
	section.lyrics-quotes {
		padding-top: 90px;
		padding-bottom: 30px;
	}
}

.slick.lyrics-quotes {
    margin: 90px 0;
}

.slick.lyrics-quotes .card {
	color: #ccc;
	background-color: transparent;
	text-align: center;
	font-size: 1.6em;
}
.slick.lyrics-quotes .card-body {
	padding: 0;
}
@media(max-width: 768px) {
	.slick.lyrics-quotes .card {
		font-size: 1.2em;
	}
}
.slick.lyrics-quotes .card p {
	padding-bottom: 30px;
}
.slick.lyrics-quotes .card .card-text:before {
	content: '" ';
	font-weight: 700;
}
.slick.lyrics-quotes .card .card-text:after {
	content: ' "';
	font-weight: 700;
}
.slick.lyrics-quotes .card-footer {
	font-size: 15px;
	border-top: 1px dotted #666;
	text-align: right;
	background-color: transparent;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.accordion-header {
    color: #ccc;
}
.slick .slick-dots {
    display: none!important;
}
/* end lyrics-quotes */



/* footer */
footer {
	color: #666;
    background: none;
	background-color: #000;
    /*position: absolute;*/
    min-height: auto;
}
footer .img-wrapper {
	position: relative;
}
footer .img-wrapper img {
	width: 100%;
}
ul.netsocials {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
    display: block;
    list-style: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    margin: 0 auto;
}
ul.netsocials li {
    display: inline-block;
    margin: 0 6px;
}
ul.netsocials li a i {
	font-size: 3em;
    color: #000;
    text-shadow: 3px 3px transparent;

    -webkit-transition: all 333ms linear;
    -moz-transition: all 333ms linear;
    -o-transition: all 333ms linear;
    transition: all 333ms linear;
}
ul.netsocials li a:hover i,
ul.netsocials li a:focus i {
    color: #fff;
    text-shadow: 3px 3px #000;

    -webkit-transition: all 333ms linear;
    -moz-transition: all 333ms linear;
    -o-transition: all 333ms linear;
    transition: all 333ms linear;
}
ul.netsocials li.type-writter {
	display: block;
}
footer .footer-down .credits {
	text-align: right;
}
footer .footer-down .credits a {
	color: #666;
	text-decoration: none;
}
footer .footer-down .credits a:hover,
footer .footer-down .credits a:focus {
	color: #fff;
}
footer .footer-down .copyright,
footer .footer-down .credits {
	line-height: 4em;
}
@media(max-width: 767px) {
	footer img.img-footer {
		display: none;
	}
	footer {
		/*position: relative;*/
		background: #000 url("/images/backgrounds/gonzalo-deniz-montevideo-mobile.jpg") center center/cover no-repeat;
        min-height: 100vh;
/*
        min-height: -webkit-fill-available;
*/
    }
	ul.netsocials li a i {
		font-size: 2em;
	}
	footer .footer-down {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #000;
	}
	footer .footer-down .copyright,
	footer .footer-down .credits {
		text-align: center;
		line-height: 2em;
	}
	footer .footer-down .copyright {
		padding-top: 10px;
	}
	ul.netsocials li h2 {
		font-size: 1em;
	}
}
/* end footer */



/* Extra small devices (portrait phones, less than 576px)
No media query for 'xs' since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Extra large devices (large desktops)
No media query since the extra-large breakpoint has no upper bound on its width */
/* animation */














/* loader */
body .content {
    position: relative;
    opacity: 0;
}
body.pace-done .content {
    opacity: 1;

    -webkit-transition: all 0.333s linear;
    -moz-transition: all 0.333s linear;
    -o-transition: all 0.333s linear;
    transition: all 0.333s linear;
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #000;

    -webkit-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);

    -webkit-transition: transform .5s ease-out;
    -ms-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
}
.pace.pace-active {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.pace .pace-progress {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px;
    background: #fff;
    pointer-events: none;
}
/* end loader */