/**
 * FILMTIPSET.SE
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

html {
width:100%;
height:100%;
margin:0;
padding:0;
}

body {
	height:100%;
	position:relative;
	margin:0;
	padding:0;
	font-family: 'Poppins', helvetica, sans-serif;
	font-weight:300;
	font-size:0.9em;
	line-height:1.7em;
	background:#f0efed; /* #f5f4f0;*/
	color:#333;
}

a {
	text-decoration:none;
	color:#000;
}

p {
	margin-block-start: 0.2em;
	margin-block-end: 1.2em;
}

h1 {
	margin:5px 0 10px 0;
	font-size:2em;
	font-family: Montserrat, Helvetica, sans-serif;
	font-weight:700;
	line-height:1.2em;
	letter-spacing:-1px;
}
.h1-prefix {
  color:#c4c4c4;
  padding-right:10px;
}

h2 {
	margin:5px 0 10px 0;
	font-size:1.6em;
	padding:0 0 3px 0;
	font-family: Montserrat, Helvetica, sans-serif;
	font-weight:700;
	line-height:1.6em;
	letter-spacing:-1px;
}

h3 {
	color:#444;
	margin:5px 0 5px 0;
	font-size:1.2em;
	font-family: Montserrat, Helvetica, sans-serif;
	font-weight:700;
	line-height:1.6em;
	letter-spacing:-1px;
}

h4 {
	color:#444;
	margin:5px 0 5px 0;
	font-size:1.1em;
	font-family: Montserrat, Helvetica, sans-serif;
	font-weight:700;
	line-height:1.1em;
	letter-spacing:-1px;
}

/*** GENERAL LAYOUT ***/

div { box-sizing:border-box; }

.container {
	max-width:1280px;
	display:block;
	clear:both;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.content {
	float:left;
	width:100%;
	max-width:728px;
	margin:0;
	padding:8px;
}
.home .content { max-width:1280px; }
.home h1 { font-size:2.6em; text-align: center; }

.post .content { font-size:1.1em; line-height:1.8em; }
.post .content a { color:#8a1513; }

@media screen and (min-width:1024px){
	.content.wider {
		max-width: 950px;
		width: calc(100% - 320px);
		width:-webkit-calc(100% - 320px);
	}
}

.row .column {
	width:46%;
	float:left;
}

.row {
	display:block;
	width:100%;
	max-width:100%;
	background:#fff;
	padding:15px;
	border-radius:4px;
	margin-bottom:10px;
	box-sizing:border-box;
}

.row a:hover {
	border-bottom:1px dotted #999;
}


.home .row { background:none; display: table; }
.row .news {
	font-size:1em;
	padding:10px;
	background:#fff;
	display: table-cell;
	border-radius: 4px;
	margin-bottom:20px;
}

.news.small {
	float:left;
	width:24%;
	margin-right: 1%;
}
.news img {width:100%;max-width:100%;max-height: 240px; object-fit: cover; }

.news.big {
	width:70%;
	display:block;
}
.news.left {
	margin-left:0;
}
.news.right {
	margin-right:0;
}
.row .news h1 {
	font-size:2em;
}
.row .news h2 {
	font-size:1.9em;
	line-height: 1.2em;
	margin-bottom:0;
}
.row .news:hover h2 { text-decoration:underline; }
.row .news:hover img { filter:opacity(90%); }

.row .news .postmeta {
	font-size:0.9em;
}

.news.preview {
	max-height: 400px;
  position: relative;
  overflow: hidden;
}
.news.big.preview {
	max-height: 520px;
	}
.news .read-more {
	box-sizing:border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
	padding: 100px 0 0 0;
	background-image: linear-gradient(top, rgba(255,255,255,0) 50%, #fff 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 50%, #fff 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 50%, #fff 100%);
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%, #fff 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 50%, #fff 100%);
}
.news .read-more a {
	display:block;
	width:99%;
	padding:5px 15px;
	margin:0 auto;
	background:#fff;
	font-weight:bold;
	border-top:1px solid #ddd;
	transition:all 0.1s;
}
.news .read-more a:hover {
	border:0;
	background:#999;
	color:#fff;
}

.home .news.sponsored { max-height:300px; }
.news.sponsored h2 { font-size:1.3em; }


p.center { text-align:center; }

/*** HEADER & MENU ***/

#header-wrapper {
	background:#ba2d2d;
	display:block;
	width:100%;
	margin:0;
}

#top-wrapper {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

#menu-wrapper {
	display:block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:100%;
	height:auto;
	margin:0;
	background:#a12828;
	clear:both;
}

img#logo {
	float:left;
	max-width:170px;
	margin:12px 10px 16px 15px;
}

