@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,700|Poppins:100,200,300,400,500,600);



/**********************
GENERAL
*********************/

body {
  margin:0;
  padding:0;
  width: 100%;
  background: radial-gradient(rgba(230,230,230,1) 0%, rgba(223,223,223,1) 45%, rgba(224,222,222,1) 55%, rgba(220,220,220,1) 75%, rgba(179,179,180,1) 100%);
}

#wrapper {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.knockout-text{
    background: url("../images/fonts-bg-gold-sq.jpg") center;
    background-size: cover;
    background-clip:  text;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
    color: #774706;
}

.large-text {
  font-size: larger;
}

.small-text {
  font-size: smaller;
}

/**********************
STRUCTURE
*********************/

#theater-listings-container {
  width: 100%;
  display: table;
}

#theater-row {
  display: table-row;
}

.name-header, .city-header, .state-header {
  display: table-cell;
  text-align: left;
  padding: .2rem;
  border-bottom:2px solid;
  border-color: rgba(24,57,106,0.1);
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-size: 1.5rem;
  line-size: 2rem;
  font-weight: 200;
  color: #474747;
}

.theater-name, .theater-city, .theater-state {
  display: table-cell;
  padding: .2rem;
  text-align: left;
  border-bottom:1px solid;
  border-color: rgba(24,57,106,0.1);
  text-transform: uppercase;
  font-family: 'Poppins','Montserrat', sans-serif;
  font-weight: 200;
  font-size: 1.1rem;
  color: #735937;
}

.listings:hover {
  background: rgba(255,255,255,0.1);
  -moz-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in;
}

#theater-header:hover {
  background-color: none;
}

.name-header, .theater-name {
  width: 40%;
  text-align: left;
}

.city-header, .theater-city {
  width: 40%;
  text-align: left;
}

.state-header, .theater-state {
  width: 20%;
  text-align: left;
}


.dates-listings-header {
  width: 100%;
  color: #001a4d;
  text-align: center;
  margin: 2.5rem 0 2.5rem 0;
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  font-weight: 200;
  text-transform:uppercase;
}


/**********************
SECTIONS - Header
*********************/


#header {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.small-text {
  font-size: smaller;
}

.title {
  width: 100%;
  margin: 1rem auto 2rem;
  padding: 0;
  text-align: center;
}

img.title-graphic {
  max-width: 100%;
  height: auto;
}


h5 {
  margin: 1rem 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 1.5rem;
  line-size: 2rem;
  font-weight: 200;
}


.opening-dates {
  margin: 0 auto;
  text-align: center;
  color: #474747;
  font-size: 1.25rem;
  font-size: 1.25rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}

.header-links {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

ul.header-links-list {
	list-style-type: none;
	padding: 0;
	margin: 2.5rem 0;
}

.header-links-list li{
	display: inline;
	margin: 0 .5rem;
}

.header-links a {
  border: 1px solid #dddddd;
  padding: .5rem;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-size: 1.1rem;
  font-family: 'Poppins', sans-serif;
  background: -webkit-linear-gradient(#fff17c, #774706, #474747);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 300;
}

.header-links a:hover {
  border: 1px solid #735937;
  background: -webkit-linear-gradient(#774706, #474747, #fff17c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in;
}



/**********************
SECTIONS - Footer
*********************/

#footer {
	width: 100%;
	padding: 3rem 0;
	margin: 0 auto;
	text-align: center;
	}

.dates-listings-footer {
  width: 100%;
	text-align: center;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-size: 1.5rem;
  line-size: 2rem;
  font-weight: 200;
  color: #474747;
}

ul.footer-list {
	display: block; 
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.footer-list li {
	list-style-type: none;
	margin: 1.25rem 0;
	text-transform: uppercase;
}

#footer a {
  border: 1px solid #dddddd;
  padding: .5rem;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-size: 1.1rem;
  font-family: 'Poppins', sans-serif;
  background: -webkit-linear-gradient(#fff17c, #774706, #474747);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 300;
	}

#footer a:hover {
  border: 1px solid #735937;
  background: -webkit-linear-gradient(#774706, #474747, #fff17c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in;
	}