/* - - - - - - - - - - - - - - - - - - - -
   SCREENINGS DESKTOP CSS
- - - - - - - - - - - - - - - - - - - - -

CONTENTS:
- desktop media query (style overrides via mobile-first philosophy)

*/

/* CSS for desktop only */
@media all and (min-width: 1000px) 
{

	.mobile  { display: none !important; }
	.desktop { display: -ms-flexbox;display: flex;}


.movie-image
{
  display: block;
  width: 300px;
  height: 450px;
}
/* Share Model button */
a.facebook-sr
{
	display: flex;
	text-decoration: none;
	color:#fff;
	font-family:Arial;
	font-size:16px;
	margin:0px 10px;
	line-height:2.2;
	text-align:center;
	background-color:#3760A0;
	width:260px;
	height:35px;
	border-radius: 3px;
	cursor: pointer;
}
a.facebook-sr:active{
	position:relative;
	top: 2px;
	background-color: #243a5d;
}


a.tw-sr
{
	display: flex;
	text-decoration: none;
	color:#fff;
	font-family:Arial;
	font-size:16px;
	margin:0px 10px;
	line-height:2.2;
	text-align:center;
	background-color:#2BA8E2;
	width:260px;
	height:35px;
	border-radius: 3px;
	cursor: pointer;
}
a.tw-sr:active{
	position:relative;
	top: 2px;
	background-color: #0e87bf;
}


a.inst-sr
{
	display: flex;
	text-decoration: none;
	color:#fff;
	font-family:Arial;
	font-size:16px;
	line-height:2.2;
	text-align:center;
	width:260px;
	height:35px;
	border-radius: 3px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	cursor: pointer;
}
a.inst-sr:active{
	position:relative;
	top: 2px;
	background-color: #1d344c;
}
.sharemodelouter.block {
	display: block;
}
.sharemodelouter.none {
	display: none;
}
.sharemodelouter {
    position: fixed;
	font-family:Arial;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
.sharemodelinner {
    position: absolute;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    overflow:hidden;
    height:515px; 
    max-width:625px;
    width:100%;
}


.share-modal-close2 {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.share-modal-close2:hover,
.share-modal-close2:focus {
  color: #2b2e38;
}

.share-modal-close2:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}
.sharemodelholder{
	display:flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}
.deletemodelouter {
	display:none;
    position: fixed;
	font-family:Arial;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
.deletemodelinner {
    position: absolute;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    overflow:hidden;
    height:375px; 
    max-width:725px;
    width:100%;
    display: flex;
}


.delete-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.delete-modal-close:hover,
.delete-modal-close:focus {
  color: #2b2e38;
}

.delete-modal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}
.deletemodelholder{
	display:flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}


.noseatsmodelouter {
	display:none;
    position: fixed;
	font-family:Arial;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
.noseatsmodelinner {
    position: absolute;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    overflow:hidden;
    height:375px; 
    max-width:725px;
    width:100%;
    display: flex;
}


.noseats-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.noseats-modal-close:hover,
.noseats-modal-close:focus {
  color: #2b2e38;
}

.noseats-modal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}
.noseatsmodelholder{
	display:flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}




.moreseatsmodelouter {
	display:none;
    position: fixed;
	font-family:Arial;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
.moreseatsmodelinner {
    position: absolute;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    overflow:hidden;
    height:375px; 
    max-width:725px;
    width:100%;
    display: flex;
}


.moreseats-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.moreseats-modal-close:hover,
.moreseats-modal-close:focus {
  color: #2b2e38;
}

.moreseats-modal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}
.moreseatsmodelholder{
	display:flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}

	div.main-content-inner
	{
		width: 950px;
	}

	div.main-content-inner.loggedin
	{
		width: 980px;
	}

	div.menu-container
	{
		height: 90px;
		background-image: url(../img/menu-desktop/menu-bg.png);
		background-size: cover;
	}

	div.footer-container
	{
		padding-bottom: 100px;
		background-image: url(../img/footer-desktop/footer-bg.png);
		background-size: cover;
	}

	div.shadow-menu
	{
		height: 90px;
		background-color: rgba(0,0,0,.5);
	}

	img.ff-logo
	{
		padding:20px 50px;
	}

	a.logo-link
	{
		margin-right: 50px;
	}

	a.menu-link
	{
		text-decoration: none;
		padding: 0px 30px;
	}
	p.menu-text
	{
		font-size: 16px;
		color: #fff;
	}

	p.connect-ff
	{
		padding: 20px;
		font-weight: bold;
		font-size: 18px;
		color: #fff;
	}

	p.footer-screen
	{
		color:#fff;
		font-size: 18px;
		font-weight: bold;
		margin: 0px;
	}

	div.footer-tri-column
	{
		margin:40px 0px ;
	}

	.zip-finder-end
	{
		flex-shrink: 3456;
		width: 100px;
	}

	input.input-zip
	{
		height:20px;
		width:320px;
		margin-top: 15px;
	}

	.zip-search
	{
		color:#52c2f0;
		cursor: pointer;
		align-self: flex-end;
		font-weight: bold;
		margin: .5em 0;
	}

	.footer-ql-head
	{
		margin:2px 0px;
		color: #4cc6f9;
		font-size: 18px;
		font-weight: bold;

	}

	.footer-ql
	{
		margin:2px 0px;
		color: #fff;
		font-size: 14px;
	}
	.footer-links-col
	{
		padding-left:20px;
		padding-right: 80px;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	.footer-links-middle
	{
		padding-left:20px;
		padding-right: 80px;
	}
	.footer-links-end
	{
		padding-left:20px;
		border-left: 1px solid #fff;
	}
	a.footer-link
	{
		text-decoration: none;
	}

	div.company-license
	{
		color: #fff;
		font-size: 14px;
		margin: 30px 0px;
	}

	.account-date-holder
	{
		min-width: 400px;
		max-width: 400px;
	}
	.date-holder
	{
		min-width: 150px;
		max-width:150px;
	}


	a.yes-rec-sr
{
	text-decoration: none;
	color:#000;
	font-family:'OpenSans-Semibold';
	font-size:18px;
	line-height:1.9;
	text-align:center;
	background-color:#fff;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	width:100px;
	height:35px;
	border-radius: 50px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a.yes-rec-sr:hover
{
	background-color:#29b516;
}
a.no-rec-sr
{
	margin-left: 20px;
	text-decoration: none;
	color:#000;
	font-family:'OpenSans-Semibold';
	font-size:18px;
	line-height:1.9;
	text-align:center;
	background-color:#fff;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	width:100px;
	height:35px;
	border-radius: 50px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a.no-rec-sr:hover
{
	background-color:#df383c;
}
}
/* - - - - - - - - - - - - - - - - - - - - - - - 
	END OF MEDIA CALL END OF DESKTOP
- - - - - - - - - - - - - - - - - - - - - - - - -