ul#nav {
	float:left;
	list-style:none;
	padding-inline-start:0px;
	padding:0;
	margin:0;
}

.nav-item {
	display:inline-block;
	padding:0;
	margin:0;
}

.nav-item:hover {
	transition:0.2s;
	background:#952424;
	cursor:pointer;
}

.nav-item a {
	display: inline-block;
	padding:10px 17px;
	font-size:0.8em;
	font-weight:500;
	white-space: nowrap;
	text-decoration:none;
  color:#f5f5f5;
  font-size:1em;
	font-weight:300;
}
.nav-item a:hover {
	border-bottom:0;
}

.menutoggle {
display:none;
}

a.logout {
	color:#fff;
	background:#555;
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	padding:7px 11px;
	border-radius:5px;
	transition:all 0.2s;
}
a.logout:hover {
	background:#444;
	color:#fff;
}

/*** HEADER SEARCH BAR ***/

#searchbar {
    float:left;
		width:100%;
		max-width: 600px;
		position:relative;
}

#searchbar input#q {
	position:relative;
	font-size:15px;
    width: 100%;
	margin:12px 0 0 60px;
    padding: 10px;
	background:#eee;
	border:0;
	border-radius: 3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
}
#searchbar input#q:focus {
	outline: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

#searchDropdown {
	display:none;
	width:600px;
	position:absolute;
	top:50px;
	left:60px;
	background:rgba(255,255,255,0.98);
	z-index:10001;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	box-shadow:0 8px 15px rgba(0,0,0,0.2);
}

#searchDropdown ul {
	display:block;
	width:100%;
	list-style:none;
	padding:0;
}
#searchDropdown li {
	display:block;
	box-sizing: border-box;
	margin:0;
	width:100%;
	padding:6px 10px;
}
#searchDropdown li a {
	color:#333;
	box-sizing:border-box;
	transition:all 0.2s;
}
#searchDropdown li:hover {
	background:#eee;
}

#searchDropdown img.searchposter { float:left; width:30px; height:46px; object-fit:cover; margin-right:10px; }

/*** HEADER LOGIN FORM ***/

#loginstatus {
	float:right;
	font-size:1.1em;
	margin:0;
	color:#f5f5f5;
}
#loginstatus div.userstatus {
	float:right;
	text-align:left!important;
	margin:18px 5px 0 0;
	line-height:1.1em;
}
#loginstatus div.userstatus a {
	color:#fff;
}
#loginstatus div.userstatus a:hover {
	border-bottom:1px dotted #eee;
}
#loginlinks {
	float:right;
	font-size:1.1em;
	margin:0;
	color:#f5f5f5;
}
#loginlinks ul {
	list-style:none;
	padding-inline-start:0px;
	margin:20px 20px 0 0;
}
#loginlinks ul li {
	display:inline-block;
	margin-left:10px;
}
#loginlinks a {
	color:#f5f5f5;
	padding:10px;
	border-radius:3px;
}
#loginlinks a:hover {
	background:#a12828;
}
#loginlinks .fa {
	margin-right:3px;
}

