/*!
 * Arianna Gambaro (http://www.ariannagambaro.com)
 * Copyright 2017
 */

body {
 width: 100%;height: 100%;font-family: 'Source Sans Pro', sans-serif;letter-spacing:0.5px;  
}
a {
    color: #333333;
    text-decoration: none;
}
a:hover {
	color: #130e0e;
	text-decoration: none;
}
a.current {
    width:40%;
    height:2px;
    background:#ffe89c;
}
.shinkansen {	cursor: url('../img/shinkansen.png'), auto;}
.navbar-light .navbar-nav .nav-link {
    color: black;
}

#lanterne img{
    position: fixed;
    right:0;
    width: 13%;
    z-index: 5; 
    margin-right:15px;
}
a.link-text {
	text-decoration:underline;
    text-decoration-color: #ea685a
}


#header {
    padding: 40px 0 60px;
}
#header img{
   width:100%
}
.navbar {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2300373b' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
padding: .3rem 1rem;
}
.navbar-brand img {
    width: 80%;
}
.nav-link {
    text-transform: uppercase;
    color: #333333;
    font-size:.9rem;
    letter-spacing:1.4px;
}
.nav-link {
    margin-right: 30px !important;
}

.goals {
 	padding-top:220px;
 	font-family: 'Cutive Mono', monospace;

}
.goals h1{
	margin-bottom:20px;
	font-size: 1.2rem;
}
#daybyday p, #itinerario p{
}
#daybyday{
	background-image: url('../img/fuji.png'); 
	background-repeat: no-repeat;
	background-position: left bottom;
    background-color: #f5f4f6;
    padding:80px 160px;
    clear:both;
}


#itinerario-day{
	background-image: url('../img/bg.png'); 
	background-repeat: no-repeat;
	background-position: left bottom;
    background-color: #f5f4f6;
    padding:80px 160px;
    clear:both;
}



.medium{
    font-size: 1.1rem;
    line-height: 150%;
}
#itinerario, #chi, #itinerario-day {
    background-color: #f5f4f6;
    padding:80px 160px;
    clear:both;
}
h2.card-title {
    text-transform:uppercase;
    font-size: .8rem;
	letter-spacing: 3.2px;
	margin-top: 10px;
}
.copyright{
	background-color:#fb7f72;
	margin-top: 100px;
}
.copyright a{
	color:white;
	text-decoration:underline;
}
mark {
	display: inline-block;
	padding: 5px;
	background-color: #ffe89c;
	font-family: 'Cutive Mono', monospace; 
	margin-bottom:10px;
	/* Safari */
	-webkit-transform: rotate(-8deg);
	/* Firefox */
	-moz-transform: rotate(-8deg);
	/* IE */
	-ms-transform: rotate(-8deg);
	/* Opera */
	-o-transform: rotate(-8deg);
}

#daybyday h3, #itinerario h3, #chi h3, #itinerario-day h3 {
	margin-bottom:20px;
	font-size: 1.2rem;
}
.mappa{ 
	position:fixed;
	bottom:0;
	margin-bottom: 10px;
	margin-left: 10px;
	left:0;
}
.mappa img{ 
width:70%;
}
.bio{ 
margin-bottom:30px;
}


/* animated letters  */

.cd-words-wrapper {
	display: inline-block;
	position: relative;
}
.cd-headline.type .cd-words-wrapper {
	vertical-align: top;
	overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
	/* vertical bar */
  content: '';
	position: absolute;
	right: 0;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 90%;
	width: 1px;
	background-color: #000;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
	-webkit-animation: cd-pulse 1s infinite;
	-moz-animation: cd-pulse 1s infinite;
	animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
	text-decoration: line-through;
	
}
.cd-headline.type .cd-words-wrapper.selected::after {
	visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
	font-style:normal !important;
}
.cd-headline.type b {
	visibility: hidden;
}
.cd-headline.type b.is-visible {
	visibility: visible;
}
.cd-headline.type i {
	position: absolute;
	visibility: hidden;
	font-style:normal;
}
.cd-headline.type i.in {
	position: relative;
	visibility: visible;
	font-style:normal;
}
 @-webkit-keyframes cd-pulse {
 0% {
 -webkit-transform: translateY(-50%) scale(1);
 opacity: 1;
}
 40% {
 -webkit-transform: translateY(-50%) scale(0.9);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(-50%) scale(0);
 opacity: 0;
}
}
@-moz-keyframes cd-pulse {
 0% {
 -moz-transform: translateY(-50%) scale(1);
 opacity: 1;
}
 40% {
 -moz-transform: translateY(-50%) scale(0.9);
 opacity: 0;
}
 100% {
 -moz-transform: translateY(-50%) scale(0);
 opacity: 0;
}
}
@keyframes cd-pulse {
 0% {
 -webkit-transform: translateY(-50%) scale(1);
 -moz-transform: translateY(-50%) scale(1);
 -ms-transform: translateY(-50%) scale(1);
 -o-transform: translateY(-50%) scale(1);
 transform: translateY(-50%) scale(1);
 opacity: 1;
}
 40% {
 -webkit-transform: translateY(-50%) scale(0.9);
 -moz-transform: translateY(-50%) scale(0.9);
 -ms-transform: translateY(-50%) scale(0.9);
 -o-transform: translateY(-50%) scale(0.9);
 transform: translateY(-50%) scale(0.9);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(-50%) scale(0);
 -moz-transform: translateY(-50%) scale(0);
 -ms-transform: translateY(-50%) scale(0);
 -o-transform: translateY(-50%) scale(0);
 transform: translateY(-50%) scale(0);
 opacity: 0;
}
}


@media only screen 
and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
 #daybyday, #itinerario, #chi, #itinerario-day {
    padding: 20px;
}
	#lanterne img{
    visibility:hidden;
}
	.mappa img{ 
	visibility:hidden;
}
.goals {
    padding-top: 60px;
}
.about, .credits {
    margin-bottom: 20px;
}
a.current {
    height: auto;
}

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

.mappa img{ 
	visibility:hidden;
}
#lanterne img{
    visibility:hidden;
}
.daybyday img{
   width:80%;
}

}