@charset "UTF-8";
/* CSS Document */

/*FONTS*/
@font-face {
    font-family: "tex_gyre_pagellaregular";
    src: url('fonts/texgyrepagellaregular-en3n-webfont.woff2') format('woff2'),
         url('fonts/texgyrepagellaregular-en3n-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.chakra-petch-light {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.chakra-petch-regular {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.chakra-petch-medium {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.chakra-petch-semibold {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.chakra-petch-bold {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.chakra-petch-light-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.chakra-petch-regular-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.chakra-petch-medium-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.chakra-petch-semibold-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.chakra-petch-bold-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-style: italic;
}
/*END OF FONTS*/


/*---------------------------SCROLL BAR STYLES------------------------------*/
::-webkit-scrollbar {
    width: 15px;
	border-radius: 15px;
	/*background-color:black;*/
}

::-webkit-scrollbar-button {background-color:black;}

::-webkit-scrollbar-track {
/*    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
*/	-webkit-border-radius: 15px;
    border-radius: 15px;
}

::-webkit-scrollbar-track-piece {background-color:#260404;}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
/*    border-radius: 15px;*/
	background:red;
	
}

::-webkit-scrollbar-corner {border-radius: 20px;}
/*---------------------------SCROLL BAR STYLES------------------------------*/

/*remove default character from details/summary*/
::marker {content: "";}
::-webkit-details-marker {display: none !important;}

*{margin:0; padding:0;}
a>img, a, a:focus{text-decoration:none;border:none;outline:none;}
.li-store, .li-bylrsexp, .li-bylusa, .li-bylrow, .li-bylada{cursor:pointer;}
a.distilneeded {color: white;}
video[poster]{object-fit: cover;}
video:focus, video{outline:none;border:none; box-shadow: none;-webkit-appearance:none; appearance:none;}
html, body, header, section, footer{height:100%; width:100%;}
header, section{border-bottom:2px solid darkred;}
body{background:black;color:#EEE;font-family: "Chakra Petch", sans-serif; font-weight: 400;font-style: normal;}
h1{font-weight:400; letter-spacing: 1px;font-family: "tex_gyre_pagellaregular";}
h2,h3{font-weight:400;}
header{display:flex;}
#above{height:100%; border-bottom:1px red solid;background-color:#000;position: relative;}
.redline{border-bottom:darkred 2px solid;}
.blackline{border-bottom:black 7px solid;}
.no-x-scroll{overflow-x: hidden;}
/*** ////////////////////// HEADER NAVIGATION ////////////////////// ***/
nav{z-index: 100;position: absolute; margin:auto; width:100%; transition:.5s ease all;}
nav ul{display:flex; justify-content: center; align-content: center; flex-wrap:nowrap; list-style:none;}
nav ul li{margin:1.5em 2em;}
nav ul li a:link{text-decoration: none; color:#EEE; transition:.5s ease all;}
nav ul li a:visited{color:#EEE;}
nav ul li a:hover{color:red;}
nav ul li a:active{color:darkred;}

nav.heronav{bottom:0;}

nav#topnotch, nav#topalbum{z-index: 100;position: absolute;top:0;margin:auto; width:100%;}
nav#topnotch ul li a:link, nav#topalbum{text-decoration: none; color:#292323; transition:.5s ease all;}
nav#topnotch ul li a:visited, nav#topalbum ul li a:visited{color:#292323;}
nav#topnotch ul li a:hover, nav#topalbum ul li a:hover{color:red;}
nav#topnotch ul li a:active, nav#topalbum ul li a:active{color:darkred;}


/*-------------TOP NET--------------*/
#TOPNAVNET {
transform: translateY(-8.8%);
position: fixed;
z-index: 99999999999;
max-width:100%;
top: 0;
/*left:-5px;*/
min-height: auto;
-webkit-animation: descendingweb .25 1 forwards;
animation: descendingweb .25 1 forwards;
}

#black-widow{position:fixed;bottom:5px;right:15px;z-index:100000000000000000000;width:50px; height:100px;cursor:pointer; transition:.25s ease all;}
#black-widow:hover{transform:scale(1.15,1.15)}
#black-widow img{max-width: 100%;}
#neon-lita-image, #bwbtnmobile, #mobile-bw-btn-container{display:none;}

video{object-fit:cover;max-height: 100%;max-width:100%;z-index:1; margin:0 auto;}

/*hide mobile navigation*/
#mobile-menu-web{display:none;}



/*** ////////////////////// NEXT SHOW - LINK TO TOUR DATES ///////////////////////// ***/
#tourdates{height:auto;}
.sixty-fourty{
display: grid;
height: 100%;
grid-template-columns:1fr 1fr;
}
.fourty-five{height:100%;display:flex;margin-bottom:-5px}
/*.next-show{height:100%;background:darkred;width:auto;}*/
.redbg{/*min-width: 8vw; background: #9a0000; color: ghostwhite;*/display:none;}
.next-show-pic img{height:auto; max-width:80%;}

.fifty-five{height:100%; display:flex;}
.stuckinthemiddle{display:grid;align-content: center;}

.stuckinthemiddle h2{color:red; margin-bottom:.3em;}
.stuckinthemiddle hr{border: solid 1px #6E260E; margin:.6em 0 1em;width:85%;}
.date>img{height:.75rem;}
.date,.venue,.city{font-size:1.1em;}
.city{color:#F4686B;}
.ticket-stub{margin:.1em 0 1.5em;}
img.ticket-stub {width:30%;transition:ease all .25s}
img.ticket-stub:hover{transform:scale(1.15,1.15);}
.seallshows a{color:white; text-decoration:none;font-size: 2.5em;letter-spacing:2px; display: inline-flex; align-content: flex-start;transition:.25s ease all;}
.seallshows a:hover{color:indianred;}
.seallshows a svg{max-width:36px; height:36px; margin-left:5px; vertical-align: baseline;}

/*** ////////////////////// ROCKSTAR EXPERIENCE ///////////////////////// ***/
#rockstar-experience{text-align: center;width: 100%; height: auto;position: relative;}

/*Rockstar Experience Words from red to whie*/
#REXPTITLE{transform:scale(1,1); transition:.25s ease all; cursor: url("images/cursor_lita-ford-guitar-pick.png") 64 0, auto !important;}
.li-bylrsexp,#li-bylrsexp{cursor: url("images/cursor_lita-ford-guitar-pick.png") 64 0, auto !important;}
#REXPTITLE:hover{transform:scale(1.15,1.15);}

.rsxst2 {animation:redtowhitetored 3s infinitE;}
.rsxst3 {animation:redtowhitetored2 3s infinite;}

.blackceiling{width:100%;height:70px;background-image:linear-gradient(black, transparent);position:absolute;top:0;left:0;z-index: 1}
.blackfloor{width:100%;height:70px;background-image: linear-gradient(transparent,black);position:absolute;bottom:0;left:0;z-index: 0}
#rockstar-experience>svg#bg_rockexp{position:absolute;top:0;left:0; min-height:100vh;z-index: -1;}
#rockstar-experience svg{/*border:brown solid 1px;*/ max-width:100%;}
.headroom{height:18vh;margin:3% 5% .5em 5%; width:90%; /*display:block;*/position:absolute;z-index: 9999; top:0;}
.floorspace{position:absolute; bottom:6%; width:100%; text-align: center;z-index:9999}
.centerer{display:flex; justify-content: center;margin-bottom:18px;}

#mute-rsx{color:white; width:auto; height:auto; text-align:center; cursor:pointer;transition:.25s ease all;}
.mutey, .unmutey{width:20px; height:20px; padding: 10px; border-radius:50%;line-height:20px;background:rgba(255,0,0,.5);background-size:70%;background-position:center center; background-repeat:no-repeat;opacity:.5;transition:.1s ease all;}
.mutey{background-image:url("images/icons/muted.svg");}
.unmutey{background-image:url("images/icons/sound.svg");}
.mutey:hover, .unmutey:hover{opacity:1;}

.clearthefloor{margin:.5em auto 1em; width:75%; /*display:block;*/}
.headroom svg, .clearthefloor svg, #SPOTLIGHT svg{max-width:100%;}
#rockstar-experience .morebutton{position: relative;z-index: 9999;}
#SPOTLIGHT{position:absolute;bottom:0;left:0;z-index: 9998}

/*** ////////////////////// OFFICIAL STORE ///////////////////////// ***/
img.flip,img.b4flip{cursor:pointer;}
.slick-slide h3{padding:1.5em 0 2em 0;}
.b4flip{animation:wonderwoman 5s infinite forwards;}
.flip {object-fit: contain !important; position:absolute; top:0; transform:rotateY(90deg);animation:wonderwoman2 5s infinite forwards;}

.tshirts .b4flip, .tote .b4flip{animation-delay:0s;}
.tshirts .flip, .tote .flip{animation-delay:2.5s;}

.mini-guitars .b4flip{animation-delay:2s;}
.mini-guitars .flip{animation-delay:4.5s;}

.necklace .b4flip{animation-delay:4s;}
.necklace .flip{animation-delay:6.5s;}

.water-bottle .b4flip{animation-delay:2s;}
.water-bottle .flip{animation-delay:4.5s;}

.mini-guitars{}
#merch{position:relative; overflow:hidden; height:auto; padding-bottom:3%;}
.merch-container{text-align: center;}
.merch-container h1{display:block; font-size:2.25em; padding-top:1em;}
.merch-container h1>img{display:inline; width:25px; height:auto; position:relative;margin:0 .1em;}
.tagline{color:red;font-size:1.1em;line-height: 1em; display:block;}

#multiple-items{/* display: inline-flex; *//* width: 100vw; *//* flex-wrap: nowrap; */}
#multiple-items div{/* width: 30vw; *//* height: auto; */ margin: .5em 0; text-align: center;}
#multiple-items div img{height:50vh; max-height:50vh; text-align: center; width:100%;}

.responsive {/* display: inline-flex; *//* width: 100vw; *//* flex-wrap: nowrap; */}
.responsive  div{/* width: 30vw; *//* height: auto; */ margin: .5em 0; text-align: center;}
.responsive div img{height:50vh; max-height:50vh; text-align: center; width:100%;}
.responsive div h3 a{display:inline;}
img.elinkszer {width:25px !important; height:25px !important; display:inline; vertical-align:middle; /*position:absolute; left:0;*/margin:-5px 5px 0 0; background-image: url(images/icons/icon_external-link-red.svg), url(images/icons/icon_external-link.svg); background-size:contain; background-repeat:no-repeat;}
img.elinkszer:hover {animation: outtahere 0s ease-in-out forwards;}
@keyframes outtahere{
	100%{background-image: url("images/icons/icon_external-link.svg");}
}
.moveoverrover{
	background: rgba(255,0,0,.75);
	width:6vw;
	padding:0 1vw;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    display: grid;
    align-content: center;
}

.moveoverrover img{opacity:.6; transition:.25s ease all; cursor:pointer;}
.moveoverrover img:hover{opacity:1;}

.moveoverrover span{align-content:center;}
.morebutton, .visitstore{z-index: 9999;}
.morebutton a{font-size:1.25em;max-width:150px;background:rgba(20,0,0,.85); color:red;text-align:center; padding:5px 10px;border-radius:25px; border:red solid 2px; display:block; margin:.25em auto;text-decoration:none;transition:.25s ease all;}
.morebutton a:hover{background:rgba(200,0,0,.5); color:white;border:white solid 2px;}

.visitstore a{font-size:1.25em;max-width:150px;background:rgba(20,0,0,.85); color:red;text-align:center; padding:5px 10px;border-radius:25px; border:red solid 2px; display:block; text-decoration:none;transition:.25s ease all; margin: -.85em auto 1.5em auto;}
.visitstore a:hover{background:rgba(200,0,0,.5); color:white;border:white solid 2px;}

/*** ////////////////////// INSTAGRAM FEED ///////////////////////// ***/
#instagram{width:90%; height:auto; padding:3em 5% 4em}
.share-header{display:flex;justify-content: center;}
#instagram h1{display:inline;font-size:2.25em;margin-right:1em;}
#instagram h1>img{display:inline; width:36px; height:auto; position:relative; top:5px; right:3px;}
.share-header a >img{height:39px; width:auto; margin:0 .5em; position:relative; top:7px; right:3px;transition:ease .25s all;}
.share-header a >img:hover{transform:scale(1.25,1.25)}

#instagrid-container{margin:20px 0;}
#instagrid{}
.square-wranglers{
	display: inline-flex;
    flex-wrap: wrap;
}
.square{
    position: relative;
    width: 19.5%;
    margin: 0 .5% 0 0;
}

img.overlay,.ig-link,.ig-zoom{position:absolute;}
	img.overlay{z-index: 950; width:100%;top:0;left:0; opacity:0; transition:.25s ease all;}
	.square:hover img.overlay{opacity:.8}
	

	img.bg{z-index:900; width:100%;}
	.ig-link{bottom:5px;right:5px;z-index: 999; width:18%;opacity:0;transition:.25s ease all; cursor:pointer;}
	.ig-zoom{bottom:5px;left:5px;z-index: 999;;width:18%;opacity:0 ;transition:.25s ease all; cursor:pointer}
	.square:hover .ig-link{opacity:.5}
	.square:hover .ig-zoom{opacity:.5}	
	.square:hover .ig-zoom:hover, .square:hover .ig-link:hover{opacity:1;}
	.ig-zoom>img,.ig-link a>img{width:100%; margin:0;}


		/************IG POPUP STYLES*****************/
		
.btnnobigup {position:absolute;top:7px;right:7px;width:44px;cursor:pointer;}
.btnnobigup img{max-width:100%;}
.popalbum .popup-buy .hourglass-spin>img {width: 108px;height: 108px;}
.popalbum .popup-buy .hourglass-spin h1{margin-top:0}
.popalbum .popup-buy .hourglass-spin .album-envelope .album-checkout {text-align: right;}
.popalbum .popup-buy .hourglass-spin .album-envelope .album-checkout img{width:12.88vw; height:auto;}
.popalbum .popup-buy .hourglass-spin .album-envelope .album-checkout ol li{font-size:.8rem;text-align:left;color:indianred;}
.popalbum .popup-buy .hourglass-spin .album-envelope .album-checkout ol {margin-left:3.6vw; padding-left:0;}

.popalbum .popup-buy .hourglass-spin .platforms {margin-top:3.6vh; padding-left:0; display:inline-flex;}
.popalbum .popup-buy .hourglass-spin .platforms a {padding:1vh 2vw 0 ; width:auto;}
.popalbum .popup-buy .hourglass-spin .platforms a img {height:25px; width:auto;}
.popalbum .popup-buy .hourglass-spin .platform-title {min-width:150px;}
.popalbum .popup-buy .hourglass-spin .lita-online-copyright{margin-top:30px;font-size:.5em;color:#E5C6Cc;}
		.igframe, .popalbum{
			position:fixed; 
			overflow:hidden;
			top:0;
			left:0;
			width: 100%; 
			height: 100%;
			display:none;
			justify-content: center;
			align-items: center;
			background-repeat:repeat; 
			background-position:top center;
			background-image: url("images/ig-bg.png");
			text-align:center; 
			z-index: 99999999999999999999999999999999999;
		}
		.bgwrapper{height:100%;}
		.bigig{
			position:relative;
			height: 90%;
			max-width: 50%;
			margin: 2% auto;
			padding: 1%;
			display: flex;
			justify-content: center;
			align-items:center;
			background-color: rgba(0,0,0,0.88);
			box-sizing: border-box;
			border-radius: 15px;
			box-shadow: 0 0 36px rgba(255,0,0,.2);
			border: 2px solid firebrick;
		}
		
.bigig img{
    max-height: 80vh;
    max-width: 100%;
}
.igsizing {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.bigwrapper img{pointer-events: none;}

.igcaption,.xlinkcaption{display:block;}
.igcaption a, .xlinkcaption a{text-decoration:none; color:indianred;transition:.25s ease all;}
.igcaption a:hover, .xlinkcaption a:hover{color:floralwhite;}
.igcaption img, .xlinkcaption img {width:22px; height:auto; vertical-align: middle;}
.xlinkcaption img{margin-top:-6px; margin-right:.5rem}
.xlinkcaption {font-size:1.5em}
.bigwrapper p{margin:1em 0;}
.externalsitename{font-size:1.25em; margin-bottom:1em}
			
/*** ////////////////////// NEWS & INVITE ///////////////////////// ***/
#news{height:auto;transition:.5s ease all;background-image:linear-gradient(rgba(10,10,10,.3),rgba(10,10,10,.6))}
#news:hover{background-image: linear-gradient(rgba(75,10,10,.3),rgba(75,10,10,.6),rgba(75,10,10,.6),rgba(75,10,10,.3));}
#news a{color:white; text-decoration: none;}
.fb-invite{display:flex; flex-wrap:nowrap; justify-content: center;align-content:center;}
.facebook, .invite {display:grid;align-content: center;justify-content: center;}
.facebook{/*width:50%;*/padding-left:5%; transition:.25s ease all;margin:3em 0 4em; width:auto;}
.fb-dsktop{border:transparent 2px solid; transition:ease all .25s;}
.fb-dsktop{border:red 2px solid;}

._2lqg {background: #ffffff;border: 2px solid #ffffff;overflow-y: auto;}
._2lqg:hover {background: #000000;border: 2px solid #f00;}
.fbfeed-phone{display: none !important;}
.invite{width:37%;padding:0 8%;}
.invite h1{font-size:2.5em; text-align: center;}
.invite h1 img{display:inline; width:36px; height:auto; position:relative; top:5px; right:10px;}
.invite p{font-size:1.5em; text-align: left; margin:2em auto 0;}
a.newslink{color:orangered !important; animation:newslinkglow 2s infinite;}

/*** ////////////////////// BOOKING AND MANAGEMENT ///////////////////////// ***/
#booking-management{position:relative;background-image: url("images/lita-concert-bw.jpg");overflow:hidden;height:98%;background-size:cover;}
#redcurtain{transform:translateY(0); width:100%;height:100%; background-image: linear-gradient(rgba(75,10,10,1),rgba(75,10,10,1),rgba(75,10,10,1),rgba(75,10,10,.6));}
#REVERB{position:absolute;top:50%;left: 50%;min-width: 120%;transform: translate(-50%,-55%);overflow:hidden;}
#book-mgmt{display:flex; z-index: 25;position:absolute;top:0;left:0;width:100%;}
#book-mgmt,#bookusa,#bookrow,.splitem{height:100%}
#bookusa,#bookrow{width:50%;}

.splitem{display:flex;}
.contact{width:80%; height:100%}
.lefthalfarrow,.righthalfarrow{width:20%; height:100%}
.contact{display:grid; justify-content: center; align-content: center; text-align: center;}
.contact>img{display:block; margin:.5em auto; max-height:180px; max-width:85%;}
.lefthalfarrow{background:transparent;}
.righthalfarrow{background:transparent;}
.contact h2, .threetimes h2{font-size:1.1em; text-transform:uppercase;}
.contact h1, .threetimes h1{font-size:2em; color:#fa0000; margin:.25em 0;font-family: "Chakra Petch", sans-serif; font-weight: 400;font-style: normal;}
.contact a.gothere,.threetimes a.gothere, .tourpagedivs a{cursor:pointer;max-width:150px;background-color:rgba(20,0,0,.85); color:darkred;padding:10px 20px;border-radius:25px; display:block; margin:2em auto;text-decoration:none;transition:.25s ease all; border:2px solid darkred; text-align: center}
.contact a.gothere:hover, .threetimes a.gothere:hover, .tourpagedivs a:hover{background-color:rgba(200,0,0,.99); color:white;border:2px solid white;}
#adamparsons{height:auto; border-bottom:2px red solid; padding:2% 0 3.6%; background:#350f0f;}
.threetimes{display:flex;justify-content:center; align-items: center;}
.threetimes h1{color:#fff;}
.threetimes a.gothere{margin-bottom:3px;}
.threetimes>img{width:222px; margin:0 5%}
.threetimes .url{color:#fff;}
.tourpagedivs a{margin:.5em auto}
.tourpagedivs .url{display:none;}
#booking-management .url{color:indianred; font-size:1em; display:none}

#mobile-book-mgmt{display:none;}
.mobile-contact{width:80%; height:100%}
.mobile-contact{display:block; justify-content: center; align-content: center; text-align: center;}
.mobile-contact>img{display:block; margin:.5em auto; max-height:180px; max-width:85%;}
.mobile-contact h2{font-size:1.1em; text-transform:uppercase;}
.mobile-contact h1{font-size:2em; color:#fa0000; margin:.25em 0;font-family: "Chakra Petch", sans-serif; font-weight: 400;font-style: normal;}
.mobile-contact a.gothere{max-width:150px;background:rgba(20,0,0,.85); color:white;padding:10px 20px;border-radius:25px; display:block; margin:.5em auto;text-decoration:none;transition:.25s ease all;}
.mobile-contact a.gothere:hover{background:rgba(200,0,0,.99); color:white;}
.mobile-contact h3{color: red;font-size: 1.75em;padding:.15rem 0;}

.link-icon img{width:15px; height:15px; margin-left:.65em; margin-bottom:-1px;}
#lita-center{position:absolute;z-index:9999; bottom:-8px;left:50%;transform:translateX(-50%);text-align: center;}
#lita-live-heading{position:absolute;top: 1.75rem; z-index:999999999; width:100%; text-align:center;}
#lita-live-heading h1 {font-size: 7vh;font-weight: 800;letter-spacing:1px;white-space: nowrap; top: 2rem; display:flex; justify-content: center;}
/*USE IF PLACING THE H1 LITA!LIVE! INSIDE THE LITA-CENTER DIV ALONG WITH LITTLE LITA////---> #lita-center h1{font-size:2.5em;font-weight: 800;letter-spacing: 1px;}*/
#lita-live-heading h1> svg, #lita-live-heading h1> a svg{width:9vh; height:9vh; margin:0 .25em -.35em .25em;}
.redletta{color:red; animation:changeupfff 5s infinite ease;}
#LITA-LIVE-BLK-CIRCLE-RED-HOURGLASS{transition:.25s ease all; cursor:pointer;padding-right:3px}
#LITA-LIVE-BLK-CIRCLE-RED-HOURGLASS:hover{transform:scale(1.4,1.4)}
.iceletta{color:whitesmoke; animation:changeupfoo 5s infinite ease;}
/*--------------------------LITTLE LITA! RESPONSIVE SIZING----------------------*/
.little-lita-guitar img {height: 75vh;}

/*-----LITA!LIVE! AFTER CLICKING BLACK WIDOW BUTTON----*/
.blackletta{color:black; animation:changeupOOO 2.5s infinite ease; animation-delay:3.5s}
.blackiceletta{color:whitesmoke; animation:changeuptwo 2.5s infinite ease; animation-delay:3.5s}
.widowthreeD{animation:threedee 5s infinite linear; transform-origin:center;}
#see-tour-schedule{visibility:hidden;}
#see-tour-schedule, #ontournow {margin:.5em 0;font-family: "Chakra Petch", sans-serif; font-weight: 400;font-style: normal; transition:ease all .25s;}
/*class added to move "ON TOUR" to top of LITA!LIVE! section when button is clicked then disappear*/
.seetourhone {transform:translateY(-2em); opacity:0; animation: gettinrockon 2s 1 forwards; animation-delay:2s;}
/*class added to view "SEE TOUR SCHEDULE" at top of LITA!LIVE! section after button is clicked*/
.openairhone {transform: translateY(-7em); opacity:1; animation: openair 2s 1 forwards}

/*festival marquee*/
#bottommarquee{
	height: 3em;
	position:absolute;
	z-index: 999999999;
	overflow:hidden;
	white-space: nowrap;
  	text-overflow: ellipsis;
	bottom:1vh;
	width:95%;
	transform: translateY(144%);
}
#arment{display: none;}
#mgmtent{display: none;} 



/*** ////////////////////// FOOTER NAVIGATION ///////////////////////// ***/
footer{text-align: center; height:auto; padding:3em 0 5em;}
#footer-logo{font-family: "tex_gyre_pagellaregular"; font-size:2em;}
#footer-logo img{  width: 30px;height: auto; position: relative; top: .5px;right:.5px;}
#copyright{color:#dd9090/*#d54a4a;*/;font-size:.9em;}
.three-feet{display:flex; justify-content: center; flex-wrap:nowrap;}
.three-feet ul{margin:1.5em 3em;list-style:none;}
.three-feet ul li{padding:.15em; text-align: left;}
.three-feet ul li a:link{text-decoration: none; color:#EEE; transition:.25s ease all;}
.three-feet ul li a:visited{color:#EEE;}
.three-feet ul li a:hover{color:red;}
.three-feet ul li a:active{color:darkred;}
#socials{margin-top:2em; display:flex; justify-content: center; flex-wrap: wrap;}
#socials a{margin:1em 1em;}
#socials a img{height:49px; width:auto;transition:ease .25s all;}
#socials a img:hover{transform:scale(1.25,1.25)}
/* -------------------TOUR DATE STYLES-------------------- */



/* ------------------BAND PAGE------------------- */
.header-band{
	background-size:2%;
	background-repeat: repeat;
	background-position: top center;
	background-image: url("images/ig-bg.png");
	height:100% !important;
}
.header-band video[poster]{object-fit: cover;}
.header-band video{object-fit:cover;
  max-height: auto;
  min-width: 100% !important;
  z-index: 1;
  margin:0 auto;	
}

#lita-bio-container{display:flex; justify-content: center; align-items: center;}
#lita-bio-container img{max-width:100%;}
.bio-left{background-image:url("images/lita-ford_lita-ford-band-page.jpg");background-size:96%; background-repeat:no-repeat; min-width:48%; background-position:right center;}

#marten{background-image: url("images/marten-andersson_lita-ford-band-page.jpg");background-size:cover;}
#bobby{background-image: url("images/bobby-rock_lita-ford-band-page.jpg");background-size:cover;}
#patrick{background-image: url("images/patrick-kennison_lita-ford-band-page.jpg");background-size:cover;}
.bandpic{max-width:31%;}
.bandpic img{max-width:100%;}
#biopic-ma{background-image: url("images/marten-andersson-photo.jpg");background-size:cover;}
#biopic-br{background-image: url("images/bobby-rock-photo.jpg");background-size:cover;}
#biopic-pk{background-image: url("images/patrick-kennison-photo.jpg");background-size:cover;}

.moredots {width: 25px;height: 25px;color: white;background:darkred;transition: .25s ease all;border-radius: 25px;line-height: 1rem;display: inline-block;
text-align: center;font-size: 1.25rem;}
.moredots:hover{color:white; background:#1B0808;}
#band-members{height:auto; background-color:#480809;background-position: center bottom;}#BANDMEMBERSVG{width:100%;margin-top:-4.5rem;}#band-member-center h1{padding-top:1em; font-size:2.5em;font-weight: 800;letter-spacing: 1px; width:100%; text-align: center;}#band-member-center h1>a svg{width:65px; height:65px;margin:0 .25em -.35em .25em;}#band-tour-schedule{width:100%;text-align: center;margin-top:.5em;}.folding-content h3,.unfolded-content h3{font-size:3.5em; padding:20px 0; line-height: 1em;}
.bandbio{padding:0 2em; text-align: center;}
.bandbio p {max-width:80%; margin:auto;}

section#bandmates, section#lita-bio{height:auto;}
section#lita-bio {padding:3em 0; text-align: center;}
section#lita-bio h1{font-size:3.5em;}
section#lita-bio h2{font-size:2em; color:red;}
section#lita-bio h3{margin-bottom:2em;}
section#lita-bio p{font-size:1.25em; color:white; max-width:70%; margin:auto; text-align:left;margin-bottom:1em;}
/*.folding-content div {width:50%;}*/

	/*band animation*/
		#ma-sparkle{animation: wheel 5s infinite linear; transform-origin:369.2472px 266.493px;}
        #MA-LEFTHORN{animation:hornwave infinite 2s alternate; transform-origin:135.3487px 135.3179px;}
        #bobby-left-shoe{animation:foottap infinite .5s alternate; transform-origin:781.3962px 1053.1209px;}
        #LEFT-ARM1, #bobby-left-underarm{animation:flexarmcounter 1s infinite alternate; transform-origin:758.4616px 487.0016px;}
        #LEFT-CHEST,#RIGHT-CHEST{animation:chesticles 2s ease-out  infinite; animation-delay:1s;}
        #lita-hairleft{animation:windtoss 3s infinite;transform-origin:1182.2781px 201.9883px;}
        #lita-hairright{animation:windtoss 3s infinite;transform-origin:1212.8995px 201.9883px;}
        #lita-left-eye, #lita-right-eye{opacity:1; animation:blinkeyes 5s infinite;}
        #LITA-HORNHAND{animation:hornwave infinite .5s alternate; transform-origin:1447.1012px 155.6746px;animation-delay:1s;}
        #PATRICK-RIGHTARM{animation:flexarmcounter .5s infinite alternate linear; transform-origin:1689.0995px 432.4012px;}
        #PATRICK-LEFTARM{animation:flexarms .5s infinite alternate linear; transform-origin:1589.289px 432.3996px;}
        #patrick-tongue{animation:patrickvibes .25s infinite linear; transform-origin:1653.0298px 331.6771px;}
        

#endorsements{height:auto; padding:2em 2em 4em 2em;}
.flexit{display:flex; flex-wrap: wrap; justify-content:center;}
.flexit span{max-width:21%; margin:1.5em 2em; align-self: center}
.flexit img{max-width:100%; max-height:100px;vertical-align:middle; opacity:.6; transition:.25s ease all; cursor:crosshair;}
.flexit img.esp, .flexit img.kahler {max-width:100%; max-height:80px;}
.flexit img.moser {max-width:100%; max-height:150px;}
.flexit img:hover{opacity:1;}
/*********/


/* -----------------WEBPAGE: TOUR DATES PAGE----------------- */
#concert-header{height:auto !important; display:inherit; position:relative;border-bottom: none;}
#concert-header video{min-width:100%; height:auto;}
/*ADDED TEMPORARILY WHEN .moving-text WAS INSIDE THIS DIV... MAY DELETE AFTER TESTING IF GRAYED OUT #marqueeimage {position:relative;}*/

#leftmarq, #rightmarq{
	height: 2.25em;
	position:absolute;
	z-index: 999999999;
	overflow:hidden;
	white-space: nowrap;
  	text-overflow: ellipsis;
	bottom:22%;
}
#leftmarq{width: 33%; left:3em;}
#rightmarq{width: 31.5%;right:5em;}
.quote img{max-height:1em;width:2em;margin:0 -.25em 0 -.3em; vertical-align: baseline; padding:0;}
.moving-text,.moving-text2, .moving-text-live{font-size:2em; letter-spacing: 2px; color:white;text-shadow:2px 2px 9px black;}
.moving-text2{visibility: hidden;}



.concert{background:black}
		
#topnotch, #topalbum{top:0;}
		
/*		#marquee{margin-top:-23%;z-index:999}*/
		.concert-image{width:100%;}
		.concert-image img{max-width:100%; height:auto;}
		#tour-date-list{height:auto; padding:0 10% 10%; width:80%; background:black;}
		.tour-date-entry{
		  display: grid;
		  grid-template-columns: 30% auto 15%;
		  gap: 1rem;
		}
		.tour-date-entry{padding:10px 0 10px;border-bottom:1px dotted darkred; width:100%;}
		.tour-date-entry .date{font-size:1.75em;}
		.tour-date-entry .location .venue {font-size:1.5em;}
		.tour-date-entry .location .additional-acts{font-size:1.2em;}
		.tour-date-entry .location .city{font-size:1.35em;}
		.tour-date-entry .date>img{height:1.25rem;}
		.tour-date-entry .additional-acts{color:#c18e91;}
		.tour-date-entry .city{color:#e83d21;}
		.ticket> a img{width:100%; margin:0;}
		nav#topnotch{z-index: 100;position: absolute;top:0;margin:auto; width:100%;}
		nav#topnotch ul li a:link{text-decoration: none; color:white/*#292323*/; transition:.5s ease all;}
		nav#topnotch ul li a:visited{color:white/*#292323*/;}
		nav#topnotch ul li a:hover{color:red;}
		nav#topnotch ul li a:active{color:darkred;}
		.touryear {font-size:2rem; text-align: center; padding: 20px 0 10px;
border-bottom: 1px dotted darkred;}
.touryear img{vertical-align:-7px;}
		.lita-name{margin-left:-15px;}
/*--------RSTR EXPR AD ON TOUR PAGE ONLY----------*/
#followup{display:flex;}	
#followup #rockstar-experience .mutey {display:none;}
#followup #rockstar-experience #rsx {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		}
#followup #rockstar-experience .headroom{margin-top:9.3%;}
#followup>div{max-width:50%}
#tourpage-bkg-mgmt{display:grid; align-content: center; width:100%; background-color:#0E0000/*#1e0201*/; text-align: center; padding:5% 0;border-left:1px #3E0203 solid}
#followup #rockstar-experience .floorspace{bottom:12%;}
.tourpagedivs img{max-width:42%;}
.tourpagedivs h3{color:red; font-size:1.75em; padding:.15rem 0;}
.trpg-arm{margin-bottom:3rem}

/*------------DISCOGRAPHY PAGE-------------*/
.header-discography{background-image:url(images/lita-ford-in-corvette_discography.jpg);background-size:cover}

.flip-items li{color:#f2d3ce;}
.vinfader{height:auto; background:linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0));}

	/*tooltip styles - on hover*/
	.listen::after{
        display:block;
        width:100%;
		height: auto;
		font-size:.8em;
        content:"Listen";
        color:#000;
        opacity:0;      
        -webkit-transition:opacity 0s;
        transition:opacity 0s;
		line-height: 1.1em;
		text-align: center;
		padding-top:0px;
		margin-left:-2px;
    }
    .listen:hover::after{
         opacity:1;
    }

	/*LISTEN BUTTON ON MOBILE*/
		.listen::before{
        display:none;
        width:100%;
		height: auto;
		font-size:.8em;
        content:"Listen";
        color:indianred;
        opacity:0;      
        -webkit-transition:opacity 0s;
        transition:opacity 0s;
		line-height: 1.1em;
		text-align: center;
		padding-top:0px;
		margin-right:5px;
    }
	/*END OF LISTEN BUTTON ON MOBILE*/

	.buy::after{
        display:block;
        width:100%;
		height: auto;
		font-size:.8em;
        content:"Buy";
        color:#000;
        opacity:0;      
        -webkit-transition:opacity 0s;
        transition:opacity 0s;
		line-height: 1.1em;
		text-align: center;
		padding-top:0px;
    }
    .buy:hover::after{
         opacity:1;
    }

#discography-section{
	height:auto;
	padding-bottom:2.5em;
}

#heading-discography{padding:3em 0 2em}
#heading-discography h1{width:100%; text-align: center; font-size:2.5em;}
#heading-discography h1>img{
	display: inline;
	width: 33px;
	max-width: 33px;
	height: auto;
	max-height: 33px;
	position:relative;
	top:.1rem;
	right:.08rem
}
#heading-song-search{padding:1em 0 .5em}
#heading-song-search h1{width:100%; text-align: center; font-size:2rem;}
#heading-song-search h1>img{
  	display: inline;
	width: 33px;
	max-width: 33px;
	height: auto;
	max-height: 27px;
	position:relative;
	top:.2rem;
	right:.08rem
}
#heading-song-search h1{width:100%; text-align: center; font-size:1.75em;}
#album-legacy-headings{
	display: grid;
  	grid-template-columns: auto 35% 20%;
  	gap: 1rem;
}

#album-legacy-list,#discography-legacy-list{padding: 1em 5em 2em 7em;}   /*1em 9em 2em*/
#album-legacy-headings h2{text-align:left; color: #fc4e46; }
#album-legacy-headings h2.umayberight{text-align:right;}

#song-legacy-headings{
	display: grid;
  	grid-template-columns: auto 15% auto;
  	gap: 1rem;
	width: 90%;
	margin: 0 auto;
}

#song-legacy-list{padding:1em 5em 2em;}
#song-legacy-headings h2{text-align:left; color: #fc4e46; }
#song-legacy-headings h2.umayberight{text-align:right;}
input{font-size:22px;color:#fff!important;}
input:hover{color:#fff !important;}
/*input {background-image:url("images/icons/icon_song-note.png"); background-repeat:no-repeat; background-position:10px 0;}*/
/*new accordion styles*/
		.preslideout{
			display:inline-block; /*-assigned to new/ADD CLASS of heyah on click*/
			z-index:-1;
/*
			position:absolute;
			top:50%;
			transform:translate(0,-30%);
*/
			padding:3% 0 0;
			max-width:320px;
			background:rgba(10,0,0,.9);
			border-top-right-radius:36px;
			border-bottom-right-radius:36px;
/*			left:-50%;*/
			opacity: 0;
			transition:.5s ease all;
			position:relative;
		}
		   #btnruna .flipster__item__content .preslideout{top:-30px;}
		   #btnruna .flipster__item__content .preslideout .close-preslideout{position: relative;
			top: 10px;
			transform: translateX(40%);}
		   
		   
		   
		   .preslideout .album-title{font-size:1.5rem; text-align:center;padding-left: 0;margin-top:30px;}   
		   .preslideout .release-date, .preslideout h3{text-align: center;}
		   .preslideout h3{margin-top:30px; color:#FB4E51;}
		   .preslideout dl {margin:.5rem 2.25rem 0 ; color:#FB4E51; list-style: disc; display:block; text-align: left; flex-wrap: wrap;}
		   .preslideout dl dt{ margin:0 !important;transform:none;}
		   .preslideout dl dt::before {
				content: '';
				background-image: url("images/icons/icon_song-spacer.svg");
				background-size: 5px 5px;
				padding: 1em;
				background-repeat: no-repeat;
				vertical-align: baseline;
				background-position: center;
				}
		   .preslideout .song{color:azure; font-size:.8em;}
/*
		   .preslideout li::before {
				content: '';
				background-image: url("images/icons/icon_song-spacer.svg");
				background-size: 5px 5px;
				padding: 1em;
				background-repeat: no-repeat;
				vertical-align: baseline;
				background-position: center;
			}
*/
		   .preslideout .listen-buy{background:darkred; margin-top:12px; padding:10px 0; border-bottom-right-radius:33px;}
		   .preslideout .listen-buy {text-align: center;}
		   
		   	.close-preslideout{position:relative; top:-12px;left:43.5%;  color:white;/*transform: translate(-50%,0);border:1px solid darkred;*/ background:black;line-height: 36px;text-align: center;cursor:pointer;z-index: 300; }
			.close-preslideout img{
				width: 24px;
				height: 24px;
				transition: .25s ease all;
				position: absolute;
				left: 0;
		   }
			.close-preslideout img:nth-of-type(2){opacity:0;}
			.close-preslideout:hover img:nth-of-type(1){opacity:0}
			.close-preslideout:hover img:nth-of-type(2){opacity:1}
		   .heyah{display:inline-block !important;opacity: 1;}
img.preview{width:36px; height:36px; display:inline !important; vertical-align: middle;}



/*old accordion styles*/
ul.accordion{list-style: none;}
		
.open-deets{animation:hola 1 .25s forwards;}
.close-deets{animation:odios 1 .25s forwards;}
.saygoodbye{animation:odios 1 .25s forwards; /*transform:scale(1,1);*/ transform-origin:center center;}
.hereiam{animation:hola 1 .25s forwards; /*transform:scale(0,0);*/ transform-origin:center center;}

		li.album-list-spacing{margin-bottom:5px;}

		ul li>a.toggle {
		  width: 100%;
		  display: grid;
			grid-template-columns: auto 35% 20%;
			gap: 1rem;
		  	padding:1% .75% 0 2%;
			background:black;
			border:1px solid #773535;
			cursor:pointer;
		  color: #fefefe;
		  transition: background 0.5s ease;
		}

		ul li>a.toggle:hover, .songs h2:hover {
		  	background: #fc4e46;
			color:black;
		}

		.song h2:hover .song-title, .song h2:hover .duration  {
			color:black;
		}

		ul li>a.toggle:hover .reddotsociety, 
		.songs h2:hover .reddotsociety
			{color:white;}

		#release-date-heading h2 {text-align: center;}
		.listen-buy{text-align:right;/*margin-top: 5px !important;*/}
		button.listen, button.buy{background:transparent; width:auto;outline:none;border:0; cursor:pointer;}
		.album-title{margin-top:2px; position:relative;padding-left:10%;text-align:left;}
		.album-title img {position: absolute;left: 0;top: 5px;}
		.album-title img, .listen-buy img {height:29px; width:auto; vertical-align: middle;}
		.release-date{text-align: left;}

		ul#songs li>a.toggle {width: 100%;display: grid;grid-template-columns: auto 15% 40%;}
		.listen{text-align:right;}
		button.listen, button.buy{background:transparent; width:auto;outline:none;border:0; cursor:pointer;position:relative;top:-3px;}
		.song-title{margin-top:2px; position:relative;padding-left:10%}
		.song-title img{position:absolute;left:0;top:-2px}
		.listen-buy img {height:29px; width:auto; max-height:36px; max-width:36px;vertical-align: middle;}
		.song-title img, .songs .listen-buy img {height:50px; width:auto; max-height:50px; max-width:50px;vertical-align: middle;}
	
		.hardreturn{display:block;line-height: .5em; padding-bottom: 7%;}
		.hardmillennium {display: block; line-height: 1.75em;padding-bottom: 0;}
		.hardlast {display: block; line-height: .5em;padding-bottom: 5%;}

		.album-title img, .listen-buy img:nth-of-type(1){margin-right:.5em;}
		.reddotsociety{color:red;font-size:1.18em;}
		#my-accordion-search section{border-bottom:0;}
		.inner {
		  padding: 1em 6.4% 2em;
		  background: #140808;
		  overflow: hidden;
		  display: none;
		  border: 1px indianred solid;
		  width: 80% !important;
		}
.inner h3{
			display: block;
			text-align: center;
			margin-top: 1em;
			color:#e57373;
		}
		
		.inner ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			line-height: 2em;
			padding:1em 7em 2em;
			list-style:none;
		}

		.inner li{color:white; padding:0;}
		.inner li::before{
			content:'';background-image:url("images/icons/icon_song-spacer.svg");
			background-size:8px 8px; 
			padding:1em; 
			background-repeat: no-repeat; 
			vertical-align: baseline;
			background-position: center;
		}
		.inner ul li.song{position: relative;left: -50%; }
		ol li .song{color:ghostwhite;}
/*-----POPUP-----*/
.popup-buy{
	position:fixed;
	background:black;
	border:1px solid red;
	border-radius:25px;
	padding:2em 4em; 
	width:60%;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	max-height:80vh;
	z-index: 200;
	box-shadow: 0 0 36px rgba(255,0,0,.2);
}

.hourglass-spin{position:relative;top:-72px;text-align: center;}
.hourglass-spin img{width:144px; height:144px;}
.popup-buy h1{margin-top:1em;}
.popup-buy h4{font-size:.95em;font-weight:normal; margin-top:0; letter-spacing:1px;}
.recording-loc{color:#E5C6Cc;font-size:.7em;letter-spacing:1px;}
.undermyfeet{ margin-bottom:2em;}
.undermytoe{ margin-bottom:.5em;}
.album-envelope{display:grid; grid-template-columns: 1fr 1fr;}
.album-checkout img{max-width:100%;}
.platforms{display:flex; align-items: center; text-align:left; flex-wrap: wrap;}
.buy-album{width:100%;}
.platform-title{animation:fadefx 5s infinite; background:black; border:1px #FB4E51 solid; color: #FB4E51; min-width: 200px !important; padding:5px 25px; margin-left:10px; border-radius:22.5px;font-size:1.25em;text-align: center; transition:.5s ease all;cursor:pointer;}
.platform-title:hover{background:darkred; color:white;border:1px white solid;}
.buy-album{display:flex;align-items: center;}
.buy-album img{width:40px;height:auto; vertical-align: center;}
.lita-online-copyright{font-size:.7em; color:lightcoral;width:100%; text-align: center; margin-top:50px;letter-spacing: 2px;}
.close-platform{position:absolute; top:-12px;right:-12px; color:white;/*border:1px solid darkred;*/ background:black;width:27px;height:27px;border-radius:40px;line-height: 27px;text-align: center;cursor:pointer;}
.close-platform img{position:absolute;top:0;left:0; transition:.25s ease all;}
.close-platform img:nth-of-type(2){opacity:0;}
.close-platform:hover img:nth-of-type(1){opacity:0}
.close-platform:hover img:nth-of-type(2){opacity:1}
/*
@keyframes fadefx{
	0%{border:1px #FB4E51 solid; }
	50%{border:1px solid white;}
	100%{border:1px #FB4E51 solid;}
}
*/


/*-------------------------ALBUM PAGES------------------------------*/
/*/////////////`````````HIDE AUDIO TRACKS FROM ALL ALBUM PAGE ACCORDIONS'''''''''''//////*/
.listen-buy audio{display:none;}
/*/////////////`````````HIDE AUDIO TRACKS FROM ALL ALBUM PAGE ACCORDIONS'''''''''''//////*/
/*/////////////`````````HIDE "CREDITS" & "LYRICS" FROM ALL ALBUM PAGE ACCORDIONS'''''''''''//////*/
.as-accordion__content.voicespace{display:none;}
/*/////////////`````````HIDE "CREDITS" & "LYRICS" FROM ALL ALBUM PAGE ACCORDIONS'''''''''''//////*/
/*/////////////`````````HIDE "+" BUTTON FROM ALL SONG TITLES IN ACCORDION - PREVENT ACCORDION OPENING''''when ready to unhide the open/close icons, go to mobile design and add 66px of padding-top to .song-title vs. the 30px placeholder'''''''//////*/
.song-title .open-deets, .song-title .close-deets{display:none;}
/*/////////////`````````HIDE "+" BUTTON FROM ALL SONG TITLES IN ACCORDION - PREVENT ACCORDION OPENING''''''''''///////*/
/*/////////////`````````TURN OFF SONG & LYRICS SEARCH ON ALBUM PAGES UNTIL LYRICS ARE SUBMITTED'''''''''''//////*/
.album-background .as-search-container,.album-background .as-search-result{display:none;}
/*/////////////`````````TURN OFF SONG & LYRICS SEARCH ON ALBUM PAGES UNTIL LYRICS ARE SUBMITTED'''''''''''//////*/
/*/////////////`````````TURN OFF SONG & LYRICS SEARCH ON ALBUM PAGES UNTIL LYRICS ARE SUBMITTED'''''''''''//////*/
.as .as-accordion .as-accordion__title {cursor: default !important;}
/*/////////////`````````TURN OFF SONG & LYRICS SEARCH ON ALBUM PAGES UNTIL LYRICS ARE SUBMITTED'''''''''''//////*/



/*go back button*/
html{transition:.25s ease all;animation:slideleft .5s 1 forwards;}
.takemeback {background: rgba(0,0,0.7);padding: 1.5em .9em 1.5em .66em;color: red;border-radius: 100px;border: 2px solid darkred;transition: .25s ease all;font-size: .9em;text-decoration: none;position: fixed;top: 20px;left: 20px;z-index: 999999999;text-align: center;}
		.takemeback img{max-width:49px;height:49px;animation:recordrevspin 10s linear infinite;margin-left:2.5px}
		.takemeback:hover{background:rgba(88,0,0,0.8); color:white;border:2px solid white;}
		
.takemebackagain {background: rgba(0,0,0.7);padding: 1.5em .9em 1.5em .66em;color: red;border-radius: 100px;border: 2px solid darkred;transition: .25s ease all;font-size: .9em;text-decoration: none;position: fixed;top: 20px;left: 20px;z-index: 999999999;text-align: center;}
		.takemebackagain img{max-width:49px;height:49px;animation:recordrevspin 10s linear infinite;margin-left:2.5px}
		.takemebackagain:hover{background:rgba(88,0,0,0.8); color:white;border:2px solid white;}
.darkovalred{background: rgba(0,0,0.7);	padding: 1.5em .9em 2.5em;color: red;border-radius: 100px;border: 2px solid darkred;transition: .25s ease all;font-size: 1em;text-decoration: none;z-index: 999999999;text-align: center;width:90vw;}.darkovalred:hover{background:rgba(88,0,0,0.8); color:white;border:2px solid white;}
#album-headers{height:auto;padding:2em 0 0; display:block;
background-image:url("images/ig-bg.png"); background-position: center -12px;background-repeat: repeat;}
.embeddedalbum{background:black; border:2px solid red; padding:2%; margin:auto; min-width:300px; height:auto;}
.stopalbum{display:none;}
.close-player{position:absolute;top:-50px;right:-50px;width:50px;height:50px;z-index: 22222;box-shadow:2px 2px 10px rgba(0,0,0,.7);border-radius:50%;}
.close-player img{position:absolute;top:0;left:0; transition:.25s ease all;max-width: 100%;}
.close-player img:nth-of-type(2){opacity:0;}
.close-player:hover img:nth-of-type(1){opacity:0}
.close-player:hover img:nth-of-type(2){opacity:1}

img.boundary{max-width:90%; margin:auto;}

.calltoaction{width:100%; display:flex; justify-content:center; flex-wrap:nowrap; padding:1.5em 0; align-items: center;}
.headerplaya{margin-right:2rem;display:grid;grid-template-columns:auto;}
.headerplaya h1{grid-column:1/span 1}
.playalbum,.stopalbum{margin-right:10px;grid-column:1/span 1;width:200px}
.headerbuy {display:grid;grid-template-columns:50% 50%;}
.headerbuy h1{grid-column:1/span 2}
.amazon{margin-right:10px;grid-column:1/span 1}
.itunes{margin-right:10px;grid-column:2/span 1;min-width:200px !important;}
.buy-button{background:black; color:#FB4E51;border:1px #FB4E51 solid;  min-width: 150px; padding:5px 25px; border-radius:22.5px;font-size:1.25em;text-align: center; transition:.5s ease all; cursor:pointer; position:relative;}

.buy-button:hover{background:darkred; color:white;border:1px white solid;}

.infocontainer{display:block;margin-top:2em;}
.album-background{background-color:#110606;}
.album-background section, .album-background footer{background:black;}
.album-background #heading-discography{background:black}
#album-headers h1, #album-header-info{display:block}
#cover-cd-vinyl{margin:2em 0 1em;display:flex;justify-content: center;}
#cover-cd-vinyl img{max-height:48vh;max-width: 100%;}
.album-cover{z-index: 999;position:relative; left:6vw;box-shadow: 2px 2px 15px black;transition:.25s ease all;}
.album-cd{z-index: 998;position:relative; right:5vw;transition:.25s ease all;}
#cover-cd-vinyl:hover .album-cover{left:0vw;}
#cover-cd-vinyl:hover .album-cd{right:-2vw;}
#album-headers h1{font-size:2.5em; text-align:center;}
#album-header-info{width:100%;text-align:center;padding:0em 0 3em;background:rgba(0,0,0,.5)}
#album-header-info .info-heading{color:#fc4e46;}
#album-header-info .headerplayarrow,#album-header-info .stopsquare{font-size:.9rem;color:white;left:2px;position:relative;top:-1px;}
#album-header-info img{height:.8rem;position:relative;top:1.5px}
#play-branded,#play-hate{display:none;z-index: 2000;cursor:pointer}
.ucantseeme{display: none;}

.song-title{margin-top:-2px; position:relative;padding-left:10%; text-align:left;}
.song-title img{position:absolute;left:0;top:3px}
.listen-buy img {height:29px; width:auto; vertical-align: middle;}
.listen-buy img:nth-of-type(1){margin-right:.5em; margin-top:4px;}
.song-title img{position:absolute;left:0;top:3px}
.songs .listen-buy img {height:50px; width:auto; vertical-align: middle;}
.song-title img, .listen-buy img:nth-of-type(1){margin-right:.5em; margin-top:4px;}
ul#songs li a.toggle .song-title img {margin-top: 0 !important;}

.duration{margin-top:-3px;}
.descend{margin-top:5px;}
.listenfullalbum img{margin-right: .5em; vertical-align: text-bottom;position: relative;top:0;}

.credit-title{color:#e57373;}
.performed .credit-name::before{
			content:'';background-image:url("images/icons/icon_song-spacer.svg");
			background-size:8px 8px; 
			padding:1em; 
			background-repeat: no-repeat; 
			vertical-align: baseline;
			background-position: center;
		}
.audio-skin h1{font-size:2em;}
.audio-skin audio{width:100%;}
.audio-skin{
	position:fixed;
	background:black;
	border:1px solid red;
	border-radius:200px;
	padding:1em 5em 4em; 
	width:50%;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	max-height:80vh;
	z-index: 200;
	box-shadow: 0 0 36px rgba(255,0,0,.2);
}

.audio-skin img{width:112px;height:112px; position:relative;top:-72px;text-align: center;}
.song-title-marquee{background-image:linear-gradient(to right, black, darkred, black);width:100%;padding:.1em 1em;margin-bottom:1em;border-radius:22.5px;/*border:1px solid darkred;background-color:#3B0809;*/}

.audio-skin h4{font-weight:normal;}

.songs .listen-buy{position: relative;top: -3px;}
.songs .listen::after{display:none;}







#play-branded{border-radius:20px;box-shadow:0px 0px 25px rgba(0,0,0,1)}

.track-caption {
color: #FF998F;
display: block;
font-size: .75em;
line-height: 1em;
padding-bottom: 5px;
}

.first::before {display: none;}


/*RICKY WARWICK COLLAB PAGE*/
.collabline{display:block;}
.herovideo {
		  	width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
		}
		.herovideo>iframe {
		  	position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
			
		.goingdown{top:60px;}
		.lita-ricky{width:200px;height:auto;}
.upandup{padding:0}
.collabcaption{font-size:.5em; font-family: "Chakra Petch", sans-serif; position: relative;
top: -10px;}

ul li#singleaccord>a.toggle {
	width: 90%;
	display: grid;
	margin:auto;
	grid-template-columns: auto auto;
	gap: 1rem;
	padding: 1% .75% 1.5% 2%;
}

ul li#singleaccord>.inner {
	width: 90%;
	margin:auto;
	display:block;
}

.single-legacy-headings {
grid-template-columns: auto 41% !important;
width: 90%;
margin: auto;
}


/*---------------FULL ALBUM MENU LISTING-----------------*/
/*----------<<<<<<<detail and summary open and close behaviors>>>>>---*/
#albumnavigation {height: auto;}
details#albummenulisting {max-width: 100%; overflow:hidden;} /* Keep this line to prevent an odd blue outline around the element in Safari. */
		summary {display: block;}
		summary::details-marker {display: none;}
		summary span {position:relative;display:flex;align-items:center;padding-left:1rem;background:darkred;color:#fff; height: 4rem;justify-content: center;font-size:3em; font-family: "tex_gyre_pagellaregular";letter-spacing: 1px;}
summary span img{height:1em; width:auto; margin-right:3px; }
		summary span:hover {cursor: pointer;}
		summary span::before {
		  content: "►";
		  font-size: 1.25rem;
		  display: flex;
			justify-content: center;
		  align-items: center;
		  margin-right: 0.5rem;
		  transition: rotate 200ms 400ms ease-out;
			
		}
		div.content {
		  box-sizing: border-box;
			background-color:#140404;
		  max-width: 100%;
		  max-height: 0;
		  overflow: hidden;
		  padding: 0 10px;
		  border: 2px solid transparent;
		  transition: max-height 400ms ease-out, border 0ms 400ms linear;
		}
		.mobile-contact{width:100%;}
		details[open] + div.content {
		  max-height: 800px;  /*Set a max-height value enough to show all the content */
		  border-bottom:1px solid #590E0F;
		  transition: max-height 400ms ease-out, border 0ms linear;padding:20px 0;
		}
		details[open] span::before {rotate:90deg;transition:rotate 200ms ease-out;}

		ul.allrecords{list-style:none !important; display:flex !important; flex-wrap:wrap; justify-content:center;}
		ul.allrecords li{min-width:33%; margin:.15em 0; display:flex;}
		ul.allrecords li a{color:white; display:inline-block; background-color:#260404; width:100%; padding:1em; transition:.25s ease all;}
		ul.allrecords li a:hover{color:white; background-color:red;}
		.albummenutitle{display:block; color:white; text-decoration:none;font-size:1.5em;}
		.albumperformers{display:block; color:white;}
/*----------<<<<<<<detail and summary open and close behaviors>>>>>---*/

/* //////////////////////// END OF DESKTOP PAGE STYLES ///////////////////////////// */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* ///////////////////////////////////////////////////////////////////////////////// */

/*404 ERROR PAGE*/
.fourzerofour{background-image:url("images/lita-ford-404.jpg"); background-size:cover; overflow-x:hidden; background-position:center 60%;}
#fourOfour{max-height:48px; max-width:48px; position:relative; top:48px;}
#bottommarquee2{
	height: 3em;
	position:absolute;
	z-index: 999999999;
	overflow:hidden;
	white-space: nowrap;
  	text-overflow: ellipsis;
	bottom:1vh;
	width:100%;
}
.moving-text-404{
animation: marquee4 44s linear infinite;
text-overflow: ellipsis;
width:auto; 
position:absolute; 
bottom:1vh; 
color:black;
font-size:1.5rem;
letter-spacing:2px;
overflow:hidden;
}
.moving-text-404 img {max-height:16px; max-width:22px; vertical-align:baseline;}
.cursorblink{color:red; font-weight:bold;animation:cursorblink 2s forwards infinite linear;}
.topbunk{padding-top:2em;}

/*--SITEMAP PAGE--*/
/*-----general choices for font colors and sizes-----*/
.lucky-red{color:#E92529;}
.smaller-and-smaller{font-size:.8em;}
.blackknight{background:black; color:#eee;}
.shawty{max-height:50vh;}

#attributes,#privacy,#youarehere{padding-top:2em; padding-bottom:3em; height: auto; width:75%; margin:0 auto;margin-top:1em;}
#attributes h1,#privacy h1,#youarehere h1{width:100%; text-align: center; padding:0; margin-bottom:1em;}
#attributes h3{margin-bottom:1em;}
#attributes hr, #privacy hr, #youarehere hr{border:1px solid red; margin:1.5em auto; width:100%}
#attributes a:link,#privacy a:link{color:indianred; cursor:pointer;}
#attributes a:visited,#privacy a:visited{color:indianred;}
#attributes a:hover,#privacy a:hover{color:#FFDBDC;}
#attributes .creator{color:lightcoral; line-height: 1.45em;}
#attributes .url{margin-bottom:1.5em; font-size:.9em;}

#privacy h3, #youarehere h3, #attributes h3{margin-top:1em; margin-bottom:.5em;}
#privacy p{text-align: left; color:#B0ADAD; width:100%; line-height: 1.25em;}
#privacy ol{color:#B0ADAD; margin-left:3vw; width:95%; margin-top:.25em;}
#youarehere, #privacy,#attributes {padding-bottom:5em; border-bottom:none;}
.redbottoms{border-bottom:2px solid red !important;}
#youarehere center img, #privacy center img, #attributes center img{width:88px;}
#youarehere h1, #privacy h1, #attributes h1{font-size:3em;}
#youarehere h3, #privacy h3, #attributes h3{color:indianred; margin-bottom:.15em;}
#youarehere h4, #privacy h4, #attributes h4{font-weight:normal; color:#dd9090; margin:1em 0 .15em 0}
#youarehere ul, #privacy ul, #attributes ul{list-style: none;}
#youarehere li{line-height:1.5em; transition: all .25s ease;transform-origin: 0 0;}
#youarehere li:hover{transform: scale(1.25,1.25); }
#youarehere a:link{text-decoration: none;}
#youarehere .three-column{display:flex; flex-wrap:nowrap; justify-content: space-around}
#youarehere a:link{color:#EEE; cursor:pointer; transition: all .25s ease; opacity:.8;}
#youarehere a:visited{color:#EEE;}
#youarehere a:hover{opacity:1;}
.airport{background-image:url("../images/bg_sitemap.jpg"); background-size:cover;}
.sitemap-logo img{max-width: 30vw; padding-top:2em;}

#sitemapimage{background-image:url("images/bg_kiss-kruise-2022.jpg"); filter: grayscale(100%); background-size:cover; min-height:80vh; background-position: 30% top; }
.redhat{border-top:1px solid red;}
/*-----end of general choices for font colors and sizes-----*/

/*ATTRIBUTES PAGE*/
#attributes a{text-decoration: underline;}
/*PRIVACY PAGE*/
#privacy li:last-child{margin-bottom:2em;}
img.ticket-stub-inp{height:24px; width:auto; vertical-align:middle;}
#privacy a{text-decoration: underline;}

/* ~~~~~ *** ~~~~~~***~~~~~~~~~~ KEYFRAME ANIMATION ~~~~~ *** ~~~~~~***~~~~~~~~~~ */

/*LITA LIVE*/
		/*transition setup for lita live curtains up*/
/*left arrow*/.totheleft, .bookleft{animation:totheleft 1s 1 forwards;animation-delay:.25s;}
/*right arrow*/.totheright, .mgmtright{animation:totheright 1s 1 forwards;animation-delay:.25s;}


/********************************************************MAY ADD BACK IF TOO STATIC-"ISH"**********************************************************
.bookleft{animation-delay:.88s;}
.mgmtright{animation-delay:.88s;}
*/
/*darkred gradient curtain*/.curtainsup{animation:curtainsup 1s 1 forwards; animation-delay:.5s;}.lettheshowbegin{animation:lettheshowbegin 1s 1 forwards; animation-delay:.5s;}
#thecrowd {position: absolute;top: 0;left:0;height:auto !important;}
#thecrowd>video{transform:translateY(100%); min-height:130vh !important;min-width:100vw;}
#thecrowd video[poster]{object-fit:cover !important; height:130vh !important;min-width:100vw;}
/*redroom cinemagraph video*/.comeup{animation:comeup 1s 1 forwards; animation-delay:1.5s;}
/*redroom festival marquee*/.comeup2{animation:comeup2 1s 1 forwards; animation-delay:1.5s;}
/*text colors for see full schedule*/

@keyframes redtowhitetored{
	0%{fill: #FF1D25; stroke: #FF1D25;}
	25%{fill: #FF1D25; stroke: #FF1D25;}
	50%{fill: #FFF; stroke: #FFF;}
	75%{fill: #FF1D25; stroke: #FF1D25;}
	100%{fill: #FF1D25; stroke: #FF1D25;}
}
@keyframes redtowhitetored2{
	0%{fill: #FF1D25;}
	25%{fill: #FF1D25;}
	50%{fill: #FFF;}
	75%{fill: #FF1D25;}
	100%{fill: #FF1D25;}
}

@keyframes openair {
	0%{color:white;opacity:1;}
	50%{color:black;}
	90%{color:black;opacity:0;}
	100%{visibility: hidden;}
}

@keyframes gettinrockon {
	0%{opacity:0; visibility:hidden;}
	49.99999999999999%{opacity:0;}
	50%{color:black;opacity:1; text-shadow:none;visibility:visible;}
	100%{color:white; text-shadow: 5px 5px 20px #290203, -5px -5px 20px #290201, 5px -5px 20px #290203, -5px 5px 20px #290203; opacity:1; visibility:visible;}
}

.ittybitty{animation:ittybitty .25s 1 forwards; animation-delay:.5s; transform-origin: center center;}

@keyframes totheleft{
	0%{transform:translateX(0)}
	100%{transform:translateX(-100%)}
}
@keyframes totheright{
	0%{transform:translateX(0)}
	100%{transform:translateX(100%)}
}
@keyframes curtainsup{
	0%{transform:translateY(0)}
	100%{transform:translateY(-100%)}
}
@keyframes showbegin{
	0%{transform:translateY(0)}
	100%{transform:translateY(-100%)}
}
@keyframes comeup{
	0%{transform:translateY(100%)}
	100%{transform:translateY(0)}
}
@keyframes comeup2{
	0%{transform:translateY(144%)}
	100%{transform:translateY(0)}
}
@keyframes ittybitty{
	0%{transform:scale(1,1)}
	100%{transform:scale(0,0)}
}

/*LITA!LIVE! AFTER CLICKING BLACK WIDOW BUTTON*/
@keyframes changeupOOO{	
	0%{color:black; text-shadow:2px 2px 20px red;}
	50%{color:white;text-shadow:0px 0px 0px transparent;}
	100%{color:black; text-shadow:2px 2px 20px red;}
}

@keyframes changeuptwo{	
	0%{color:white;text-shadow:0px 0px 0px transparent;}
	50%{color:black; text-shadow:2px 2px 20px red; }
	100%{color:white;text-shadow:0px 0px 0px transparent;}
}

@keyframes threedee{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}
}

.recordspin{animation:recordspin 5s linear infinite; transform-origin:center center;}

@keyframes recordspin{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

.recordrevspin{animation:recordrevspin 5s linear infinite; transform-origin:center center;}
@keyframes recordrevspin{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-360deg);}
}



/*fade arrows*/
#ffwd-left, #ffwd-right{animation:letsgopeople 2s infinite;}
#ffwd-right{animation-delay:.5s;}
@keyframes letsgopeople{
	0%{opacity:1;}
	25%{opacity:.5;}
	75%{opacity:.5;}
	100%{opacity:1;}
}

/*spotlights*/
#LIGHTBEAM-GROUP-LEFT {animation:litefxleft 26.75s infinite; transform-origin: 44.9999px 1151.9985px}
@keyframes litefxleft{
	0%{transform:rotate(0deg);}
	3%{transform:rotate(0deg);}
	10%{transform:rotate(-45deg);}
	97%{transform:rotate(-45deg);}
	98%{transform:rotate(0deg);}
	100%{transform:rotate(0deg);}
}

#LIGHTBEAM-GROUP-RIGHT {animation:litefxright 26.5s infinite; transform-origin: 2157.3646px 1151.9985px; animation-delay: .25s}
@keyframes litefxright{
	0%{transform:rotate(0deg);}
	3%{transform:rotate(0deg);}
	10%{transform:rotate(45deg);}
	97%{transform:rotate(45deg);}
	98%{transform:rotate(0deg);}
	100%{transform:rotate(0deg);}
}


.strobest0 {opacity: 0.23;fill: #E8C1C1; animation:changered 26.75s infinite;}
@keyframes changered{
	0%{fill: #E8C1C1;}
	15%{fill: #E8C1C1;}
	20%{fill: rgba(222,0,0,.2);}
	85%{fill: rgba(222,0,0,.2);}
	90%{fill: #E8C1C1;}
	100%{fill: #E8C1C1;}
}


#go-left,#go-left2{animation:leftthere 24s linear infinite forwards;}
@keyframes leftthere{
	0%{transform:translateX(0);}
	100%{transform:translateX(-46.555%);}
}

#go-right,#go-right2{animation:rightthere 24s linear infinite forwards;}
@keyframes rightthere{
	0%{transform:translateX(0);}
	100%{transform:translateX(46.555%);}
}

.reverbst6,.reverbst12{opacity:0.3;}
.reverbst3,.reverbst9{opacity:0.3;}
.reverbst3,.reverbst9{opacity:0.3; animation:emit6 24s infinite; }
@keyframes emit6{
	0%{opacity:0.3}
	10%{opacity:0.3}
	65%{opacity:0.2}
	75%{opacity:0.2}
	100%{opacity:0.2}
}

.reverbst5,.reverbst11{opacity:.2;}
.reverbst2,.reverbst8{opacity:.2;}
.reverbst2,.reverbst8{opacity:.2; animation:emit5 24s infinite; }
@keyframes emit5{
	0%{opacity:.2}
	10%{opacity:0.1}
	65%{opacity:0.1}
	75%{opacity:0.1}
	100%{opacity:0.1}
}


.reverbst4,.reverbst10{opacity:.1;}
.reverbst1,.reverbst7{opacity:.1;}
.reverbst1,.reverbst7{opacity:.1; animation:emit4 24s infinite; }
@keyframes emit4{
	0%{opacity:.1}
	10%{opacity:0.0}
	65%{opacity:0.0}
	75%{opacity:0.0}
	100%{opacity:0.0}
}


/*merch*/
@keyframes wonderwoman{
	0%{transform:rotateY(90deg);opacity:1}
	5%{transform:rotateY(0deg);opacity:1}
	45%{transform:rotateY(0deg);opacity:1}
	50%{transform:rotateY(90deg);opacity:1}
	50.00000000005%{opacity:0;}
	100%{opacity:0;}
}

@keyframes wonderwoman2{
	0%{transform:rotateY(90deg);opacity:1}
	5%{transform:rotateY(0deg);opacity:1}
	45%{transform:rotateY(0deg);opacity:1}
	50%{transform:rotateY(90deg);opacity:1}
	50.00000000005%{opacity:0;}
	100%{opacity:0;}
}

/*external link hourglass animate*/
.redlinecirclespan{display: inline-block; width:200px; height:200px; border-radius:50%; text-align: center; line-height: 100px; padding:30px;border:2px solid red; background-image:url("images/lita-concert-blue-sky_bw.jpg"); background-size:300%;background-position:38% -80px}
.redlinecirclespan img{max-width: 100%; max-height: 100%; opacity:.9}
img.nowuseeme{animation: wheelin 5s infinite linear; transform-box:fill; transform-origin:center center;}



/*
.reverbst1,.reverbst7{opacity:0.1; animation:emit1 24s infinite}
@keyframes emit1{
	0%{opacity:0.2}
	16.666666666666667%{opacity:0.2}
	33.333333333333334%{opacity:0.2}
	50%{opacity:0.1}
	66.666666666666668%{opacity:0.1}
	83.333333333333335%{opacity:0.1}
	100%{opacity:0.1}
}
*/

@keyframes changeupfff{
	0%{color:red;}
	50%{color:white;}
	100%{color:red;}
}

@keyframes changeupfoo{
	0%{color:white;}
	50%{color:red;}
	100%{color:white;}
}
@keyframes cursorblink{
	0%{opacity:1;}
	100%{opacity:0;}
}
	
.llblkcircst0{animation:strokefade 5s infinite ease;}
@keyframes strokefade{
	0%{stroke:#FF4848;stroke-width:2px;}
	50%{stroke:#FFF;stroke-width:4px;}
	100%{stroke:#FF4848;stroke-width:2px;}
}

@keyframes changeupbw{
			0%{fill:#A52323;}
			50%{fill:darkred;}
			100%{fill:#A52323;}
		}

@keyframes oredo{
			0%{background-color:rgba(20,0,0,.85);}
			50%{background-color:rgba(200,0,0,.99); color:white}
			100%{background-color:rgba(20,0,0,.85);}
		}

/*discography*/	
	/*open-tabs*/
	@keyframes odios{
		0%{transform:scale(1,1);}
		100%{transform:scale(0,0);}
	}

	@keyframes hola{
		0%{transform:scale(0,0);}
		100%{transform:scale(1,1);}
	}
/*MOBILE WEB*/

#redwebcirc1, #redwebcirc2,#redwebcirc3,#redwebcirc4,#redwebcirc5,#redwebcirc1-topnav,#redwebcirc2-topnav,#redwebcirc3-topnav,#redwebcirc4-topnav,#redwebcirc5-topnav,#redwebcirc6-topnav,#redwebcirc7-topnav{
	opacity:1; animation:strobeweb 2s infinite alternate;
}
#redwebcirc2, #redwebcirc2-topnav{animation-delay:.25s}
#redwebcirc3, #redwebcirc3-topnav{animation-delay:.5s}
#redwebcirc4, #redwebcirc4-topnav{animation-delay:.75s}
#redwebcirc5, #redwebcirc5-topnav{animation-delay:1s}
#redwebcirc6-topnav{animation-delay:1.25s}
#redwebcirc7-topnav{animation-delay:1.5s}
@keyframes strobeweb{
			0%{opacity:1;}
			10%{opacity:.75;}
			20%{opacity:.5;}
			30%{opacity:.25;}
			40%{opacity:0;}
			50%{opacity:0;}
			60%{opacity:0;}
			70%{opacity:.25;}
			80%{opacity:.5;}
			90%{opacity:.75;}
			100%{opacity:1;}
		}

#redradials, #RADIALS-TOPNAV{opacity:.75; animation:stroberadialweb 2s infinite alternate;}
@keyframes stroberadialweb{
			0%{opacity:.75;}
			100%{opacity:.25;}
		}




/*TOP NAV WEB & WIDOW*/
#centerwidow{position:fixed;top:-100%;z-index:9999999999999999999999;text-align: center; width:100%;}
#TOPNAV-BLACK-WIDOW{
	width:88px;min-height:100px;
/*	position:relative;left:-1px;*/
	transform:rotate(0deg) translateY(-100%); /*WHERE WIDOW SHOULD DESCEND TO translateY(18.60vh)*/
	transform-origin:center center;
	opacity:1;
}

.reignotherside1{animation:reignyamone1 .25s forwards 1; transform-box:fill; transform-origin: 42.216px 114.572px; animation-delay:.5s;-webkit-transform:rotate(-22deg); transform:rotate(-22deg);}
@keyframes reignyamone1{
	0%{-webkit-transform:rotate(-22deg); transform:rotate(-22deg);}
	100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
}
.reignoneside1{animation:reignyamone4 .25s forwards 1; transform-box:fill; transform-origin: 81.0742px 114.5124px; animation-delay:.55s;-webkit-transform:rotate(22deg); transform:rotate(22deg);}
@keyframes reignyamone4{
	0%{-webkit-transform:rotate(22deg); transform:rotate(22deg);}
	100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
}

/*widow descent*/
/*declaration for id redwebtravel*/

/*-------------start corner widow--------------*/
/*#cornerwidowweb animation when BTN-CLOSE-TOPNAV is clicked*/
#centercornerweb{display:flex; justify-content: center; width:50px; height:94vh; position:fixed; top:-94vh; right:15px; 
	z-index: 1;}
#cornerwidowweb{
	width:1px; height:94vh; 
	background-color:red;
}
.cornerwidowweb{animation:droppin 1.95s 1 forwards ease;}
@keyframes droppin{
	0%{transform:translate(0,-94vh)}
	50%{transform:translate(0,94vh)}
	100%{transform:translate(0,-94vh)}
}

/*#black-widow animation when BTN-CLOSE-TOPNAV is clicked*/
.black-widow{bottom:125%;animation:downthespout 1s 1 forwards;}
@keyframes downthespout{
	0%{bottom:125%}
	100%{bottom:5px}
}
/*#coneside1 animation when BTN-CLOSE-TOPNAV is clicked*/
.coneside1{animation:reigncone1 .5s 1 forwards; transform-box:fill; transform-origin: 40.1826px 84.5702px; -webkit-transform:rotate(22deg); transform:rotate(22deg);animation-delay:1s;}
/*#cotherside1 animation when BTN-CLOSE-TOPNAV is clicked*/
.cotherside1{animation:reigncone4 .5s 1 forwards; transform-box:fill; transform-origin: 79.037px 84.5743px; -webkit-transform:rotate(-22deg); transform:rotate(-22deg);animation-delay:1s;}

@keyframes reigncone1{
	0%{-webkit-transform:rotate(-22deg); transform:rotate(-22deg);}
	100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
}
@keyframes reigncone4{
	0%{-webkit-transform:rotate(22deg); transform:rotate(22deg);}
	100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
}

/*-------------end corner widow--------------*/
.jawdrop{
	width:2px; height:25vh; 
	background-color:red; 
	position:fixed; 
	top:0; left:50%; 
	transform:translate(-50%,-100%); 
	animation:jawdroppin .15s 1 forwards;
	z-index: 999999;
}

@keyframes jawdroppin{
	0%{transform:translate(-50%,-100%)}
	100%{transform:translate(-50%,0)}
}
.redwebup{animation:redwebup .25s 1 forwards !important;}
@keyframes redwebup{
	0%{transform:translate(-50%,0)}
	100%{transform:translate(-50%,-100%)}
}
.dropwidow {animation: reigndown .2s 1 forwards; transform:translate(0,-100%);}
@keyframes reigndown{
	0%{transform:translate(0,-100%);}
	100%{transform:translate(0,112vh);}
}
.liftwidow {animation: widowascension .75s 1 forwards !important; transform:translate(0,112vh);}
@keyframes widowascension{
	0%{transform:translate(0,112vh);}
	100%{transform:translate(0,-100%);}
}
.appearance{opacity:0; animation:appearance .5s 1 forwards; animation-delay:1.5s;}
@keyframes appearance{
	0%{opacity:0;}
	100%{opacity:1;}
}
.letmeseethemenu{opacity:0; animation:topnavwebmenu 1s 1 forwards;animation-delay:1s;}
@keyframes topnavwebmenu{
	0%{opacity:0;}
	100%{opacity:.96;}
}
#TOPNAVNET{transform:scale(0,0);}

.descendweb{transform:scale(0,0);animation:descendingweb .19s 1 forwards; animation-delay: .75s;transform-origin:center center;}
@keyframes descendingweb{
	0%{transform:scale(0,0);}
	100%{transform:scale(1,1);}
}
.topnavst3,.topnavst6{transform:scale(0,0);animation:spiralout .19s 1 forwards; animation-delay: 2.25s;transform-origin:49.9% 42.5%;}
@keyframes spiralout{
	0%{transform:scale(0,0);}
	100%{transform:scale(1,1);}
}

/*TOP NAV CLOSE BUTTON ANIMATIONS*/
#spinmeround{cursor:pointer;animation: wheel 5s infinite linear; transform-box:fill; transform-origin:59.9027px 175.9171px;}
@keyframes wheel{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}

@keyframes wheelin{
	0%{transform:rotateY(0deg)}
	100%{transform:rotateY(360deg)}
}

/*menu in top nav web added class*/
#caughtinaweb,.ghosttopnotch{display:none;}
.caughtinaweb {transform:scale(0,0); opacity:0;animation:gotemsix 1s 1 forwards; position:fixed; top: 24vh; z-index: 999999999999999;}
.caughtinaweb ul {margin-left:-2rem !important;}
.caughtinaweb ul li {margin:1.5em 1.5em !important;}
.caughtinaweb ul li:nth-of-type(3){margin-right:9rem !important;}

@keyframes gotemsix{
	0%{transform:scale(0,0);opacity:0;}
	50%{transform:scale(0,0); color:black;}
	100%{transform:scale(1,1); color:white;opacity:1;}
}
/*climbing weaving*/
.otherside2{animation:yamone3 .5s infinite; transform-box:fill; transform-origin: 47.7785px 96.7113px; animation-delay:1s;}
@keyframes yamone3{
	0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	25%{-webkit-transform:rotate(-30deg); transform:rotate(-30deg);}
	30%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
}
.otherside1{animation:yamone1 .75s infinite; transform-box:fill; transform-origin: 42.216px 114.572px;}
@keyframes yamone1{
	0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	25%{-webkit-transform:rotate(-22deg); transform:rotate(-22deg);}
	30%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
}
.oneside1{animation:yamone4 .5s infinite; transform-box:fill; transform-origin: 81.0742px 114.5124px; animation-delay:.5s;}
@keyframes yamone4{
	0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	25%{-webkit-transform:rotate(22deg); transform:rotate(22deg);}
	30%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
}
.oneside2{animation:yamone2 .75s infinite; transform-box:fill; transform-origin:75.5028px 96.7122px ;}
@keyframes yamone2{
	0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	25%{-webkit-transform:rotate(30deg); transform:rotate(30deg);}
	30%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
}
.blackwhole{transform:scale(1,1);animation:bwhole .25s 1 forwards; /*animation-delay: .75s;*/transform-origin:center center;}
@keyframes bwhole{
	0%{transform:scale(1,1);}
	100%{transform:scale(0,0);}
}
.recycle{transform:scale(1,1);animation:bwhole 1s 1 forwards; /*animation-delay: .75s;*/transform-origin:center center;}
@keyframes bwhole{
	0%{transform:scale(1,1);}
	100%{transform:scale(0,0);}
}

/*end of top nav*/
#rockstar-experience{overflow-x:hidden;}
.rsxh3s{position:relative;}
#spend{transform:translate(0,0); animation:25s spend infinite forwards ease;}
.rsxh3s h3{position:absolute; left:0; top:-30px; text-align:center; width:100%; transform:translate(100%,0);animation:25s slideitin infinite forwards ease-out; opacity:1;}
#get{animation-delay:5s;}
#own{animation-delay:10s;}
#meet{animation-delay:15s;}
#visit{animation-delay:20s;}

@keyframes spend{
	0%{opacity:1;}
	18%{opacity:1;}
	20%{opacity:0;}
	100%{opacity:0;}
}
@keyframes slideitin{
	0%{transform:translate(100%,0);}
	5%{transform:translate(0,0); opacity:1;}
	15%{transform:translate(0,0); opacity:1;}
	25%{transform:translate(-100%,0); opacity:0}
	100%{opacity:0;transform:translate(0,0);}
}

@keyframes speedleft {
	0%{transform:translate(100%)}
}

@keyframes openair{
	0%{opacity:1}
	50%{opacity:1}
	100%{opacity:0;}
}
/*marquees*/
/* Makes the animation pause on hover */
        .moving-text:hover,.moving-text2:hover,.moving-text-live:hover,.moving-text-404:hover{animation-play-state: paused;}
 
        /* The animation */
        @keyframes marquee{
            0%{transform: translateX(100%);}
            100%{transform: translateX(-240%);}
        }
 		@keyframes marquee2{
			0%{transform: translateX(100%);visibility: hidden;}
			49.9999999999999999%{visibility:hidden;}
            50%{visibility: visible;}
            100%{transform: translateX(-240%);visibility: visible;}
        }
		@keyframes marquee3{
			0%{transform: translateX(100%);}
            100%{transform: translateX(-300%);}
        }
        @keyframes marquee4{
			0%{transform: translateX(100%);}
            100%{transform: translateX(-100%);}
        }
 
        /* media query to enable animation for only those who want it */
        @media (prefers-reduced-motion: no-preference) {
            .moving-text{animation: marquee 30s linear infinite;}
			.moving-text2{animation: marquee2 30s linear infinite;}
			.moving-text2{animation-delay:15s;}
			.moving-text-live{animation: marquee3 44s linear infinite;}
            .moving-text-404{animation: marquee4 15s linear infinite;}
	}

		/*keyframes for portrait mode in media queries*/
		@keyframes marquee-portrait-query{
			0%{transform: translateX(100%);}
            100%{transform: translateX(-430%);}
        }
 		@keyframes marquee2-portrait-query{
			0%{transform: translateX(100%);visibility: hidden;}
			49.9999999999999999%{visibility:hidden;}
            50%{visibility: visible;}
            100%{transform: translateX(-430%);visibility: visible;}
        }
		@keyframes marquee3-portrait-query{
            0%{transform: translateX(100%);}
            100%{transform: translateX(-1100%);}
        }
        @keyframes marquee4-portrait-query{
            0%{transform: translateX(100%);}
            100%{transform: translateX(-150%);}
        }

		/*------------------------------LANDSCAPE ANIMATIONS--------------------------------*/
		@keyframes reigndown-landscape-query{
			0%{transform:translate(0,-100%);}
			100%{transform:translate(0,90vh);}
		}
		@keyframes widowascension-landscape-query{
			0%{transform:translate(0,90vh);}
			100%{transform:translate(0,-100%);}
		}
		@keyframes droppin-landscape-query{
			0%{transform:translate(0,-94vh)}
			50%{transform:translate(0,76vh)}
			100%{transform:translate(0,-94vh)}
		}
		
		/* marquee animations */
        @keyframes marquee-landscape-query{
            0%{transform: translateX(100%);}
            100%{transform: translateX(-260%);}
        }
 		@keyframes marquee2-landscape-query{
			0%{transform: translateX(100%);visibility: hidden;}
			49.9999999999999999%{visibility:hidden;}
            50%{visibility: visible;}
            100%{transform: translateX(-260%);visibility: visible;}
        }
		@keyframes marquee3-landscape-query{
            0%{transform: translateX(100%);}
            100%{transform: translateX(-700%);}
        }
        @keyframes marquee4-landscape-query{
            0%{transform: translateX(100%);}
            100%{transform: translateX(-120%);}
        }

#marqueeimage img {position: absolute; bottom: -10px;}
@keyframes newslinkglow{
	0%{color:red;}
	50%{color:#C44308;}
	100%{color:red;}
}
/*band page animation keyframes*/
@keyframes hornwave{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(-10deg);}
}
@keyframes foottap{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(18deg);}
}
@keyframes windtoss{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(-.25deg);}
    75%{transform:rotate(1.25deg);}
    100%{transform:rotate(0deg);}
}
@keyframes blinkeyes{
    0%{opacity:1;}
    50%{opacity:1;}
    51%{opacity:0;}
    52%{opacity:0;}
    53%{opacity:1;}
    100%{opacity:1;}
}
@keyframes flexarms{
    0%{transform:rotate(0deg);}
    85%{transform:rotate(7deg);}
    100%{transform:rotate(7deg);}
}
@keyframes flexarmcounter{
    0%{transform:rotate(0deg);}
    85%{transform:rotate(-7deg);}
    100%{transform:rotate(-7deg);}
}
@keyframes patrickvibes{
    0%{transform:scale(1,1);}
    100%{transform:scale(.8,.8);}
}
@keyframes chesticles{
    0%{transform:translate(0,0);}
    25%{transform:translate(0,0);}
    80%{transform:translate(0,0);}
    85%{transform:translate(0,-9px);}
    90%{transform:translate(0,0);}
    95%{transform:translate(0,-9px);}
    100%{transform:translate(0,0);}
}

/* @@@@@@@@@@@@@@@@@@@///// @MEDIA QUERIES - MOBILE STYLES /////@@@@@@@@@@@@@@@@@ */

/*MOZ*/
@-moz-document url-prefix(){
    button.listen {top:0;}
	button.buy {top:0;}
	.listen-buy{margin-top:-5px}
		.track {position: relative;top: 2px;}
	/*#cornerwidowweb{right: 2.775vw; animation-duration:2.00095s;}	*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
   #cornerwidowweb{/*right: 2.775vw; animation-duration:2.00095s;*/}
}

/* For Mobile Portrait View */
@media screen and (orientation:portrait){

.neon {height:66% !important; border-bottom:2px red solid !important; background-position:center center;}
.caughtinaweb{top:6vh !important;}
#REVERB{min-width: 300% !important;}
    #thecrowd{height:100%}#thecrowd > video{transform:translateY(100%);min-height:100vh;}.header-band{border-bottom:2px red solid !important;}#lita-bio{padding:0 0 3em 0;}#lita-bio-container {display:block;}.bio-left{max-height:50vh;background-position:center top !important;background-size:contain !important;}.unfolded-content .folding-content{display:block;}.bandpic{max-width:100%;margin-top:2.5em;text-align:center;}.bandpic img{margin-top:10px;max-height:50vh;}.bandbio{padding:2em 2em 3em;}#BANDMEMBERSVG{margin-top:0rem;}
        #band-member-center h1 {padding-top: .25em;}#band-members {border-top: 2px solid darkred;}
        .moving-text{animation-name:marquee-portrait-query}
        .moving-text2{animation-name:marquee2-portrait-query}
        .moving-text-live{animation-name:marquee3-portrait-query}
        .moving-text-404{animation-name:marquee4-portrait-query}
}

@media screen 
	and (max-width: 767px) 
    and (orientation: portrait) {
		.fourzerofour{background-image:url("images/lita-ford-404_mobile.jpg"); background-size:cover; overflow-x:hidden; background-repeat: no-repeat;background-color: white !important;}
		#WEB-MENU, #TOPNAVNET, .heronav, #centerwidow, .caughtinaweb, #redwebtravel{display:none !important;}
		#WEB-MENU{position:fixed;top:-100vh;z-index:999999999999999999; overflow-x: hidden;transform:scale(3.5,3.5);left:5px;transition:.5s ease all;}
		nav{display:none;}
		.neon{height:100% !important;}
		#neon-lita-image, #bwbtnmobile, #mobile-bw-btn-container{display:block;}
		
		/*popup for portrait mode*/
		.bigig {height: 70%;min-width:90%; max-width: 90%;margin: 5% auto;}
		
		header>video{display:none;}
		header{overflow: hidden;}
		
		/*MOBILE PORTRAIT SPIDERWEB MENU STYLES*/ 
		#mobile-menu-web{display:block; z-index: 9999999999999999999;position: fixed;margin: auto;width: 100%;height: 81%;transition: .5s ease all;}
		.mobile-menu-web{bottom: -81%;}
		#mobile-menu-web svg{opacity:.9; max-width:100vw; position:fixed; min-height: 100%;}
		#mobile-nav{z-index: 999999999999999999999;bottom:50px;display:block;}
		.lowdownnav{bottom:0;background-color:transparent}
		#mobile-nav ul{display:block;margin-bottom:3.35rem;z-index: 9999999999999999999999999999;}
		#mobile-nav ul li{width:100%; display:block; margin:.1em 0; font-size:1.5rem; text-align: center;}
		#mobile-nav ul li a img{width: 30px;height: 30px;vertical-align: text-top; margin: 0 auto;}
		.move-home{margin-left:15.5px;}
		#neon-lita-image{max-width: 100%; height:auto;margin: auto;}
		
		/*TOUR DATES STYLES*/
		#tourdates{height:auto;}
		.date>img{height:1.1rem;}
		.date{font-size:1.5em;}
	
		.sixty-fourty{display: grid;height: 100%; grid-template-columns:1fr;}
		.fifty-five{height:auto; padding:5% 0 5% 7%;}
		.seallshows a{ font-size: 1.5em;display: inline-flex; align-content: flex-start;}
		.seallshows a svg{width:36px; margin-left: 10px;}
		/*END OF TOUR DATES STYLES*/
		
		/*START OF ROCKSTAR STYLES*/
		.headroom{margin-top:1.75rem !important;}
		#rockstar-experience{background-size: 100%;min-height: 36vh;padding:11% 0 12% 0;border-top: red solid 1px;}
		.floorspace{padding-bottom:6%;}
		.blackfloor{display:none}
		/*END OF ROCKSTAR STYLES*/
		
		/*IG GRID*/
		#instagram{position:relative;padding-bottom:25%;}
		.share-header{display:block;}
		#instagram h1{display:block;margin-right:0;text-align:center;}
		.follow-icons {width:94%; position:absolute; bottom:5%; text-align: center;}
		.square{position: relative;width: 48%; margin: 0 .5% -.5% .5%;}

		/*FACEBOOK & NEWS*/
		.fb-invite{display:grid;}
		.facebook{margin:3em 0 4em -1.1em; width:auto;grid-column: 1 / span 1;grid-row: 1;}
		.fb-dsktop{display: none !important;}
        .fbfeed-phone{display:block !important;}
		.invite{width:auto;padding:0 2em 3em;grid-column: 1 / span 1;grid-row: 2;}
		
		/*BOOKING AND MANAGEMENT*/
		#lita-live-heading{top:2.25rem;}
		#lita-live-heading h1 {font-size: 5vh;}
		#lita-live-heading h1 > svg, #lita-live-heading h1>a svg {margin-top:-1rem}
		#see-tour-schedule, #ontournow{margin:.5em 0;}
		.backstage {transform: none;}
		.seetourhone {transform:translateY(-1.75em);}
		#thecrowd {height: 100vh;margin-top: -2rem;}
		#thecrowd video{object-fit: cover; min-height:120% !important;}
		#thecrowd video[poster]{object-fit:cover !important; height:100vh !important;}
		#bottommarquee{width:100%;}
		#book-mgmt, #adamparsons, summary::-webkit-details-marker {display:none}
	/*	svg#REVERB {min-width:420% !important; left: 0 !important;}*/
		#booking-management {height:80% !important;background-size: cover;background-position: center;}
		#lita-center h1>svg{width:45px; height:45px;}
		#mobile-book-mgmt{display:block;border-bottom:2px solid red;height:auto;}
		#arment{display: block;}
		#mgmtent{display: block;}
		/*----------<<<<<<<detail and summary open and close behaviors>>>>>---*/
		details{max-width: 100%; overflow:hidden;} /* Keep this line to prevent an odd blue outline around the element in Safari. */
		summary {display: block;}
		summary::details-marker {display: none;}
		summary span {position:relative;display:flex;align-items:center;padding-left:1rem;background:darkred;color:#fff; height: 4rem;font-size:1.25rem;justify-content: left; font-family: "Chakra Petch", sans-serif !important;}
		#albummenulisting summary span {position: relative;display: flex;align-items: center;padding-left: 1rem;background: darkred;color: #fff;height: 4rem;font-size: 2.5rem;justify-content: center;font-family: "tex_gyre_pagellaregular", sans-serif !important;}
		summary span:hover {cursor: pointer;}
		summary span::before {
		  content: "►";
		  font-size: 1.25rem;
		  display: flex;
			justify-content: center;
		  align-items: center;
		  margin-right: 0.5rem;
		  transition: rotate 200ms 400ms ease-out;
		}
		div.content {
		  box-sizing: border-box;
/*		  max-width: 500px;*/
		  max-height: 0;
		  overflow: hidden;
		  padding: 0 10px;
		  border: 2px solid transparent;
		  transition: max-height 400ms ease-out, border 0ms 400ms linear;
		}
		.mobile-contact{width:100%;}
		details[open] + div.content {
		  max-height: 800px; /* Set a max-height value enough to show all the content */
		  border-color: #590E0F;
		  transition: max-height 400ms ease-out, border 0ms linear;padding:20px 0;
		}
		details[open] span::before {rotate:90deg;transition:rotate 200ms ease-out;}
		/*----------<<<<<<<detail and summary open and close behaviors>>>>>---*/
		/*----------<<<detail/summary for album listing page>>>---------------*/
		details#albummenulisting[open] + div.content {
			/*max-height: 200vh;
			border-color: #590E0F;
			transition: max-height 400ms ease-out, border 0ms linear;*/
			padding: 0 !important;
			min-width:100%;
			overflow-y:visible;
		  }
		
		ul.allrecords li {
		  min-width: 100% !important;
		  margin: .15em 0;
		}
		
		
		#lita-center{/*top:5%*/}
		.little-lita-guitar	img{height:60vh !important;/*transform:scale(1.35,1.35); transform-origin: top center;*/}
		
		footer{padding-bottom:7em}
		.three-feet {display:block}
		.three-feet ul{margin:1.5em 2em; list-style:none;}
		.three-feet ul li{font-size: 1.25em; text-align: center;}
		
		/*MOBILE MENU BUTTON*/
		#black-widow{display:none;}	
		#mobile-bw-btn-container {
			display: flex;
			justify-content: space-around;
			width:100%;
			height:auto;
			bottom:0;
			padding: 5% 2% 2% 2%;
			position: fixed;
			background: linear-gradient(to bottom, rgba(0,0,0,.6),rgba(0,0,0,.6) 12%,#070707 12%,#070707);
			z-index: 99999999999999;
		}	
		.lita-name,.ford-name{color:#555; font-size:1.25em; font-family: serif;}
		.lita-name{margin-left:0;}
		.leftford {position: relative;left: -12.5px !important;}
		
		#bwbtnmobile{
			width:20vw; 
/*			height:20vh; */
			position:fixed;
			bottom:0;left:50%; 
			transform: translate(-50%, 0); 
			z-index: 99999999999; cursor:pointer;
		}
		#bwbtnmobile svg{max-width:100%; height:100%; margin-left: -2px}
		.bwbtnst0{animation:changeupbw 2.5s infinite ease;}
	
		.mobile-contact a.gothere, .tourpagedivs a{animation: oredo 3s infinite;}

		/* TOUR DATES PAGE - MOBILE PORTRAIT STYLES */
		header{border-bottom:none;}
		#concert-header{border-bottom:none;}
		.concert{background-position: center -13.75vh;}
		#tour-date-list{padding-top:10%}
/*		#marquee{margin-top:-50.5%;}*/
		section{border-bottom:none;}
		footer{border-top:darkred 2px solid;}
		#followup{display:block !important;height:auto;min-height: 40% !important;}
		#followup>div{min-width: 100%; max-width:100%; min-height:52vh !important;margin-bottom:3px;}
		#tourpage-bkg-mgmt {display: none !important;}
		.floorspace.trpgflrspc { bottom: 7% !important;padding-bottom: 0;}
		.moving-text,.moving-text2{font-size:1.25em;}
		#leftmarq {width: 38%; left: 0; bottom: 2em;}
		#rightmarq {width: 38%; right: 0; bottom: 2em;}
		/* The animation */
		
		
		.moving-text-live{animation-duration:30s;}
		
		/*MUSIC PAGE*/
		header.header-discography {background-position: 55% bottom;}
		.flipster--coverflow .flipster__item__content {font-size: 1.75em;}
		input {font-size: .9rem !important; width: 95% !important; padding-left:10px;}
		#album-legacy-headings{grid-template-columns: auto}
		#album-legacy-list,#discography-legacy-list{padding:1em 2em 2em;}
		
		#release-date-heading, #listen-buy-heading{display:none;}
		
		ul li > a.toggle {grid-template-columns: auto !important; padding:2% 2% 3% 2%;gap:0}
		.hardreturn{line-height:1.25em; font-size:.9em;}
		.hardmillennium{font-size:.9em;line-height: 1.25em; padding-bottom:0;}
		.hardlast{font-size:.9em;line-height: 1.25em; padding-bottom:5%;}
		
		.as .as-accordion .as-accordion__title {grid-template-columns:auto;}
		.as-accordion__content ul {padding: 1em 2em 2em;}

		/*popup album clicks*/
		.popalbum .popup-buy .hourglass-spin .album-envelope .album-checkout ol li {float: left;margin: 0 1rem;}
		/*popup album - remove h4 and location*/
		.popalbum .popup-buy .hourglass-spin h4,
		.popalbum .popup-buy .hourglass-spin .recording-loc {display:none;}
		.popalbum .popup-buy .hourglass-spin .platforms{padding-top: 0; justify-content: center;}
		
		.album-title { 
			padding-left: 30px;
			padding-top: 5px;
			grid-column: 1 / span 1;
			text-align: center;
			font-size: 1.25rem;
			padding-right: 2rem;
			line-height: 1em;
  		}
		.album-title img{margin-top:.25em;/*margin-left:.2em;*/margin-left:0;}
		.release-date, .listen-buy{text-align:center; font-size:1rem;line-height:0;}
		.release-date::before {
  			content: "RELEASED : ";
  			font-size: .8em;
  			padding-right: 1em;
  			color: indianred;
		}
	
		ul li>a.toggle:hover .release-date::before	{color: black;}
		
		.song-title img, .listen-buy img {
			  height: 50px;
			  width: auto;
			  max-height: 50px;
			  max-width: 50px;
			  vertical-align: middle;
			margin-left:5px;
		}
		.listen-buy img:nth-of-type(1) {margin-right:10px;margin-top:11px}
/*		.buy img {margin-right:10px;}*/
		
		.listen::after {display:none;}
		.listen::before {
			display: inline;
		  	font-size: 1em;
		  	color: indianred;
		  	opacity: 1;
		  	text-transform: uppercase;
		}
		
		.buy::after {
		  display: inline;
		  font-size: 1em;
		  color: indianred;
		  opacity: 1;
		  text-transform: uppercase;
		}
		
		ul li>a.toggle:hover .listen::before, 
		ul li>a.toggle:hover .buy::after 
		{color: black;}
		
		
		.inner{padding: 0 0 0;}
		.inner ul {padding: 1em 1em 2em; display:block}
		.inner li {display:block;}
		
		/*BUY Popups*/
		.popup-buy {position: absolute;width: 92vw;padding:2em 1.5em;}
		
		.popalbum .popup-buy .hourglass-spin .album-envelope .album-checkout {text-align: center;}
		
		.popalbum .popup-buy .hourglass-spin .album-envelope .album-checkout ol {margin-top: 1rem; display: flex; flex-wrap: wrap; justify-content: center;}

		.hourglass-spin img { width: 80px !important; height: 80px !important;}
		.popup-buy h1{margin-top:.5em; font-size:2.5rem}
		.popup-buy h4 {font-size: 1.1em;}
		.recording-loc{color:#E5C6Cc;font-size:.9em;}
		.album-envelope{grid-template-columns: 100%;}
		.album-checkout img{max-width:100%;min-height: 180px;min-width: 180px;}
		.platforms{padding-top: 1em;gap:1em;}
		.platform-title{min-width: 300px; font-size:1.65rem;border-radius:25px;}
		.buy-album{justify-content:center;}
		.buy-album img{width:36px !important;height:36px !important;}
		.singlelife{display:block;width:100%;text-align:center;}
		/*-----------.albumgrid realignment in portrait mode-----------*/
		.as .as-accordion .as-accordion__title.albumgrid {grid-template-columns: auto !important;}
	
		/*discography404*/
		.recordspin{max-width: 300px !important;height: 300px !important;top: -100px !important;}
		.recordspin.discheight{max-width: 1em !important;height: 1em !important;}
		.seealbumpage{font-size: 1.25rem;padding: .5em 1.25em !important;}
		
		
		/*------*ALBUM PAGES*------*/
		#album-headers{border-bottom:2px darkred solid;}
		.album-header-title{margin-top:7rem;}
		.blockout{display:block;}
		.inner p {font-size: .9em;}
		#cover-cd-vinyl {max-width: 80vw;margin:2em auto;}
		 #cover-cd-vinyl img {max-width: 200px; height: 150px;}
		.topheading{margin-top:3em;}
		.calltoaction{flex-wrap:wrap;}
		.headerplaya{margin-right:0; display:block;justify-content: center;}
		
		#song-legacy-headings {grid-template-columns: auto !important;justify-content: center;}
		#duration-heading, #listen-heading{display:none;}
		
		.headerbuy{margin-top:1em;display:block;justify-content: center;min-width:75%}
		.infocontainer img{display:none;}
		.infocontainer .recording-loc{font-size:.7em;}
		
		ul#songs li>a.toggle {grid-template-columns: auto;}
		.song-title {
			padding-left: 0 !important;
			padding-right: 0;
			padding-top: 30px;
			grid-column: 1 / span 1;
			text-align: center;
			font-size:1.15em;
			width:100%;
		}
		
		li#singleaccord .duration{position:relative;top:-1rem}
		
		.duration{margin-left:0;text-align: center; font-size:1rem; line-height:1rem; margin-top: -15px;}
		.duration::before, .singleduration::before {
			content: "DURATION : ";
			display: inline;
		  	font-size: 1rem;
		  	color: indianred;
		  	opacity: 1;
		  	text-transform: uppercase;
		}
		.singleduration{margin-left:0;text-align: center; font-size:1rem; line-height:1rem; margin-top: -5px;}
		#songs .listen-buy, .songs h2 .listen-buy{text-align: center; margin-left:0; margin-top:20px;}
		#songs .listen-buy::before, .songs h2 .listen-buy::before{
			content: "LISTEN :";
			display: block;
			position:relative;
			top:0;
		  	font-size: 1em;
		  	color: darkgray;
		  	opacity: 1;
		  	text-transform: uppercase;
			text-align:center;
			margin-bottom:10px;
		}
		#songs .song-title img, .songs h2 .song-title img{
			margin-top:12px; 
			left:41.5%; 
			top:.5em;
			margin: 0;
			padding: 0;
		}
		
		#songs audio, .songs h2 audio{margin-top:5px;max-width:95%; margin:auto;}
		
/*		#songs .listen::before{display:none;} ---- next line was ::after on 28 oct 2024*/
		#songs .listen::before, .songs h2 .listen::before{
			display:block;
			width:100%;
			text-align: center;
			content:"PLAY▶: All Track Clips";
			font-size: 1em;
			line-height:1em;
			margin-top:12px;
		  	color: indianred;
		  	opacity: 1;
		  	text-transform: uppercase;
		}
		#songs button.listen, .songs h2 button.listen{width: 100%;text-align: center;}
		#songs .listen-buy img, .songs h2 .listen-buy img{margin-top:5px;}

		ul#songs li>a.toggle:hover .listen-buy::before,
		ul#songs li>a.toggle:hover .listen::before, /*this line was ::after on 28 october 2024*/ 
		ul#songs li>a.toggle:hover .duration::before,
		.songs h2:hover .listen-buy::before,
		.songs h2:hover .listen::before,
		.songs h2:hover .duration::before 
		{color: black;}

		.track-caption{display:block;}
		.track-caption .singlelife{font-size:.6em;text-align: center;margin-bottom:15px;}
		
		#songs .inner{padding:1.25em;}
		.header-recordco{display:block;}
		
		.credit-name{display:block;}
		.performer{color:#E5C6Cc; font-size:.9em; display:block; padding-left:2rem;}
		.performerlast{color:#E5C6Cc; font-size:.9em;}
		  .as .as-accordion__content {padding:2rem 1rem !important;}
		.as .as-accordion__content.voicespace {width:72% !important; padding:2rem !important;}
		
		.playaplaya {min-width:90%;transform: translate(-50%,-50%);}
		.close-player{top:-60px; right:10px;}
		
		/*ricky warwick page*/
		li#singleaccord>a.toggle {padding-bottom: 5% !important;}
		.collabcaption {font-size: .35em !important;}
		.twobuys a { display: block; margin: 10px auto;}
		
		
		/*--------------BAND PAGE--------------*/
		
		#concert-header{height:100% !important}
		.header-band,.concert{background-size:cover; max-width:100%; background-position: center center; border-bottom:none;}
		.header-band{background-image:url("images/lita-ford-band-photo_optimized.jpg");}
		.concert{background-image:url("images/lita-ford-concert-core-play.jpg");}
/*		.header-band video, .concert video{display:block; max-width:100%;}*/
		#lita-bio-container{display:block;}
		.menu-item {
		  display: block;
		  min-width: 100% !important;
		  max-width: 100% !important;
		}
		.menu-item a>img{max-width:100vw;}
		li.menu-item {border-top: 1px solid darkred;}
		.folding-content{padding-top:40px;}
		.moredots{margin-top:10px !important;}
		.menu-item h4{padding-bottom:18px !important;}
		.active-item:hover:after {border-top: 40px solid red !important;}
		
	
		
		#band-center{width:100%}
		#band-center h1{font-size:2.25em;}
		#endorsements{padding:5em .2rem 4em .2rem}
		.flexit span {max-width: 35%; margin: 1.5em 1.25em;}
		/*---------SITEMAP--*/
		 #youarehere .three-column {
			display: block;
			width: 100%;
			text-align: center;
			}
		#sitemapimage{background-image:url("images/lita-ford-arizona-shoot_ford-truck.jpg"); filter: grayscale(100%); background-size:cover; min-height:80vh; background-position: center top}
		#youarehere li:hover{transform: none; }
		#youarehere h3{font-size:2rem}
		#youarehere h4{font-size:1rem}
		#youarehere li{font-size:1.75rem;}
    }
/*END OF MOBILE PORTRAIT*/
/*/////////////////////////----LANDSCAPE MOBILE---------////////////////*/
@media screen and (orientation:landscape){
    #REVERB {min-width: 180%; transform: translate(-50%,-50%);}
    .fourzerofour{background-size:contain;}
}

@media screen 
    and (min-width:600px)
	and (max-width:900px) 
    and (orientation: landscape) {
/*		html{overflow-x:hidden;}*/
    .moving-text{animation-name:marquee-landscape-query}
    .moving-text2{animation-name:marquee2-landscape-query}
    .moving-text-live{animation-name:marquee3-landscape-query}
    .moving-text-404{animation-name:marquee4-landscape-query}
    .dropwidow{animation-name:reigndown-landscape-query}
    .liftwidow{animation-name:windowascension-landscape-query}
    .cornerwidowweb{animation-name:droppin-landscape-query}
		/*popup for external links - lita waving image in circle*/
		.bigig{min-width:90% !important; max-width: 90% !important;}
		.bigig img {max-height: 100%;}
		.redlinecirclespan{width: 115px;height: 115px;position: absolute; left: 2em;top: 1.5em;}
		#cornerwidowweb{right:35.5156239px;}
		.caughtinaweb {top: 21vh !important;}
		#mobile-menu-web{display:none;}
		.next-show-pic img {max-width: 98% !important;}
		.stuckinthemiddle{position:relative; left:15px;}
		.seallshows a{ font-size: 1.5em;display: inline-flex; align-content: flex-start;}
		.seallshows a svg{width:36px; margin-left: 10px;}
		
		.invite {width: auto; padding: 0 9.5% 0 4%}
		.fb-dsktop{display: none !important;}
        .fbfeed-phone{display:block !important;}
		.invite p{margin-top:1em; font-size:1.4em}
		
		/*-------booking and managment + lita live landscape styles----*/
		#lita-live-heading{top: 1.5rem;}
		#lita-live-heading h1 {font-size: 9vh;}
		#lita-live-heading h1 > svg, #lita-live-heading h1>a svg {width: 12vh; height: 12vh;margin: 0 .25em -.35em .25em;}
		#see-tour-schedule, #ontournow{margin:.5em 0;}
		.seetourhone{transform: translateY(-1.5em);}
		#booking-management{min-height:130vh !important;}
		.contact h1{font-size: 1.35rem;}
		.little-lita-guitar img{height: 90vh;max-height: 90vh;}
		.contact a.gothere, .tourpagedivs a, .threetimes a.gothere{margin-bottom:3px; animation: oredo 3s infinite;}
		
		/*TOUR DATES*/
		#concert-header{height:165%; border-bottom:none;}
		
/*		section{border-bottom:none;}*/
		footer{border-top:darkred 2px solid;}
		.moving-text,.moving-text2{font-size:1.5em;}
		.moving-text-404{animation-duration:15s;}
		#followup{min-height:120vh;}
		#leftmarq {width:36%;left: 1em; bottom:27vh;}
		#rightmarq {width: 30%;right: 4.5em; bottom:27vh;}
		.tourpagedivs{transform:scale(.8,.8);}
		.trpg-arm{margin-bottom:-1.5em !important;}
		#tourpage-bkg-mgmt{padding:2% 0 !important;}
		#followup #rockstar-experience{overflow-x: hidden; overflow-y: hidden}
		/*MUSIC PAGE*/
		.blockout{display:block;}
		.flipster--coverflow .flipster__item__content {font-size: 1.75em;}
		#album-legacy-list {padding: 1em 7em 2em 7em;}
		#discography-legacy-list {padding: 1em 4.5em 2em 3em;}
		#album-legacy-list .inner ul{padding:0 0 0 0}
		
		.album-title {padding-left: 15%; font-size:1.1rem;}
		.release-date {font-size:1.1rem;}
		.album-title img{ width: 36px; top: 5px;}
		.danceroom{padding-bottom:3%;}
		.moshpit{padding-bottom:5%;}
		
		ul li>a.toggle:hover .listen-buy::after, 
		ul li>a.toggle:hover .listen::after, 
		ul li>a.toggle:hover .buy::after 
		{display:block;opacity:1;}
        /* ONLY appears when hovering over individual listen buy buttons
        		ul li>a.toggle:hover .listen-buy::after, 
        		ul li>a.toggle:hover .listen::after, 
        		ul li>a.toggle:hover .buy::after 
        		{display:block;opacity:1;}
        */
				/*POPUPS*/
					.hourglass-spin {top:-35px;}
					.hourglass-spin img {width: 50px !important;height: 50px !important;}
					.popup-buy{width:90%; padding:.5em 2em}
					.album-checkout {text-align:right; padding-right:1.5em;}
					.album-checkout img{max-width:100%;width: 108px;height: 108px;}
					.popup-buy h1{margin-top:0;}
					.platforms{gap:.5em;}
					.lita-online-copyright{margin-top:30px;}
		
		.popalbum .popup-buy .hourglass-spin h4, 
		.popalbum .popup-buy .hourglass-spin .recording-loc{
			display:none;
		}
		.album-envelope{grid-template-columns: 30% 1fr;}
		.album-envelope .album-checkout ol{margin-left:0;}
		.album-envelope .album-checkout ol li{/*display:inline*/font-size:.88rem; float:left; margin-right:1.5rem !important;}
		.platforms a img{height:25px !important;}
		.album-envelope .album-checkout img{width:12.88vw !important;height:12.88vw !important;}
		.left{text-align: left !important;}
		.popalbum .popup-buy .hourglass-spin .platforms {
			display: inline-grid;
			grid-template-columns: auto auto;
		}
		.coverart img{width:12vw !important; height:12vw !important; }
		
		/*ALBUM PAGES*/
		
		#song-legacy-headings {grid-template-columns: auto;justify-content: center;}
		#duration-heading, #listen-heading{display:none;}
/*
		.song-title { 
			padding-left:70px;
			padding-right:0; 
			padding-top:5px;
			grid-column: 1 / span 1; 
			text-align: left;
			font-size:1.5em;
  		}
*/
		
		.song-title { 
			padding-left:0;
			padding-right:0; 
			padding-top:5px;
			grid-column: 1 / span 1; 
			text-align: center;
			font-size:1.15em;
  		}
		ul#songs li>a.toggle {grid-template-columns: auto;}
		section.songs> h2 {
			grid-template-columns: auto !important;
			text-align: center;
		}
		
		.close-player {position: fixed; margin-left:-1em;}
.playaplaya {position: fixed;left: 50%;top: 0;transform: translate(-50%,25%);
  z-index: 9999;height: auto;}
.embeddedalbum {background: black;border: 2px solid red;padding: 1%;
  margin: auto;min-width: 70vw;height: 250px;}
  .embeddedalbum iframe{height:250px;overflow-y:scroll;}
/*
		.song-title {
			padding-left: 50px;
			padding-right: 50px;
			padding-top: 1em;
			grid-column: 1 / span 1;
			text-align: center;
			font-size: 1.75em;
			line-height: .35em;
		}
		
		.duration{text-align: center;}
		.duration::before {
			content: "DURATION : ";
			display: inline;
		  	font-size: 1em;
		  	color: indianred;
		  	opacity: 1;
		  	text-transform: uppercase;
		}
*/
		#songs .listen-buy{text-align: center; margin-left:20px; margin-top:0;}
		#songs .listen-buy::before{
			content: "LISTEN :";
			display: block;
			position:relative;
			top:0;
		  	font-size: 1em;
		  	color: darkgray;
		  	opacity: 1;
		  	text-transform: uppercase;
			text-align:center;
		}
		#songs .song-title img{margin-top:12px;margin-left: 25px;}
		#songs audio{margin-top:5px;min-width:90%; margin:auto;}
		
/*		#songs .listen::before{display:none;} ---- next line was ::after on 28 oct 2024*/
		#songs .listen::before{
			display:block;
			width:100%;
			text-align: center;
			content:"PLAY▶: ALL TRACK CLIPS";
			font-size: 1em;
			line-height:1em;
			margin-top:12px;
		  	color: indianred;
		  	opacity: 1;
		  	text-transform: uppercase;
		}
		#songs button.listen{width: 100%;text-align: center;}
		#songs .listen-buy img{margin-top:0;}
		
		
		ul#songs li>a.toggle:hover .listen-buy::before,
		ul#songs li>a.toggle:hover .listen::before, /*this line was ::after on 28 october 2024*/ 
		ul#songs li>a.toggle:hover .duration::before,
		.songs h2:hover .listen-buy::before,
		.songs h2:hover .listen::before,
		.songs h2:hover .duration::before
		{color: black;}
		
		.track-caption{display:block;line-height:1.75em;}
		.track-caption .singlelife{font-size:.6em;text-align: left;margin-bottom:15px;}
		#songs .inner{padding:1.25em;}
		
		#songs .song-title img {
		  height: 55px;
		  max-height: 55px;
		  max-width: 55px;
		}
		#songs .listen-buy img {
		  height: 100px;
		  max-height: 100px;
		  max-width: 100px;
		}
		
		.duration{margin-left:0;text-align: center; font-size:1rem; line-height:1rem; margin-top: -15px;}
		.duration::before, .singleduration::before {
			content: "DURATION : ";
			display: inline;
		  	font-size: 1rem;
		  	color: indianred;
		  	opacity: 1;
		  	text-transform: uppercase;
		}
		.singleduration{margin-left:0;text-align: center; font-size:1rem; line-height:1rem; margin-top: -5px;}
		#songs .listen-buy, .songs h2 .listen-buy{text-align: center; margin-left:0; margin-top:0;}
		#songs .listen-buy::before, .songs h2 .listen-buy::before{
			content: "LISTEN :";
			display: block;
			position:relative;
			top:0;
		  	font-size: .9rem;
		  	color: darkgray;
		  	opacity: 1;
		  	text-transform: uppercase;
			text-align:center;
			margin-bottom:0;
			line-height:1rem
		}
		#songs .song-title img, .songs h2 .song-title img{
			margin-top:12px; 
			left:0; 
			top:.35em;
			margin: 0;
			padding: 0;
		}
		
		#songs audio, .songs h2 audio{margin-top:5px;max-width:95%; margin:auto;}
		
/*		#songs .listen::before{display:none;} ---- next line was ::after on 28 oct 2024*/
		#songs .listen::before, .songs h2 .listen::before{
			display:block;
			width:100%;
			text-align: center;
			content:"PLAY▶: All Track Clips";
			font-size: 1em;
			line-height:1em;
			margin-top:12px;
		  	color: indianred;
		  	opacity: 1;
		  	text-transform: uppercase;
		}
		#songs button.listen, .songs h2 button.listen{width: 100%;text-align: center; top:-10px;}
		#songs .listen-buy img, .songs h2 .listen-buy img{margin-top:0;}
		
		/*discography dropdown*/
		details#albummenulisting[open] + div.content{
		padding: 0 !important;
    	min-width: 100%;
		overflow-y: visible;
		}
		
		ul.allrecords li {
		  min-width: 50% !important;
		  margin: .15em 0;
		}
		
		/*-------BAND PAGE--------*/
		#lita-bio{padding:0 0 3em 0;}#lita-bio-container {display:block;}.bio-left{max-height:80vh;background-position:center top !important;background-size:contain !important;}
		.menu-item {
		  display: inline-block !important;
		  min-width: 33.3333333333333333% !important;
		  max-width: 33.3333333333333333% !important;
		}
		.menu-item a>img{max-width:33.333333333333333vw;}
		.active-item:hover:after {border-top: 40px solid red !important;}
}

/*-------------------iPad LANDSCAPE----------------*/
@media screen 
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation:landscape) {
	    #leftmarq, #rightmarq{bottom:20vh;}
	    .moving-text{animation-name:marquee-landscape-query}
.moving-text2{animation-name:marquee2-landscape-query}
.moving-text-live{animation-name:marquee3-landscape-query}
.moving-text-404{animation-name:marquee4-landscape-query}
    .dropwidow{animation-name:reigndown-landscape-query}
    .liftwidow{animation-name:windowascension-landscape-query}
    .cornerwidowweb{animation-name:droppin-landscape-query}
    .caughtinaweb{top:17vh !important;}
		#followup{height:auto;}
		#followup #rockstar-experience #rsx {
			bottom: 8%;
			transform: scale(1.2,1.2);
		}
 }
	
/*-------------------iPad PORTRAIT----------------*/
/*below was 768px and 1366px - as of 30 october 2024*/

@media screen 
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation:portrait) 
	/*and (-webkit-min-device-pixel-ratio: 1.5)*/ {
   
		/*HEADER*/
		#above{height: 75%; background-position:center center;}
		
		/*TOUR DATES STYLES*/
		.concert {background-position: center 0vh;}
		#tourdates{height:auto;}
		.date>img{height:1.1rem;}
		.date{font-size:1.5em;}
		 .next-show-pic img {height: 100%;max-width: 100%;}
/*		.sixty-fourty{display: grid;height: 100%;grid-template-columns:1fr;}*/
		.fifty-five{height:auto; padding:5% 0 5% 7%;}
		.seallshows a{ font-size: 1.5em;display: inline-flex; align-content: flex-start;}
		.seallshows a svg{width:36px; margin-left: 10px;}
		/*END OF TOUR DATES STYLES*/
		
/*		.headroom{margin:-1.25% 5% .1em 5%}*/
		#rockstar-experience{
			background-size: 100%;
			min-height: 20vh;
			padding:5% 0 5% 0;
		}
		#rockstar-experience video{transform:scale(1.1,1.1);}
		.blackceiling{padding-top:12%;}
		.blackfloor{bottom:4%;}
		
		/*FACEBOOK & NEWS*/
		.fb-invite{display:grid;}
		.facebook{margin:3em 0 4em -1.1em; width:auto;grid-column: 1 / span 1;grid-row: 1;}
		.invite{width:auto;padding:0 2em 3em;grid-column: 1 / span 1;grid-row: 2;}
		.fb-dsktop{display:block !important; margin:auto;}
		.fb-feedphone{display:none !important;}
		
		/*BOOKING AND MANAGEMENT*/
		#lita-center h1 {font-size: 2em;}
		#book-mgmt,#adamparsons{display:none}
		
		/*//////LITA!LIVE!///////*/
		#booking-management{height:100%; background-size:cover;}  
	 /* #booking-management svg#REVERB{ top: -5%; left:-39%; min-width:400%;} */
	  .little-lita-guitar img {height: 60vh !important;}
	  #thecrowd{height:100%;}  
	  #thecrowd > video{transform:translateY(120%); min-height:100%;}
	  #leftmarq, #rightmarq {bottom: 9vh;}
		#rightmarq {right: 4em;}
		
/*----DISPLAY FOR MOZILLA RESPONDS TO BELOW
		  svg#REVERB {
    min-width: 320% !important;
    transform: translate(-30%,-2px);
    top: -2px !important;
    left: -110% !important;
  }
*/
		

		#mobile-book-mgmt{display:block;border-bottom:2px solid red;height:auto;}
		#arment{display: block;}
		#mgmtent{display: block;}
		
		details {
		  max-width: 100%;
		  overflow: hidden; /* Keep this line to prevent an odd blue outline around the element in Safari. */
		}

		summary {display: block;}

		summary::details-marker {display: none;}

		summary span {
		  position: relative;
		  display: flex;
		  align-items: center;
		  padding-left: 1rem;
		  background: darkred;
		  color: #fff;
			font-size: 1.65rem;
		  height: 4rem;
		}

		summary span:hover {cursor: pointer;}
		summary span::before {
		  content: "►";
		  font-size: 1.65rem;
		  display: flex;
			justify-content: center;
		  align-items: center;
		  margin-right: 0.5rem;
		  transition: rotate 200ms 400ms ease-out;
		}

		div.content {
		  box-sizing: border-box;
		min-width:100% !important;
		  max-width: 100%;
		  max-height: 0;
		  overflow: hidden;
		  padding: 0 10px;
		  border: 2px solid transparent;
		  transition: max-height 400ms ease-out, border 0ms 400ms linear;
		}

			.mobile-contact{width:100%;}

		details[open] + div.content {
		  max-height: 800px; /* Set a max-height value enough to show all the content */
		  border-color: #590E0F;
		  transition: max-height 400ms ease-out, border 0ms linear;padding:20px 0;
		}

		details[open] span::before {
		  rotate: 90deg;
		  transition: rotate 200ms ease-out;
		}/*--------LITA!LIVE!----------*/#lita-center img{bottom: 0;}
		.little-lita-guitar	img{height:65vh;/*transform:scale(1.35,1.35); transform-origin: top center;*/}
		
		.mobile-contact a.gothere{animation: oredo 3s infinite;}
		
		/*MOBILE MENU BUTTON*/
		#black-widow{display:none;}	
		#mobile-bw-btn-container {
			display: flex;
			/*remove mobile menu*/			display: none;
			justify-content: space-around;
			width:96%;
			height:auto;
			bottom:0;
			padding: 5% 2% 2% 2%;
			position: fixed;
			background: linear-gradient(to bottom, rgba(0,0,0,.6),rgba(0,0,0,.6) 12%,#070707 12%,#070707);
			z-index: 99999999999999;
		}	
		.lita-name,.ford-name{color:#555; font-size:1.25em; font-family: serif;}
		
		#bwbtnmobile{
			width:20vw; 
			height:20vh; 
			position:fixed;
			bottom:0;
			left:50%; 
			transform: translate(-50%, 30px); 
			z-index: 99999999999; cursor:pointer;
		}
		#bwbtnmobile svg{max-width:100%;height:100%}
		.bwbtnst0{animation:changeupbw 2.5s infinite ease;}
		
		.contact a.gothere{animation: oredo 3s infinite;}
		/*tourdates page*/
		#followup {max-height: 82vh;}
		#followup > div{max-width:100% !important;}
		#followup #rockstar-experience #rsx {bottom: 5%;}
		#tourpage-bkg-mgmt {display: none !important;}
		/*music*/
		.album-title {padding-left: 15%;}
		.inner {padding: 1em 2em 2em;}
		inner ul{padding:0;}
		.listen-buy img {margin-top: .25em;}
		.danceroom {margin-bottom: .25em;}
		/*----------band page------------*/
		.bandpic{max-width:100%;margin-top:2.5em;text-align:center;}.bandpic img{margin-top:10px;max-height:50vh;}
}


/* ----------- iPad iPadOS 14.71 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1080px) 
  and (max-device-height: 810px) 
  /*and (-webkit-min-device-pixel-ratio: 1.5) */
  {
	
	  #booking-management{height:100%; background-size:cover;}  
	  /*#booking-management svg#REVERB{ top: -5%; left:-39%; min-width:180%;}*/ 
	  #thecrowd{height:100%;}  
	  #thecrowd > video{transform:translateY(120%); min-height:100%;}  
	  .threetimes .url{font-size:.8rem;}
	  .threetimes h1{font-size:1.25rem;}
}
@media only screen 
  and (min-device-width: 1080px) 
  and (max-device-height: 810px)
  and (orientation:portrait)
  /*and (-webkit-min-device-pixel-ratio: 1.5) */
  {
        #leftmarq, #rightmarq {bottom: 9vh;}
		#rightmarq {right: 4em;}
}
	
/* ----------- iPad Air OS 14.71 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1180px) 
  and (max-device-height: 820px) 
  /*and (-webkit-min-device-pixel-ratio: 1.5) */
  {
	
	  #booking-management{height:100%; background-size:cover;}  
	  /*#booking-management svg#REVERB{ top: -5%; left:-39%; min-width:180%;}*/ 
	  #thecrowd{height:100%;}  
	  #thecrowd > video{transform:translateY(120%); min-height:100%;}  
}
@media only screen 
  and (min-device-width: 1180px) 
  and (max-device-height: 820px)
  and (orientation:portrait)
  /*and (-webkit-min-device-pixel-ratio: 1.5) */
  {
        #leftmarq, #rightmarq {bottom: 9vh;}
		#rightmarq {right: 4em;}
}
	
/* ----------- iPad Pro 11-inch ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1194px) 
  and (max-device-height: 834px) 
  /*and (-webkit-min-device-pixel-ratio: 1.5) */
  {
	
	  #booking-management{height:100%; background-size:cover;}  
	  /*#booking-management svg#REVERB{ top: -5%; left:-39%; min-width:180%;}*/
	  #thecrowd{height:100%;}  
	  #thecrowd > video{transform:translateY(120%); min-height:130vh;}  
}
	@media only screen 
  and (min-device-width: 1194px) 
  and (max-device-height: 834px)
  and (orientation:portrait)
  /*and (-webkit-min-device-pixel-ratio: 1.5) */
  {
        #leftmarq, #rightmarq {bottom: 9vh;}
		#rightmarq {right: 4em;}
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
/*@media only screen */
/*  and (min-device-width: 1024px) */
/*  and (max-device-height: 1366px) */
/*  and (-webkit-min-device-pixel-ratio: 1.5) */
/*  {*/
/*}*/

/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-height: 1366px) 
  and (orientation: portrait) 
  /*and (-webkit-min-device-pixel-ratio: 1.5)*/ {
	  #above{height:75%;}
	  .slick-prev, .slick-next {margin-top: -15%;}
	  #booking-management{height:62%;}
	   #leftmarq, #rightmarq {bottom: 9vh;}
		#rightmarq {right: 4em;}
		.little-lita-guitar img {height: 45vh;}
/*
	  #mobile-bw-btn-container { display: none;}
	  #mobile-menu-web{display:none;}
*/
	  
	  /*music page*/
	  .header-discography {height: 50% !important;}
	  /*portrait page*/
	  #cover-cd-vinyl img {max-height: 30vh;}
	  #song-legacy-headings{justify-content: space-around;}
	  ul#songs li>a.toggle {grid-template-columns: 43% 8% 45%;}
	  .song-title {padding-left: 12%;}
	  
	   /*TOUR DATES PAGE*/
        #followup {max-height:73vh !important;}
        #followup>div{
        min-width: 100%;
        max-width: 100%;
        max-height: 73vh !important;
        margin-bottom: 3px;
        }
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-height: 1366px) 
  and (orientation: landscape) 
  /*and (-webkit-min-device-pixel-ratio: 1.5) */
  {
		/*#above{height:75%;}*/
	  	.slick-prev, .slick-next {margin-top: -31%;}
	  	#booking-managment{height:70%;}
	  /*music page*/
	  .header-discography {height: 100% !important;}
	  .caughtinaweb{top:24vh !important;}
	  #leftmarq, #rightmarq{bottom:22%;}
	  #followup{height: auto;}
  }

/* ///////////////////LARGE SCREENS//////////////////// */
@media only screen and (min-width: 2560px) {
 	/*#booking-management > svg#REVERB {
		position: absolute;
		top: -5%;
		left: -20%;
		min-width: 140%;
	}*/
}

/* For Mobile Phones Portrait or Landscape View */
@media screen
    and (min-width: 180px)
	and (max-width: 640px) {
		#tourdates{height:auto;}
			.sixty-fourty{
			display: grid;
			height: 100%;
			grid-template-columns:1fr;
		}
		
		.fifty-five{height:auto; padding:5% 0 5% 7%;}
		.seallshows a{font-size:1.5em;}
		.seallshows a svg{width:36px;}
		
		.headroom{margin:-1.25% 5% .1em 5%}
		#rockstar-experience{
			background-size: 100%;
			min-height: 40vh;
			padding:11% 0 12% 0;
		}
		.floorspace{padding-bottom:6%;}
		.blackfloor{display:none}
		
		
		#merch{padding-bottom:12%;}
		  #rockstar-experience {
          background-size: 100%;
          min-height: 40%;
          padding: 15% 0 1% 0;
        }
       .fb-dsktop{display: none !important;}
       .fbfeed-phone{display:block !important; margin:auto; overflow:hidden;}
		.invite{
			width:auto;
			padding:0 2% 3em;
			grid-column: 1 / span 1;
			grid-row: 2;
		}
		.invite p {margin:2em 1em 0}
	}
	
	@media screen
    and (min-width: 180px)
	and (max-width: 640px)
	and (orientation:portrait) {
        .fb-invite{display:grid;}
		.facebook{width: auto;grid-column: 1 / span 1;grid-row: 1;margin: 2em auto;padding-left: 0;}
	}
	@media screen
    and (min-width: 180px)
	and (max-width: 640px)
	and (orientation:landscape) {
	#booking-management{min-height:130vh !important;}
		.threetimes .url{font-size:.8rem;}
	  .threetimes h1{font-size:1.25rem;}
	}
		@media screen
    and (min-device-width: 360px)
	and (max-device-width: 800px)
	and (orientation:landscape) {
	 /*svg#REVERB{top: -33%;left: -56.5%;}*/
	}