#loginbox {
position:absolute;
top:50px;
left:940px;
width:280px;
padding:15px;
border-radius:5px;
z-index:10000;
color:#eee;
background:#111;
display:none;
}
@media all and (max-width:1280px){ #loginbox {left:auto;right:20px;} }

#loginbox input { margin-top:7px; }
#loginbox .loginbutton { float:right; background:#333; color:#fff; text-align:center;width:50%; padding:6px; margin-top:7px;border-radius:3px; }
#loginbox .loginbutton:hover { background:#b82f31; cursor:pointer; }
.recoverlink { float:left; font-size:0.75em; color:#ccc; border-bottom:1px dotted #ccc; margin:15px 0 0 0; padding:0 0 2px 0; line-height:1em; }
.recoverlink:hover { cursor:pointer; border-bottom:1px dotted #eee; }

#logoutbutton { float:right;border-radius:50%;margin:10px 20px;padding:7px;color:#fff; background:#333; transition:all 0.2s; }
#logoutbutton:hover { background:#000; }

#recover { display:none; }

/*** HEADER LATEST EVENTS MARQUEE ***/

#marquee-wrapper {

}
#marquee {
	float:right;
	margin:10px 20px 0 0;
	font-size:0.9em;
	color:#f5f5f5;
	font-weight:200;
}
#marquee a {
	color:#fff;
	font-weight:bold;
}
#marquee a:hover {
	border-bottom:1px dotted #eee;
}

/*** HEADER MOVIE CAROUSEL FLEXSLIDER ***/

#topslider-wrapper {
	width:100%;
	height:245px;
	padding-top:10px;
	background: rgb(48,5,8);
	background: linear-gradient(90deg, rgba(48,5,8,1) 0%, rgba(82,10,14,1) 35%, rgba(131,9,9,1) 100%);
	box-shadow:0 0 15px rgba(0,0,0,0.3);
}

.flexslider {
	width:100%;
	overflow:hidden;
	background:none!important;
	border:0!important;
}

.flexslider .item {
  height:190px;
	width:140px;
	float:left;
  padding: 0;
  margin: 20px 0 20px 20px;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	transition:all 0.2s;
	cursor:pointer;
	background-size:cover;
	box-shadow: 0 0 10px rgba(255,255,255,0.15);
}
.flexslider .slides { list-style:none; height:180px; background:none; }

.flex-direction-nav a.flex-next,
.flex-direction-nav a.flex-prev{
    display:none;
}

/*** SIDEBAR ***/

.homeSidebar { float:right;width:28%; } 
.homeSidebar h3 { letter-spacing:0; } 

.sidebar {
	float:left;
	width:100%;
	max-width:220px;
	margin:9px 2px 2px 10px;
}
.sidebar a:hover {
	text-decoration:underline; /*border-bottom:1px dotted #999;*/
}

div.outer {
	float:right !important;
	width:100%;
	max-width:300px !important;
	margin:20px 4px 0 0;
	font-size:0.9em;
	line-height: 1.2em;
}
div.outer a { font-weight:400;color:#8a1513; }

.genrelink { font-size:0.9em; line-height:2.3em; background:#fff; color:#444; border-radius:3px; padding:4px 5px; margin:1px; white-space:nowrap;transition:all 0.1s; }
.genrelink:hover { background:#99271d; color:#fff; }
.home #genrecloud h4 { display:none; }
.home #genrecloud .genrelink { font-size:1.1em;padding:4px 10px;margin:6px 3px; }

.home #quote { background-color: #ffffff;
	position: relative;
	padding: 12px;
	margin:40px 0;
	border-radius: 8px;
	font-style: italic;
	font-weight: 500;
	text-align: center;
}
.home #quote #quotemovie { 
	position: absolute; 
	bottom:-25px;
	left:14px;
	font-size:0.8em;
	font-weight: 400;
	color:#555;
}
.home #quote::after {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	bottom: -20px;
	left: 84%;
	background-color: #ffffff;
	clip-path: polygon(0 0, 100% 0, 100% 100%);
}

/*** FOOTER ***/

#footer {
	/*background:url('images/bg-footer.png');
	background-size:cover;*/
	background:#fff;
	width:100%;
	margin:10px 0 0 0;
	padding:45px 20px 40px 20px;
	color:#222;
	z-index:1;
	clear:both;
	box-sizing:border-box;
}
#footer h3 { font-size:1.4em; margin-bottom:15px; }
#footer a {
	text-decoration:none;
	color:#111;
}
#footer a:hover { border-bottom:1px dotted #ccc; }

