@charset "UTF-8";
/* CSS Document */
body {background:url("photos/doodlesfixed.png"), url("photos/papyrus.jpg") top center no-repeat; background-size:auto, cover; cursor: url('photos/pencil.png'),auto;font-family: "salted";}
a { cursor: url('photos/pencil.png'),auto;}


div.header a {text-decoration: none; font-size: 40px; color: #4c494a;}
a.contact:hover {background: url("photos/contactcircle.png")no-repeat; background-size: 100%;}
a.merch:hover {background: url("photos/merchcircle.png") no-repeat; background-size: 95%;}
a.music:hover {background: url("photos/musiccircle.png")no-repeat; background-size: 100%;}
a.tour:hover {background: url("photos/musiccircle.png")no-repeat; background-size: 100%;}
a.logo {align-content: center;}

div.header div.col-2 a {display:block;}
div#mySidenav {display:none;}

div#main span {display:none;} 

a.polo {background:url("photos/stickynotent.png") top center no-repeat;font-size: 65px; font-family: "salted"; display:block; width:130%; background-size:100%; color: #4c494a; text-decoration: none; text-align: center; padding: 75px 0 250px 0; line-height: 100px;}
a.polo:hover {background: url("photos/stickynotetwo.png") top center no-repeat;background-size:100%;}
div.home div.row {background:url("photos/polaroids.png")top center no-repeat; padding: 0px 70px 80px 0;}

/*music page*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div.polaroid {background:#f2f2f2;box-shadow: -22px 19px 12px -17px rgba(0,0,0,0.55); padding:20px 20px 20px 20px;}

div.thisolddog {rotate: -5deg; }
div.onemorelovesong {rotate: 5deg;}
div.onthelevel {rotate: -5deg;}
div.forthefirsttime {rotate: 5deg;}
div.mykindofwoman {rotate: -5deg;}
div.anotherone {rotate: 5deg;}
p.mvs{text-decoration: none; font-size: 18px; font-family: "salted";color: #4c494a;text-align: center;}

/*tour page*/

table.blueTable {
  width: 80%;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border-bottom: 3px solid #f9de16;
  padding: 20px 50px 20px; 
}
table.blueTable tbody td {align-content: center;
  
}
a.tickets{text-align: right;text-decoration: none; font-size: 45px; font-family: "salted";color: #4c494a;font-weight: bold}
a.tickets:hover{background:url("photos/contactcircle.png")no-repeat; background-size: 90%;}
td.date{text-align: left;text-decoration: none; font-size: 25px; font-family: "salted";color: #4c494a;}
td.location{text-align: center;text-decoration: none; font-size: 25px; font-family: "salted";color: #4c494a;}
td.arena{text-align: center;text-decoration: none; font-size: 25px; font-family: "salted";color: #4c494a;}

/*merch page*/
h1.cardheader{font-size: 25px;}
a.cart {width: 5%;}



/*error page*/
a.poloerror {background:url("photos/stickynotent.png") top center no-repeat;font-size: 40px; font-family: "salted";rotate: -5deg; display:block; width:130%; background-size:50%; color: #4c494a; text-decoration: none; text-align: center; padding: 110px 0px 300px 0; line-height: 65px; margin-top: 100px; margin-left: 80px;}
a.poloerror:hover {background: url("photos/stickynotetwo.png") top center no-repeat;background-size:50%;}
img.mac{}
img.machh{display: none; }

	.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #d9d6cf;opacity: 70%;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {font-family: "salted";
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 40px;
  color: #4c494a;
  display: block;
  transition: 0.3s;
}

.sidenav a.contactmobile:hover {background: url("photos/contactcircle.png")no-repeat; background-size: 65%;}
a.merchmobile:hover {background: url("photos/merchcircle.png") no-repeat; background-size: 50%;}
a.musicmobile:hover {background: url("photos/musiccircle.png")no-repeat; background-size: 50%;}
a.tourmobile:hover {background: url("photos/musiccircle.png")no-repeat; background-size: 50%;}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}



/*ipad one*/
@media only screen and (max-width: 800px) {div.header a {font-size: 30px;}

	a.polo {background:url("photos/stickynotent.png") top right no-repeat;font-size: 60px; font-family: "salted"; display:block; width:100%; background-size:50%; color: #4c494a; text-decoration: none; text-align: center; padding: 75px 0 250px 0;}
a.polo:hover {background: url("photos/stickynotetwo.png") top center no-repeat;background-size:100%;}
	
	/*tour*/
	table.blueTable {
  width: 50%;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border-bottom: 3px solid #f9de16;
  padding: 15px 15px 15px; 
}
	table.blueTable tbody td {align-content: center;}
	
	a.tickets{text-align: right;text-decoration: none; font-size: 22px; font-family: "salted";color: #4c494a;font-weight: bold}
a.tickets:hover{background:url("photos/contactcircle.png")no-repeat; background-size: 90%;}
td.date{text-align: left;text-decoration: none; font-size: 17px; font-family: "salted";color: #4c494a;}
td.location{text-align: center;text-decoration: none; font-size: 17px; font-family: "salted";color: #4c494a;}
td.arena{text-align: center;text-decoration: none; font-size: 17px; font-family: "salted";color: #4c494a;}


/*error*/
		a.poloerror {display:none;}
	img.machh { display: inline;}
	img.mac{display: none;}



} 



/*phone*/
@media only screen and (max-width: 600px) {
	.sidenav a.contactmobile:focus {background: url("photos/contactcircle.png")no-repeat; background-size: 70%;}
a.merchmobile:focus {background: url("photos/merchcircle.png") no-repeat; background-size: 65%;}
a.musicmobile:focus {background: url("photos/musiccircle.png")no-repeat; background-size: 70%;}
	a.tourmobile:focus {background: url("photos/musiccircle.png")no-repeat; background-size: 70%;} 

	
	div.header div.col-2-sm a {display:none;}
div#mySidenav {display:block;} div#main span {display:block;}

	
	div.header a {font-size: 30px;}
	a.polo {background:url("photos/stickynotent.png") top center no-repeat;font-size: 60px; font-family: "salted"; display:block; width:80%; background-size:90%; text-decoration: none; text-align: center; padding: 75px 0 250px 0;}
	.polo:hover {background: url("photos/stickynotetwo.png") top center no-repeat;background-size:80%; width:80%;}
	.polo:focus {background: url("photos/stickynotetwo.png") top center no-repeat;background-size:80%;}
div.home div.row {background:url("photos/polaroids.png")top center no-repeat; padding: 0px 70px 0px 0;}
	  
	/*tour*/
	table.blueTable {
  width: 50%;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border-bottom: 3px solid #f9de16;
  padding: 15px 15px 15px; 
}
	table.blueTable tbody td {align-content: center;}
	
	a.tickets{text-align: right;text-decoration: none; font-size: 22px; font-family: "salted";color: #4c494a;font-weight: bold}
a.tickets:hover{background:url("photos/contactcircle.png")no-repeat; background-size: 90%;}
td.date{text-align: left;text-decoration: none; font-size: 17px; font-family: "salted";color: #4c494a;}
td.location{text-align: center;text-decoration: none; font-size: 17px; font-family: "salted";color: #4c494a;}
td.arena{text-align: center;text-decoration: none; font-size: 17px; font-family: "salted";color: #4c494a;}
	
	
	/*music*/
	p.mvs{text-decoration: none; font-size: 12px; font-family: "salted";color: #4c494a;text-align: center;}
	
	
	/*error*/
	a.poloerror {display:none;}
	img.machh { display: inline; width: 120%}
	img.mac{display: none;}

  }

@media only screen and (max-width: 480px) {
	
	a.polo {font-size: 30px; }
	
	
}



