/*** GLOBAL ***/

a {
	text-decoration: none;
}

p {
	margin-left:10px;
	margin-right:10px;
}

h1 {
    margin-top: 20px;
}

header.entry-header {
    display: none;
}

main#content .container {
    padding-right: 0;
    padding-left: 0;
}

.width480 {
	width: 480px!important;
}

.typewritterParagraph {
	font-family: monospace;
}

.scrollingText {
/*    height: 250px;
    overflow: auto;
    line-height: 20px;*/
	margin-top: 75px;
	padding: 0 20px;
}

.noTopMargin {
    margin-top: -30px;
}

::selection {
  background: white!important;
}

#cabecalho {
    margin-top: 75px;
}


/*** custom scrollbar ***/

::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}



/*** Won't Get It ***/

figure#wontGetIt {
    position: relative;
    margin: 20px auto -90px -120px;
    left: 50%;
    width: 190px;
}

/*********************************
 * HOME
 ********************************/

.home main {
    background-image: url(https://thereallisbonstreetarttour.pt/wp-content/uploads/2021/07/home.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #457B9D;
    width: 480px;
    margin: auto;
}

/*** HOME LATA ***/

#homeLata.wp-block-image img {
    margin: 10px 0 1em;
    max-height: 75vh!important;
}

#OrShakeIt.animated.fast{
  animation: opacityOn .8s normal forwards;
	opacity: 1;
}

figure#OrShakeIt {
    position: absolute;
    /*top: 428px;*/
		/*top: 380px;*/
		top: 52vh;
    left: 50vw;
    width: 292px;
    margin-left: -146px;
    z-index: 999;
}



/*********************************
 * NAVIGATION (page-id-323)
 ********************************/

div#footerButs {
    width: 480px;
    margin: auto;
    padding: 0;
    height: 75px;
    position: fixed;
    top: 0;
    z-index: 999;
}

/*div#footerButs {
    width: 480px;
    margin: auto;
    padding: 0;
    height: 75px;
    position: relative;
}*/

#botao figure.aligncenter.size-large.is-resized img {
    height: 75px!important;
}

.wp-block-image.socialIcons {
    margin: 10px auto 0;
    top: 10px;
}

figure#botChooseYourCap {
    margin-top: 75px;
}

figure#botBookIt {
    background-color: #347FD0;
}

#botsContactFairHarbor .wp-block-column {
    flex-basis: 50%!important;
	margin: -25px auto 0;
}

#botsContactFairHarbor a {
	text-decoration: none;
	color: #ffffff!important;
}

#botsContactFairHarbor .wp-block-image {
	margin: 0 10px;
}

#fairHarborCol {
	max-width: 70%;
}

#contactsCol {
	max-width: 40%;
}

figure#cleanSafeLogo {
    margin: 0 10px;
}

div#footerSection {
	width: 480px!important;
	margin: 0 auto;
}

#footerSection .wp-block-button {
    width: 100%;
    margin: 0;
}

.footerMenu {
	margin: 0;
}

footer p {
    font-size: clamp(0.75rem, 2vw, 1rem);
}


/* beat it */

figure#beatIt {
    position: relative;
    margin: -35px auto -20px;
    left: -70px;
    width: 120px;
}



/*********************************
 * CHOOSE YOUR CAP (page-id-527)
 ********************************/


div#capsButtons {
    margin-top: -86px;
}

#capsButtons img {
    height: 170px;
}

/*p.impactFont {
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
    font-size: 54px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: inherit;
    color: #ffff00;
    margin: -50px 0 30px 0;
}*/

#capsButtons .wp-block-column {
    flex-basis: 33%!important;
	margin-left: 0!important;
}

figure#SATtitle {
    margin: 0 auto 40px;
    width: 400px;
    max-width: 88vw;
}

/*********************************
 * TOUR PAGES
 ********************************/

.titlePics img {
    width: 100%;
}




/*********************************
 * WHO WAS IT (page-id-652)
 ********************************/

/*.page-id-652 #cabecalho {
    margin: 75px 0 1em;
}*/

div#botao-lata {
    position: relative;
    display: block;
    top: -204px;
    width: 33vw;
		max-width: 170px;
    margin: 0 35px -175px;
}

#botao-lata img {
    outline-width: 0;
}

#botao-lata img:focus {
    outline: none;
}

#botao-lata img {
	    opacity: 0; 
    animation: opacityOn 30s normal forwards;
    animation-delay: 1s;
	background-color: #ffffffcc;
	border-radius: 200px;
}

@keyframes opacityOn {
    0% {
        opacity: 0;
			transition: ease 0.5s;
    }
    5% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    10% {
        opacity: 0;
			transition: ease 0.5s;
    }
    15% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    20% {
        opacity: 0;
			transition: ease 0.5s;
    }
    25% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    30% {
        opacity: 0;
			transition: ease 0.5s;
    }
    35% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    40% {
        opacity: 0;
			transition: ease 0.5s;
    }
    45% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    50% {
        opacity: 0;
			transition: ease 0.5s;
    }
    55% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    60% {
        opacity: 0;
			transition: ease 0.5s;
    }
    65% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    70% {
        opacity: 0;
			transition: ease 0.5s;
    }
    75% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    80% {
        opacity: 0;
			transition: ease 0.5s;
    }
    85% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    90% {
        opacity: 0;
			transition: ease 0.5s;
    }
    95% {
        opacity: 0.6;
			transition: ease 0.5s;
    }
    100% {
        opacity: 0;
			transition: ease 0.5s;
    }
}


/*********************************
 * HOME FOOTER
 ********************************/

.home div#footerButs {
    width: 480px;
    margin: auto;
    padding: 0;
    height: 75px;
    position: fixed;
    bottom: 0;
	top: auto;
}

#footerButs .wp-block-column {
    margin: 0;
    padding: 0;
    /*height: 75px;*/
}

div#whatsappIcon {
    left: 20px;
}

div#botao {
    bottom: 0;
    height: 75px;
    width: 180px;
}

div#botao.wp-block-image {
    margin-bottom: 0!important;
}

div#instaIcon {
    right: 20px;
}

.home .wp-block-image.socialIcons {
    margin: 10px auto 0;
    top: 10px;
}

div.footerIcons {
    position: absolute;
    height: 13vh;
}

.site-footer {
    position: relative;
    z-index: 10;
    display: none;
}




/*********************************
 * MEDIA QUERIES
 ********************************/

@media only screen and (max-width: 599px) {

	div#botao.wp-block-image {
    margin: 0 0 0 150px;
	}
		/*body.page-id-323 #footerButs {
		z-index: -999;
	}*/

}

@media only screen and (max-width: 489px) {
  
	p.impactFont {
    font-size: 10vw;
	}

	.alignwide {
    width: 100vw!important;
		max-width: 100vw!important;
	}
  
	figure#homeLata {
    position: absolute;
	}
	
	#homeLata.wp-block-image img {
    margin: 1vh 0 0 0;
	}

	figure#OrShakeIt {
    position: absolute;
    top: 380px;
    left: 50%;
    width: 264px!important;
    margin-left: -132px;
    z-index: 999;
	}
	
	div#botao.wp-block-image {
		margin: 0 0 0 calc(50% - 90px);
	}
	.width480 {
		width: 100%!important;
	}
	
	div#botao-lata {
    top: -42vw;
		margin: 0 30px -37vw;
	}
}


@media only screen and (min-width: 600px) {
  div#botao.wp-block-image {
    margin: 0 0 0 -80px;
	}
}

@media only screen and (min-width: 782px) {
  div#botao.wp-block-image {
    margin: 0 0 0 -10px;
	}
}