#footer .column {
	float:left;
	width:50%;
	margin-right:5%;
}
#footer .column:first-child {
	font-size:1.2em;
	font-weight: 400;
	line-height: 1.8em;
	color:#444;
}
#footer .column.last {
	float:right;
	width:25%;
	margin:20px 0 0 2%;
	text-align:right;
}

#footer .quote {
	font-family: Montserrat, Helvetica, sans-serif;
	font-size:2em;
	line-height:1.2em;
	color:#111;
	font-weight:bold;
	text-shadow:2px 2px 10px #fff;
	letter-spacing:-1px;
}
#footer .quote-credit {
	font-size:12px;
	color:#fff;
	margin-top:10px;
	text-shadow:0 0 3px #666;
}

#footer .credits { display:block; color:#222; font-size:1em; width:100%; margin:0; padding:50px 10px 0 0; text-align:right; text-shadow:0 0 5px #fff; }
#footer .credits a { color:#222; text-decoration:none; text-shadow:0 0 5px #fff; }

/*** FORMS AND INPUTS ***/

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea,
select {
    font-size:13px;
		display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 6px;
    border-radius: 3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
}
input::placeholder { color:#999 !important; }
input::-webkit-input-placeholder { color:#999 !important; }
input:-moz-placeholder { color:#999 !important; }


.button {
	width:100%;
	background:#b82f31;
	padding:10px 15px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:15px;
	text-align: center;
	border-radius:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer;
	border:0;
}
.button:hover {
	background:#9f292c;
}

#signupwrapper {
	float:left;
	width:50%;
	margin-right:30px;
	padding:15px;
	background:#f5f5f5;
}

select {
    height:30px;
		border: 1px solid #ccc;
    // width: 120px;
    border-radius: 3px;
    overflow: hidden;
		-webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
    background: #fafafa url("images/selectarrow.png") no-repeat 94% 50%;
		background-size:18px 10px;
}
/* remove default arrow in IE 10 and 11 */
/*select::-ms-expand {display: none;} */
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {select {background:none\9;padding: 5px\9;}}


/*** GENERAL AND CONTENT ***/

.ad-panorama {
	float:left;
	margin:8px 0 8px 4px;
	padding:0;
	width:970px;
	max-width:970px;
	overflow-x:hidden !important;
}
.home .ad-panorama { margin:40px -15px 0 0; max-width:100%; }

.postmeta {
  font-size:1em;
  margin-right:18px;
  color:#999;
}
.postmeta .fa {
  margin-right:5px;
}
.postmeta a {
  margin-right:5px;
  color:#999;
}

table.list { width:100%;font-size:0.9em; color:#111; }
.list td { margin:0; padding:3px 3px 3px 6px;  }
.list th { background:#fff; text-align:left; }
.list tr { background:#f7f7f7; }
.list tr:nth-child(even) { background:#fff; }
.list tr td:last-child { text-align:right; }

.list .delbutton { border-radius:50%; background:#ccc; padding:1px 4px; color:#fff; }
.list .delbutton:hover { background:#ba2d2d; }
.delnotice { color:#ba2d2d; }

.hoverbox {
	height:auto;
	max-width: 600px;
	min-height: 100px;
	max-height: 200px;
	overflow:hidden;
	padding:8px 40px 8px 8px;
	background:#fff;
	z-index:10000;
	position:absolute;
	margin-left:20px;
	box-shadow:0 0 16px rgba(0,0,0,0.2);
	border-radius:5px;
	display:none;
}
.hoverbox img {
	float:left;
	margin:0 15px 0 0;
	width:110px;
	height:150px;
}
.hoverscore {
	box-sizing: border-box;
	width:48px;
	height:48px;position:absolute;
	top:-14px;
	right:-10px;
	border-radius:25px;
	background:#ba2d2d;
	padding:18px 6px 0 0;
	font-weight: bold;
	color:#fff;
	text-align: center;
}


.edit-button { background:#f5f5f5; border-radius:3px; border:0; padding:4px 6px 3px 6px; margin:0 5px 0 5px; }
.edit-button:hover { background:#666; color:#fff; border:none !important; }


.smallbutton { background:#f5f5f5; border-radius:3px; border:0; padding:6px 10px; margin:0 0 0 5px; font-size:1.1em; }
.smallbutton:hover { cursor:pointer; background:#666; color:#fff; }

.smallposter { height:180px; width:120px; overflow:hidden; border-radius:5px; margin-right:18px; box-shadow:0 0 6px #999; }

.msg-body { background:#f5f5f5;padding:10px;border-radius:3px; }


/* MOVIE LOOPS ARCHIVE */

div.movieloop {
	display:block;width:100%; overflow:auto;margin:10px 0; clear:both;
}
div.movieloop div {
	float:left;width:19%;margin:0 1% 0 0;padding:0;border-radius:6px;background-color:#fff;font-size:0.8em;
}
div.movieloop div img {
	width:100%;height:220px;border-top-left-radius:6px;border-top-right-radius:6px;object-fit:cover;border-bottom:1px solid #ccc;
}
div.movieloop div p {
	padding:4px 5px 8px 5px;margin:0;line-height:1.4em;
}
.movieloop div:nth-child(5) { clear:right; }

.home div.movieloop div { width:15.6%; }

/* MEDIA QUERIES */

.nobg { background:none!important; padding:5px; }

@media screen and (max-width:1100px){
	.content {width: calc(100% - 330px); max-width: calc(100% - 330px); }
	#searchbar {max-width: 500px;}
	#searchbar, div#searchDropdown { max-width:500px; }
}

@media screen and (max-width:1023px){
	#searchbar, div#searchDropdown { max-width:450px; }
	div.outer { display:none; }
	.content { width: calc(100% - 250px); max-width: calc(100% - 250px); }
	.content.wider { width:100%; max-width:100%; }
}

@media screen and (max-width:980px){
	#wrapper { width:100%; }
	#searchbar, div#searchDropdown { max-width:370px; }
}
@media screen and (max-width:980px){
	.ad-panorama { max-width:100% !important; }
}

@media screen and (max-width:860px){
	#searchbar, div#searchDropdown { max-width:300px; }
	div#marquee { display:none; }
	#searchbar input#q { margin:16px 0 0 30px; }
	#searchbar div#searchDropdown { left:30px; }
	div.sidebar, .content { width:97%; max-width:97%; }
}

@media screen and (max-width:798px){
	#searchbar { width:95%; max-width:95%; margin:0 2%; }
	#searchbar div#searchDropdown { width:100%; max-width:100%; left:0; margin-left:0; top:35px; }
	#searchbar input#q { margin:0 0 10px 0; }
	#footer .column { width:100% !important; margin:0; }
	#footer .column.last { display:block; width:100%; margin:0; }
	.hideTablet { display:none !important; }
	.row .column { width:100%; }
	#footer .credits { display:block; clear:both; width:100%; text-align:left;}
	.news.small, .news.big { width:49%!important; }
	.news.preview { max-height: 480px;}
	div.movieloop div { width:48%;margin: 15px 2% 0 0; }
	.movieloop .singlemovie:nth-child(5) { display:none; }
	.home .movieloop .singlemovie:nth-child(5) { display:block !important; }
}

@media screen and (max-width:728px){
	p { font-size:1em; }
	h1, .home h1{ font-size:1.6em; }
	h2 { font-size:1.2em; }
	.h1-prefix::after{ content:'\A'; white-space: pre; }
	.hideMobile { display:none !important; }
	.menutoggle { display:block; }
	.mobile-logout { display:block; }
	.content { max-width:97%; }
	img#logo { width:32%; margin-left:2%; }
	#loginlinks { font-size:0.9em; }
	#loginlinks ul { margin:12px 5px 0 0;}
	#loginlinks a { padding:0 6px 0 0; }
	.nav-item a { font-size:0.9em; padding: 8px; }
	#signupwrapper { width:100%; margin-bottom:20px; }
	.home div.movieloop div { width:48%!important; }
	.news.small, .news.big { width:98%!important; }
	.homeSidebar { display:block;width:100%; } 
	.row { padding:5px; }
}

@media print {
	.noprint, #footer, #menu-wrapper { display:none; }
}