/*

Theme Name: Hamid Shavarean
Theme URI: https://www.hamidshavarean.com/
Author: Hamid Shavarean
Version: 4.11

*/

@import 'normalize.css';


/* Fonts */

@font-face {
	font-family: 'Mori';
	src: url('fonts/PPMoriExtralight.woff2') format('woff2'),
		 url('fonts/PPMoriExtralight.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Mori';
	src: url('fonts/PPMoriExtralightItalic.woff2') format('woff2'),
		 url('fonts/PPMoriExtralightItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Mori';
	src: url('fonts/PPMoriRegular.woff2') format('woff2'),
		 url('fonts/PPMoriRegular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Mori';
	src: url('fonts/PPMoriRegularItalic.woff2') format('woff2'),
		 url('fonts/PPMoriRegularItalic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Mori';
	src: url('fonts/PPMoriSemiBold.woff2') format('woff2'),
		 url('fonts/PPMoriSemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Mori';
	src: url('fonts/PPMoriSemiBoldItalic.woff2') format('woff2'),
		 url('fonts/PPMoriSemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}

:root {
  --first: rgb(15,15,15);
  --second: rgb(243,243,243);
}

html, body {
  height:100%;
}

/* Body */
body {
  cursor:default;
  background:var(--first);
  color:var(--second);
  margin:0;
  padding:0;
  overflow-x:hidden;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  font-family: 'Mori', sans-serif;
  font-weight:400;
  width:100%;
  height:100%;
}

::selection {
  color:var(--first);
  background:var(--second);
/* Safari */
}

::-moz-selection {
  color:var(--second);
  background:var(--first);
/* Firefox */
}

b, strong {
  font-weight:600;
}

p {
  line-height:1.5rem;
}

a {
  color:var(--first);
  text-decoration:none;
}


.container {
  display:block;
  width:100%;
}

.wrapper {
  display:block;
  width:100%;
  max-width:800px;
  padding:0 0 2rem 0;
  margin:0 auto;
}

.damahi svg {
	display:block;
	width:15rem;
	height:auto;
	margin:2rem auto 0 auto;
	fill:var(--second);
}

.europe-tour svg {
	display:block;
	width:25rem;
	height:auto;
	margin:1rem auto 0 auto;
	fill:var(--second);
}

@media (max-width: 750px) {
.damahi svg {
	width:10rem;
}

.europe-tour svg {
	width:15rem;
}
	
}

.damahi-lp {
  width:100%;
  height:600px;
  background-image:url('damahi-lp.jpg');
  background-position:top center;
  background-repeat:no-repeat;
  background-size:cover;
  transition:height .3s ease-in-out;
}

@media (max-width: 765px) {
.damahi-lp {
  height:500px;
}
}

@media (max-width: 650px) {
.damahi-lp {
  height:400px;
}
}

@media (max-width: 520px) {
.damahi-lp {
  height:300px;
}
}


/* TOUR */
.tour {
	display:flex;
	flex-direction: column;
	gap:1rem;
	width:calc(100% - 4rem);
	margin: 0 auto;
}

.tour .event {
	display:grid;
	grid-template-columns: 100px 1fr 1fr;
	justify-content: center;
	width:100%;
	gap:1rem;
	border-bottom:1px solid #202020;
	padding-bottom:1rem;
}

.tour .event .city {
	line-height:1.2rem;
}

.tour .event .date {
	font-weight:600;
}

.tour .event .venue {
	display:block;
	font-size:.8rem;
	margin-top:.5rem;
	line-height:1.15rem;
}

.tour .event .feat {
	display:block;
	font-size:.9rem;
	margin-top:.5rem;
}

.tour .event .details span {
	display:block;
}

.tour .event .ticket {
	
}

.tour .event .ticket a span {
	color:var(--second);
}

.tour .event .ticket span {
	display:block;
	width:max-content;
	border:1px solid var(--second);
	padding:.6rem 1rem .5rem 1rem;
	border-radius:.5rem;
	float:right;
	font-size:.9rem;
	text-transform:uppercase;
	font-weight:600;
}

.tour .event .ticket a:hover span {
	background-color:#474747;
	border:1px solid #474747;
}

.tour .event .ticket span.disabled {
	color:#474747;
	border:1px solid #474747;
	cursor: not-allowed;
}

@media (max-width: 650px) {
.tour .event {
	grid-template-columns: 50px 1fr 90px;
	font-size:.9rem;
}

.tour .event .ticket span {
	font-size:.8rem;
}
}

.logos {
	margin-top:1rem;
	padding:0 2rem;
}

.logos img {
	display:block;
	width:100%;
	max-width:650px;
	height:auto;
	margin:0 auto;
}

.cttw {
	display:flex;
	margin:2rem 0;
	justify-content: center;
	align-items: center;
}

.cttw a span {
	color:var(--second);
}

.cttw span {
	display:block;
	width:max-content;
	border:1px solid var(--second);
	padding:.6rem 1rem .5rem 1rem;
	border-radius:.5rem;
	float:right;
	font-size:1.2rem;
	text-transform:uppercase;
	font-weight:600;
}

.cttw a:hover span {
	background-color:#474747;
	border:1px solid #474747;
}

.copyright span {
	display:block;
	text-align:center;
	font-size:.75rem;
	color:#474747;
	margin-bottom:.5rem;
}

.copyright a {
	text-decoration:underline;
	color:#474747;
}