/**
 * FILMTIPSET.SE
 */

@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400');

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

body {
	height:100%;
	position:relative;
	margin:0;
	padding:0;
	font-family: 'Roboto', helvetica, sans-serif;
	font-weight:200;
	font-size:0.9em;
	line-height:1.6em;
	background:#efeeee;
	color:#444;
}

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

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

h1 {
	margin:5px 0 10px 0;
	font-size:2.1em;
	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:#777;
	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:#777;
	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:8px 0 0 8px;
}

.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;
}

.row.news {
	font-size:1em;
	padding-top:10px;
}
.row.news h1 {
	font-size:2em;
}
.row.news h2 {
	font-size:1.7em;
}

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:160px;
	margin:17px 10px 12px 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: 500px;
		position:relative;
}

#searchbar input#q {
	position:relative;
		font-size:14px;
    width: 100%;
		margin:16px 0 0 60px;
    padding: 8px;
		background:#eee;
    /*border: 1px solid #ddd;*/
		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);
}

#searchDropdown {
	display:none;
	width:500px;
	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;
	margin:0;
	width:100%;
}
#searchDropdown li a {
	display:block;
	width:100%;
	padding:6px 10px;
	color:#333;
	color:#333;
	box-sizing:border-box;
	transition:all 0.2s;
}
#searchDropdown li a:hover, #searchDropdown li:hover {
	background:#eee;
}

/*** 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:165px;
	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%);
}

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


.flexslider .item {
  height:125px;
	width:95px;
	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;
}
.flexslider .slides { list-style:none; height:165px; background:none; }

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

/*** SIDEBAR ***/

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

div.outer {
	float:right !important;
	width:100%;
	max-width:300px !important;
	margin:8px 4px 0 0;
}

.genrelink { font-size:0.9em; line-height:2.3em; background:#fff; color:#666; border-radius:3px; padding:5px; margin:1px; white-space:nowrap; }
.genrelink:hover { background:#777; color:#fff; }


/*** FOOTER ***/

#footer {
	background:url(images/bg-footer.jpg);
	background-size:cover;
	width:100%;
	margin:10px 0 0 0;
	padding:100px 20px 20px 20px;
	color:#222;
	z-index:1;
	clear:both;
	box-sizing:border-box;
}
#footer a {
	text-decoration:none;
	color:#111;
	font-weight:bold;
}

#footer .column {
	float:left;
	width:20%;
	margin-right:5%;
}
#footer .column.last {
	float:right;
	width:80%;
	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:0.8em; width:100%; margin:0; padding:20px 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;
	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;}}

/*
.select-style select {
    padding: 5px 8px;
    width: 200px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

select {
  padding: 5px 35px 5px 8px;
  font-size: 14px;
	color:#555;
  border: 1px solid #ccc;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}*/





/*** GENERAL AND CONTENT ***/

.ad-panorama {
	float:left;
	margin:8px 0 8px 4px;
	padding:0;
	clear:both;
	width:970px;
	max-width:970px;
	overflow-x:hidden !important;
}

.postmeta {
  font-size:1.1em;
  margin-right:20px;
  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; border-bottom:1px dotted #ccc; }
.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; }

.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; }

.news.preview {
	max-height: 500px;
  position: relative;
  overflow: hidden;
}
.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) 0%, #fff 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #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;
}

/* MEDIA QUERIES */

@media screen and (max-width:1060px){
	.content { width: calc(100% - 330px); max-width: calc(100% - 330px); }
}

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

@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; }
	div.sidebar, .content { width:97%; max-width:97%; }
}

@media screen and (max-width:798px){
	#searchbar { width:95%; max-width:95%; margin:0 2%; }
	div#searchDropdown { width:100%; max-width:100%; left:0; top:35px; }
	#searchbar input#q { margin:0 0 10px 0; }
	#footer .column { width:50%; 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;}
}

@media screen and (max-width:728px){
	h1 { font-size:1.5em; }
	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:30%; 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.85em; padding: 9px; }
	#signupwrapper { width:100%; margin-bottom:20px; }
}