/*
/*
Theme Name: Masculinity movies Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/


body {
	background: black url(images/background.jpg) top center fixed no-repeat;
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	}
	
h1, h2, h3 {
	font-family: "ff-nuvo-web-pro", sans-serif;
	margin: 0; padding: 0;
	font-weight: 600;
	}
	
h1 {
	font-size: 2.4em;
	margin-bottom: 0.2em;
	line-height: 1em;
	}
	
#front h1 {
	margin: 0 0 0 0 !important;
	font-weight: bold;
	font-size: 3.2em;
	padding-bottom: 0.1em !important;
}

h1 em {
	font-weight: normal;
}
	
h2 {
	font-size: 24px;
	}
	
dl,dd,dt {
	margin: 0; padding: 0;
}	

h3 {
	padding: 0.6em 0 0.6em 0;
	font-size: 21px;
	line-height: 1.3em;
	}
	
.col1 {
	width: 47%;
	margin-right: 5%;
	float: left;
}

.col2 {
	width: 47%;
	float: left;
}
	
.col1 h3, .col2 h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 3px;
	margin-bottom: 5px;
	color: #603913;
	font-size: 14px;
}
	
ul, li, ol {
	list-style: none;
	margin: 0; 
	padding: 0;
	}

ul {
	padding-bottom: 1em;
}
	
p, table {
	font-size: 11px;
	line-height: 15px;
	}
	
a {
	color: #603913;
	}
	
a img {
	border: none;
}
	
a:hover {
	text-decoration: none;
	}

.aligncenter {
	display: block;
	margin: 0 auto;
}
	
/* ------------------ MAIN STRUCTURAL ELEMENTS --------------------- */
	
.sidebar {
	height: auto;
	margin-bottom: 10px;
	}
	
#wrap {
	width: 980px;
	margin: 20px auto 50px auto;
	}
	
#header  {
	width: 980px;
	position: relative;
	max-width: 100%;
}

#menu_wrap #toggle {
	content: "";
	width: 29px;
	height: 24px;
	background: url("http://www.masculinity-movies.com/wp-content/uploads/2023/03/dropdown-menu-icon.png");
	display: block;
	position: absolute;
	top: 13px;
	right: 15px;
	transform: scale(0.85);
	display: none;
}

#menu_wrap #toggle::before {
    content: "MENU";
    display: block;
    margin: 0 8px 0 0;
    left: -74px;
    color: white;
    font-size: 23px;
    position: absolute;
    top: 1px;
    color: silver;
}

#menu {
	/* background: #222 url(images/menu-bg.png) repeat-x; */
	background: #444;
	clear: both;
	float: left;
	width: 100%;
	max-height: 75px;
	overflow: hidden;
	padding: 0;
	margin-top: 15px;
}


#contents_wrap {
	clear: both;
	margin: 0px 0 5px 0;
	background: white url(images/main_bg.png) top left repeat-x;
	position: relative;
}

#front #contents, .page #contents {
	background: white url(images/sidebar.gif) repeat-y scroll 746px -20px;
}
	
#contents {
	clear: both;
	padding: 44px 14px 8px 18px;
	margin: 0 0px 0 0;
	float: left;
	box-sizing: content-box;
}

#contents.shiftdown {
	padding-top: 88px;
}

#sidebar1 {
	width: 166px;
	float: left;
	padding: 5px 15px 20px 8px;
	margin-right: 5px;
	}

#sidebar1 p.strong_rel {
	background-color: rgba(0,0,0,0.4);
	color: white;
	padding: 6px 7px 6px 10px;
	margin-bottom: -10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#sidebar1 h2 + p strong {
	color: white;
}

#sidebar1 h2 + p + .related_movie {
	border: none;
}

#main, #comments {
	float: left;
	width: 700px;
	max-width: 675px;
	padding: 0 0 20px 10px;
	font-size: 1.2em;
	margin-left: 15px;
	max-width: 98%;
}

	
#main.tags {
	width: 700px;
}
	
#hiatus {
	width: 230px;
	position: absolute;
	top: 0;
	right: 0;
}

#hiatus h2 {
	font-size: 14px !important;
}

#hiatus p {
	font-size: 11px !important;
	font-family: tahoma;
}
	
.webstore #contents {
	background: none;
	padding: 0;
}
.webstore #main {
	width: 955px;
	max-width: 100%;
}
	
#front #main {
	width: 75%;
	padding-top: 7px;
}
	
#sidebar2 { /* FRONT PAGE */
	float: right;
	margin-top: -15px;
	padding:20px 15px 0 17px;
	width: 190px;
	background: #f9f5f0;
	}

#sidebar1 .movie_poster {
	padding: 2px 0 0 2px;
	width: 145px;
	height: 205px;
	box-shadow: 2px 2px 7px 2px rgb(0 0 0 / 10%);
	box-sizing: border-box;
	margin-bottom: 10px;
	background: white;
}

#sidebar1 .movie_poster img {
	border: 1px solid white;
	border-bottom: none;
	height: 200px;
	width: 140px;
}


.related_movie {
	margin-top: 10px;
	/* border-top: 1px dotted #888; */
	padding: 10px 0 10px 2px;
}

h2 + .related_movie {
	margin-top: 15px;
	padding-top: 0;
}

.related_movie h3 {
	margin: 0 0 0 10px;
	text-align: left;
	width: 150px;
	padding: 6px 0 2px;
	line-height: 1.2em;
	font-size: 18px;
	font-weight: bold;
}

.related_movie h3 a {
	text-decoration: none;
}

.related_movie h3 a:hover {
	text-decoration: underline;
	color: black;
}

.tagsmatch {
	margin-left: 10px;
}

#sidebar1 .tagsmatch p {
	font-weight: normal;
	font-size: 10px;
}

#sidebar1 .tagsmatch ul {
	padding-top: 3px;
	}
	
#sidebar1 .tagsmatch li {
	margin-left: -2px;
	font-weight: normal;
	line-height: 1.3em;
}

iframe, embed {
	max-width: 100%;
}

/* -------------------- FRONT PAGE STYLING ----------------------- */

.home #campaign {
	/* background: url(images/filmroll-bg.png) top left no-repeat; */
	padding: 6px 0 0 0;
	margin: 6px;
	position: relative;
}

.home #campaign #stag {
	position: absolute;
	top: -37px;
	right: -47px;
	z-index: 10;
}

.home #campaign h2 {
	color: #ddd;
	font-size: 17px;
	line-height: 1.45em;
	padding: 0 30px;
	margin: 0 150px 1em 0;
	font-family: "ff-nuvo-web-pro", sans-serif;
}

.home #campaign h2 a {
	clear: both;
	display: block;
	margin-top: 10px;
}

#front #main .intro p.large {
	font-size: 16px;
	line-height: 1.5em;
}

#enter_button {
	position: relative;
	float: left;
	margin:0 4% 0 -13px;
	width:45%;
}

#enter_button a {
	text-decoration: none;
	background: url("images/mm_enter-database.png") 0 -106px;
	height: 75px;
	overflow: hidden;
	width: 313px;
	padding: 30px 0 0 30px;
	display: block;
	color: white;
}

#main #enter_button p {
	color: white;
	font-family: tahoma, arial, sans-serif;
	font-size: 13px;
}

#enter_button h2 {
	margin: 0;
	padding: 0 0 0.1em 0 !important;
}

#enter_button a:hover {
	background-position: top left;
}

/* -------------------- SIDEBAR STYLING ----------------------- */

	
#sidebar1 li {
	font-size: 11px;
	line-height: 18px;
	list-style: disc;
	margin-left: 13px;
	color: #603913;
	font-style: normal;
	}


.sidebar h2 {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 0 8px 0;
}


/* ---------------- FRONTPAGE SIDEBAR STYLING ------------------ */

.resource {
	-moz-box-shadow: 1px 1px 5px #998d81;
	-webkit-box-shadow: 1px 1px 5px #998d81;
	box-shadow: 1px 1px 5px #998d81;
	border:1px solid white;
	background: #fffcfa;
	margin-bottom: 20px;
}

.resource h2 {
	background: url(images/box_titlebg.gif) repeat-x scroll left top;
	color: white;
	padding:5px 5px 5px 10px;
	font-size: 12px;
}

.resource h3 a {
	text-decoration: none;
	}

.resource h3 a:hover {
	text-decoration: underline;
	}
.resource .innerwrap {
	background: white;
	padding: 12px 10px 5px 13px;
	font-size: 10px;
}

.resource .link {
	border-bottom: 1px solid #e8e0d8;
	padding: 10px;
}

.resource .link h3 {
	margin: 12px 0 0 4px !important;
	float: left;
}

.resource .link.noborder {
	border-bottom: none;
}

.resource .link img {
	float: left;
	}
	
.resource h3 {
	margin-left: 70px;
	color: black;
	font-size: 12px;
	line-height: 1.4em;
}

#box-community .innerwrap {
	padding: 0;
}

#box-newsletter {
	position: relative;
	margin-top: 4px;
	display: none;
}

#box-newsletter #subscribe-arrow {
	position: absolute;
	top: -13px;
	right: 0;
}

#box-newsletter form, body #main form[id^=gform] .gform_body .ginput_container input {	
	padding: 3px;
}


.resource .comments li {
	margin-bottom: 1em;
	line-height: 1.4em;
}

.resource .comments li a {
	text-decoration: none;
}

.resource .comments li strong {
	color: black;
}

.resource .comments li a:hover {
	text-decoration: underline;
}

.resource .tweet {
	float: left;
	clear: left;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
	line-height: 1.4em;
	padding: 10px 0 0 5px;
	width: 98%; /* for IE7 */
}

#box-community {
	margin-top: 10px;
}

#box-recentcomments .innerwrap {
	padding-bottom: 0;
}

#box-upcomingmovies {
	padding-bottom: 2px;
}

#box-upcomingmovies h3 {
	font-size: 16px;
}

#box-mm-live {
	padding:2px 2px 1px;
	margin-top: 10px;
}

#box-mm-live.noevent {
	
}

#box-mm-live .image a {
	background: url(images/mm-live-sidebar.jpg);
	display: block;
	width: 169px;
	height: 116px;
	position: relative;
	text-decoration: none;
}

#box-mm-live .image a span {
	color: white;	
	position: absolute;
	left: 15px;
	top: 62px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.35em;
}

#box-mm-live.noevent .image {
	height: 86px;
	overflow:hidden;
}

#box-mm-live.noevent .info {
	padding: 4px 4px 4px 6px;
	height: 10px;
}

#box-mm-live.noevent .info a {
	font-weight: bold;
	text-decoration: none;
}

#box-mm-live.noevent .info a:hover {
	text-decoration: underline;
}

#box-mostpopular {
	padding: 0 0 7px 0;
}

#box-mostpopular h2 {
	margin-bottom: 3px;
}

#box-mostpopular li {
	list-style: decimal outside;
	margin: 0 1em 0.5em 1.7em;
	line-height: 1.25em;
	font-size: 1.05em;
}
	
#box-blogroll ul, #box-links ul  {
	margin: 0 0 0 2px;
}

#box-blogroll li, #box-links li {
	line-height: 1.5em;
	font-size: 11px;
	list-style: disc;
	margin-left: 1em;
}


#box-links .innerwrap {
	background: white;
	padding: 15px 12px 15px 12px;
}

#amp-presence {
	background-color: black;
}

#box-fb1000 img {
	background-color: black;
	margin: 0;
}

#box-fb1000 .innerwrap {
	padding: 0;
	position: relative;
}

#box-fb1000 .fb-like {
	position: absolute;
	bottom: 25px;
	left: 65px;
}

#box-inner-throne .innerwrap {
	padding: 0;
}

.widget_paypal_donations {
	text-align: center;
	padding: 5px 0 25px;
}

.widget_paypal_donations h3 {
	display: none;
}

#amp-presence a img {
	display: table;
	margin: 10px auto;
}

/* -------------- NAVIGATION STYLING ----------------- */



#breadcrumbs {
	margin-bottom: 30px;
	line-height: 20px;
	height: 20px;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 16px;
}

#breadcrumbs li {
	float: left;
	color: silver;
}

#breadcrumbs li.sep {
	margin: 0 10px !important;
}
	
/* -------------- HEADER & MENU STYLING ----------------- */
	
#menu ul.menu {
	padding: 0;
	position: relative;
	overflow: hidden;
}

#menu ul.menu.expanded {
	height: 80px;	
}
	
#menu li {
	float: left;
	font-size: 12px;
	line-height: 10px;
	color: white;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	}
	
#menu li a {
	color: white;
	text-decoration: none;
	padding: 16px 20px 18px 20px;
	display: block;
	border-right: 1px solid #676767;
	font-size: 14px;
   font-weight: normal !important;
	}
	
#menu li a.new {
	background: url(images/menu-new.png) top right no-repeat;
}
	
#menu li.current-menu-item a {
	font-weight: bold;
	}
	
#menu li.parent.current-menu-item a {
	background: #222;
	height: 100%;
	/* 	background: url("images/menu-separator.png") top right no-repeat #222; */
	}
	
#menu li.parent.current-menu-item li a {
	background-image: none;
}
		
#menu li:hover a, #menu li .current-menu-parent {
	background: #222;
	}
	
#menu li li a:hover {
	background: #222;
	}
	
	
#header .ad {
	float: right;
	margin-top: 10px;
	}
	
#logo {
	float: left;
	padding-left: 20px;
	}
	
#under_development {
	background:maroon;
	height: 28px;
}

#under_development .innerwrap {
	width: 980px;
	margin: 0 auto;
	padding:6px 0;
	color: white;
	font-weight: bold;
}

#menu ul.sub-menu {
	background: #222;
	left: 50%;
	position: absolute;
	top: 156px;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid white;
	z-index: 100;
	max-width: 980px;
	transform: translateX(-50%);
	display: none;
}

#menu ul li.current-menu-parent {
	background: url("images/menu-separator.png") top right no-repeat #222;
}

#menu li li a {
	padding-top: 13px;
   padding-bottom: 14px;
}

#menu ul ul a:hover {
	text-decoration: underline;
}

#menu ul ul li {
	background: none;
}

#menu li.parent:hover .sub-menu {
	display: flex;
	flex-direction: column;
}

#menu .current-menu-item.parent .sub-menu a {
	font-weight: normal;
}

#menu li .sub-menu a:hover {
	background-color: #111;	
}


/* ------------------ MAIN CONTENT STYLING ------------------ */

#main h1 {
	margin: 0.5em 0 0.3em;
	font-weight: bold;
}

#main .story {
	padding-bottom: 0.5em;
	}
	
#main .story h2 {
	padding: 0.1em 0 0.1em 0;
	line-height: 1.15em;
}

#main .story h2 a {
	text-decoration: none;
}

#main .story h2 a:hover {
	text-decoration: underline;
}

#main .story h2 .byline {
	font-size: 14px;
	color: gray;
}

#main h2, h2#respond {
	clear: both;
	font-size: 22px;
	padding: 0.7em 0 0.3em 0;
	font-weight: 600;
	}
	
h2#respond {
	padding: 0 0 0.6em 0;
}

h2#tagline {
	margin: 0 15px 15px 0;
	padding-top: 0 !important;
	color:#603913;
	font-size: 18px !important;
	clear: left;
	float: left;
}

#main .story h3 {
	background:#603913 url(images/movie_title_bg.gif) top left repeat-x;
	border-bottom: none;
	color:white;
	font-size:14px;
	padding: 4px 6px 2px 6px;
	height: 30px;
	font-family: tahoma, "lucida sans", lucida, arial, verdana, sans-serif;
	font-weight: 300;
}

#main .story .thumb {
	margin: 0.5em 0 1em 1.5em;
	float: right;
	padding: 5px;
	border: 1px solid #ccc;
	text-decoration: none;
}

#main .story .thumb img {
	height: auto;
	display: block;
}

#main .story a.thumb:hover {
	background: #eee;
	border: 1px solid #603913;
}

#main .story a.thumb em.review_type {
	background: #ffa00b url(images/review-type-label-bg.png) top left repeat-x;
	display: block;
	margin: 1px 0 0 0;
	padding: 3px 0 5px 6px;
	color: #603913;
	clear: left;
	line-height: 1.4em;
}
	
#main .story p {
	margin-top: 0.5em;
	}
	
#main .story p.links a {
	margin: 0 10px;
}

#main .story p.links a:first-child {
	margin-left: 0;
}

/*
#main .story h3 {
	padding-top: 1em;
}
*/
#main .story h3 .title {
	float: left;
	line-height: 1em;
	font-weight: 300;
}

#main .story h3 .date {
	text-align: right;
	color: white;
	font-family: tahoma, "lucida sans", lucida, arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 1em;
	float: right;
	padding-top: 1px;
	color: #bb895a;
}
	
#main p {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 1em;
    color: #444;
}

#main li {
	list-style: disc outside;
	line-height: 1.5em;
	margin-bottom: 0.2em;
	margin-left: 1.2em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 15px;
}

#main #breadcrumbs li {
	list-style: none;
	margin-left: 0;
	font-size: 16px;
}

#main p.tags {
	margin-top: 0.5em;
	font-size: 12px;
	font-family: tahoma, arial, sans-serif;
}

.page #main p {
	width: 100%;
}

.page.article #main h1 {
	padding-bottom: 0.3em;
}

#main .intro img {
	margin: 0 auto;
	display: block;
}

#main .intro p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 22px;	
	margin-bottom: 1em;
}

#main .intro p.large {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 0;
}

#main .intro strong span {
	font-size: 26px;
}

#latestreview {
	margin-top: 0.7em;
}

#main .story {
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #603913;
	margin: 0.6em 0 3em 0;
	clear: both; 
}

#main sup {
	font-size: 8px !important;
	vertical-align: middle;
	line-height: 0.4em;
	font-family: verdana, sans-serif;
}

#main ol {
	margin: 1em 2em 1em 1.5em;
	font-size: 1em;
}

#main ol li {
	list-style:decimal;
	margin: 0 0 0.3em 0;
	font-size: 1em;
	line-height: 1.5em;
}

#main h4.guest {
	font-weight: bold;
	color: #bb0000;
	margin: 2px 0 0px 0;
	padding-bottom: 10px;
}

#main .entry img {
	max-width: 100%;
}


/* ------------------ SIDEBAR STYLING ------------------ */

		
#sidebar1 .ad {
	margin-top: 20px;
}

blockquote {
	margin: 0;
	padding: 0px 0;
}


#main blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.5em;
/*	margin-left: 7%;*/
/*	border-top: 1px solid silver;
	border-bottom: 1px solid silver;*/
	padding: 0px 2em 0 1em;
	color: gray;
	width: 90% !important;
	line-height: 1.4em;
	font-style: italic;
}
	
.clear {
	clear: both;
	}
	
table {
	margin-bottom: 10px;
}

table td {
	vertical-align: top;
	padding-right: 15px;
	border-right: 2px solid white;
	}

table .label {
	font-weight: bold;
	width: 100px;
	}
	
table thead {
	background: #603913;
	color: white;
	text-align: center;
	font-weight:bold;
	font-size: 12px;
}
	
table td {
	padding: 5px;
}

table tbody tr.odd {
	background: #eee;
}

strong {
	font-weight:bold;
	}	
	
.right, .alignright {
	float: right;
	margin: 0 0 20px 20px;
	text-align: left !important;
	}
	
img.alignright {
}
	
.thumb.right {
	margin: 15px 0 0 0;
	padding: 0 0 0 20px;
	}
	
.left {
	float: left;
	}	
	
#main h3.byline {
    color: #b39e86;
    padding: 0 0 2em 0;
    font-size: 1.1em;
    font-family: lucida, verdana, sans-serif;
    font-style: italic;
    }

/* ---------------- COMMENTS STYLING ---------------- */	

h3#comments {
	margin: 10px 0 20px 0;
}


#comments {
	padding: 30px 0 70px;
	/*
	width: 100%;
	padding-top: 25px;
	float: left;
	margin-right: 100px;
	max-width: 96%; */
}
	
#main #comments li {
	position: relative;
	margin: 0;
}
	
#comments li .avatar {
	padding: 3px;
	border: 1px solid silver;
	position: absolute;
	top: 15px;
	right: 15px;
	background: white;
	}
	
#comments li h3.comment_id {
	font-size: 18px;
	float: left;
	padding: 0;
	text-align: left;
	width: 20px;
	color: #603913;
}

#comments li h3.author {
	font-size: 18px;
	float: left;
	padding: 0;
	margin: 0;
}

#comments li h3.author a {
	text-decoration: none;
}

#comments li h3.author a:hover {
	color: black;
}

#comments li .comment_body {
	margin: 0 0 0 40px;
	width: 75%;
}
	
#comments .commentline {
	font-size: 11px;
	clear: left;
	margin: 0 0 8px 0;
	color: gray;
	padding-top: 3px;
}
	
#comments.review, .page #comments {
	margin-top: 0px;
	border-top: 1px dotted silver;
}
	
#comments .vcard {
	margin-right: 6px;
}
	
#comments .vcard, .comment-meta {
	font-size:12px;
	padding: 6px 0;
	margin-bottom: 1em;
}

#comments .comment-meta {
	border-bottom: 1px dotted silver;
	border-top: 1px dotted silver;
	background: #f1f1f1;
}

#comments p {
	margin-bottom: 1em;	
	line-height:1.4em;
	font-size: 13px;
	font-family: "trebuchet ms","lucida sans",lucida,arial,verdana,sans-serif;
}

#comments p + br {
	display: none;
}


#commentform {
	margin: 25px 0 15px 0;
}

#commentform input {
	margin-right: 10px;
}

#commentform p {	
	margin:  0 0 1em 0;
}
	
#comment {
	width: 100%;
}

#comments .notice {
	margin: 5px 0 1em 0;
	}

.commentlist, #trackbacks {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0 !important;
}

.commentlist li:first-child {
	
	}

.commentlist li, #trackbacks li {
	padding: 15px 30px 5px 10px;
	border-top: 1px solid #ccc;
	position: relative;
	}
	
.commentlist li.authcomment, #trackbacks li.authcomment {
	background-color: #f8f2ea;
	margin-bottom: 0;
}
	
.commentlist cite.fn, .commentlist .says {
	font-size: 12px;
	font-style: normal;
	}
	
.commentlist .commentmetadata {
	color: gray;
	padding-bottom: 3px;
	}
	
#comments .vcard {
	float: left;
	}
	
.comment p {
	margin: 0 0 1em 0;
	line-height: 1.3em;
}

.commentlist + h2 {
	margin-top: 20px;
}


#trackbacks {
	margin: 0px 0 30px 0;
	padding: 0px 0 20px 0;
	border-bottom:1px solid #CCCCCC;
}

#main #trackbacks li {
	line-height: 1.6em;
	font-size: 12px;
	margin:0;
	padding-left: 5px;
	list-style: decimal inside;
}

/* ---------------- DISCUS STYLING ---------------- */	

#comments #dsq-content h3 {
	margin-bottom: 0;
}

#comments #dsq-content #dsq-footer {
	margin-top: 1em;
}

#comments .dsq-comment-body {
	padding-bottom: 20px;
}

#comments .dsq-comment-meta a, #comments .dsq-comment-actions a {	
	padding: 3px 7px;
	border: 1px solid silver;
	background-color: #ddd;
	margin-right: 5px;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	float: left;
}

#comments .dsq-comment-actions a {
	margin: 0 0 0 5px;
}

#comments #dsq-reactions h3 {
	padding-top: 0;
}

#comments #dsq-reactions li {
	margin-right: 5px;
}

#comments .dsq-comment-meta a:hover, #comments .dsq-comment-actions a:hover {
	background-color: white;
	color: black;
}

#comments .dsq-post-tools .dsq-post-as .dsq-button {
    float: right;
    padding: 0;
	margin: -5px 0 0 0;
	width: 150px;
	right: -1px;
}

#comments #dsq-content .dsq-post-tools li {
	width: 100%;
}

#comments .dsq-is-liked .dsq-like-thumb {
	float: left;
	margin: 4px 0 0 4px;
}

#comments .dsq-is-liked {

}


#dsq-content .dsq-comment-text {
	font-family: "trebuchet ms","lucida sans",lucida,arial,verdana,sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    margin-bottom: 1em;
}

.dsq-comment-message {
	padding-left: 0.2em;
}

/* ---------------- SIDEBAR STYLING ---------------- */	

#sidebar2 h3 {
	margin: 0 0 0 0;
	color: #603913;
	padding: 0;
	font-family: tahoma, sans-serif;
}

#sidebar2 p {
	margin: 4px 0 10px 0;
	padding: 0;
}

#sidebar2 p.byline {
	font-style: italic;
}
	
.message {
	padding: 15px 0;
	border-bottom: 1px solid #e0dcd8;
	}
	
.year {
	font-weight: normal;
	font-style: italic;
}

/* Footer styling */
	
#footer {
	background-color: black;
	clear: both;
	color: white;
	margin-top: 10px;
	display: block;
	padding: 10px 25px 30px;
	}
	
#footer p {
	padding: 0 0 3px 5px !important;
	margin: 0; 
}

#footer p.left {
	clear: left;
}
	
#footer a {
	font-weight: bold;
	color: white;
	}

#footer #ryit-teaser h2 {
	text-align: center;
}

#footer #ryit-teaser p {
	max-width: 600px;
	text-align: center;
	font-size: 14px;
	margin: 0.5em auto 2em;
	color: #777;
}

#footer iframe {
	margin: 0 auto;
	display: block;
}

#footer #ryit-teaser {
	width: 100%;
	clear: both;
	padding: 40px 0 60px;
}

#footer #ryit-teaser .subscribe-button-inner {
	display: block !important;
	margin: 20px auto 0 !important;
}

#footer #ryit-teaser .subscribe-button-inner iframe {
	position: relative !important;
}




/* end footer */
	
.sep {
	margin: 0 6px;
	color: #ccc;
}

#articles {
	margin-top: 1em;
}

#articles h2 {
	margin-bottom: 0.1em;
	font-size: 1.8em;
	line-height: 1.15em;
	padding: 0;
}

#articles p.byline {
	color: #333;
	font-family: "ff-nuvo-web-pro", sans-serif;
	font-size: 1.1em;
}

#articles p.excerpt {
	line-height: 1.3em;
	color: #666;
}

#articles h2 a {
	text-decoration: none;
	font-style: normal;
}

#articles article {
	margin-bottom: 2em;
	clear: both;
	float: left;
	width: 100%;
}

#articles article img {
	float: left;
}

#articles article .text {
    margin: 30px 0 0 0;
    float: left;
}

#articles article h2 {
	clear: none;
}

#articles h2 a:hover {
	text-decoration: underline;
}

#articles li {
	font-size: 14px;
	list-style: disc;
	line-height: 1.4em;
	margin-left: 1em;
	margin-bottom: 0.8em;
}
	
#articles li em {
	font-size: 0.8em;
	font-weight: bold;
	clear: both;
	display: block;
	font-style: normal;
	color: #999;
}

#articles li a {
	text-decoration: none;
}
	
#articles li a:hover {
	text-decoration: underline;
	}
/* ---------------------- MOVIE INDEX STYLING ---------------------- */
	
#movielist li {
	line-height: 20px;
	font-size: 13px;
}

#front #movielist li {
	line-height: 18px;
}

.sidebar #movielist {
	padding-top: 10px;
}

.sidebar #movielist li {
	font-style:normal;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
}

#image {
	margin: 28px 0 0 0;
}
	
	
/* -------------- MOVIE QUOTES ------------------ */

#moviequotes {
	position:absolute;
	top: -2px;
	right: 0;
}
	
#moviequotes .quote {
	position:absolute;
	top:0;
	right:0;
	z-index:8;
	display: none;
	background: black;
	color: white;
	height: 90px;
	width: 450px;
}

#moviequotes .quote.active {
	z-index: 10;
	display: block;
	opacity: 1.0;
}

#moviequotes .quote.last-active {
	z-index: 9;
	display: block;
}


#moviequotes blockquote {
	width: 300px;
	color: silver;
	font-style: italic;
	line-height: 18px;
	margin: 3px 10px 0 0;
	padding: 0;
	float: right;
}

#moviequotes blockquote strong {
	color: white;
}

#moviequotes blockquote p {
	font-size: 1.22em;
	line-height: 1.4em;
	margin: 0.5em 0 0.7em 0;
	}

#moviequotes cite {
	font-style: italic;
	clear: right;
	float: right;
	color: #999;
	margin: 0 20px 0 0;
	width: 100%;
	display: block;
	text-align: right;
	font-size: 1.1em;
}
	
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.cform {
	width: auto !important;
}

.cform textarea, .cform input {
	width:250px !important;
	font-size: 1em;
	color: gray;
}

.cform .cf-sb {
	text-align: left !important;
	padding-left: 95px !important;
}
.cform .cf-sb input {
	width: 100px !important;
}

.linklove {
	display: none !important;
}

#cformsform {
	padding-top: 10px !important;
}


/* -------------- NEXTGEN GALLERY ------------------ */

body .ngg-gallery-thumbnail {
	box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
	border-radius: 2px;
	min-height: 132px;
	margin: 10px 18px 8px 0;
}

.ngg-gallery-thumbnail img {
	border: 1px solid #DCD4CB;
	padding: 1px;
}

body .ngg-gallery-thumbnail a {
	max-height: 120px;
	overflow: hidden;
	margin: 6px;
}

.ngg-gallery-thumbnail a:hover img {
	border: 1px solid #333;
	background: white;
}

.piclenselink {
	display: none;
}

body .ngg-galleryoverview {
	margin: 0 0 20px 7px;
}

.slideshowlink {
	display: none !important;
}

/* -------------- NEWSLETTER ------------------ */

#newsletter {
	background: #f9f5f0;
	padding: 10px 10px 5px 10px;
	width: 250px;
}

#newsletter label {	
	margin-top: 8px;
}

#newsletter input, #newsletter select {	
	margin: 4px 0 10px 0;
	width: 141px;
	color: #444;
}

#newsletter input[type='submit'] {
	color: black;
	display: block;
	padding: 3px;
}

#newsletter input[type='submit']:hover {
	background-color: #603913;
	color: white;
	cursor: pointer;
}

#newsletter input.button {	
	width: 100px;
	margin: 10px 0 5px 0;
}

/* -------------- MOVIE-DATABASE ------------------ */
	
.movie-database #main h1 {
	margin-top: 0 !important;
}

.movie-database #contents {
	background: none;
}

.movie-database #main {
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 0 25px 50px 10px;
    font-size: 1.2em;
    box-sizing: border-box;
}

.movie-database .quicknav {
	float: right;
	max-width: 200px;
	margin: -15px 10px 12px 0;
}

.movie-database #main .quicknav h2 {
	font-size: 12px;
	text-transform: uppercase;
	font-family: tahoma;
} 

.quicknav form select {
    padding: 10px 8px 10px 9px!important;
    font-size: 16px;
    margin-bottom: 5px;
    width: 95%;
}

#main .quicknav form select {
	padding: 8px 8px 8px 4px !important;
}

.movie-database select {
	height: 36px;
	width: 200px;
	text-indent: 6px;
	box-shadow: 2px 2px 5px rgb(0 0 0 / 10%) inset;	
	border-radius: 3px;
	background: #f2f2f2;
}

.movie-database option {
	max-width: 200px;
}

#orderby {
	float: left;
}

#aboutscore {
	float: left;
	margin: 0 10px 0 25px;
	color: gray;
}

#movielisting {
	padding-top: 20px;
	clear: both;
}

#main .movie {
	float: left;
	width: 48%;
	margin-bottom: 20px;
}

#main .movie:nth-of-type(odd) {
	clear: left;
}

#main .movie:nth-of-type(even) {
	margin-left: 3%;
}

#main .movie.even {
	/* background: #f3f0ed;*/
}

#main .movie .text {
	margin-left: 96px;
}


.movie .thumbnail {
    padding: 4px 4px 3px 4px;
    float: left;
    overflow: hidden;
    margin: 0 18px 15px 0;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 15%);
    background: black;
}

.movie .thumbnail a {
	display:block;
	background:black;
	overflow: hidden;
}

.movie .thumbnail img {
}


#main .movie h2 {
	color: #603913;
	clear: none;
	padding: 8px 0 4px 9px;
	font-weight: 900;
	font-size: 18px;
	margin: 6px 0 3px;
	background: #603913;
	line-height: 1.3em;
}

#main .movie h2 a {
	text-decoration: none;
	color: white;
}

#main .movie h2 a:hover {
	text-decoration: underline;
}

#main .movie h3 {
	margin: 0;
	padding-top: 0.35em;
	font-size: 13px;
	font-family: tahoma, verdana, sans-serif;
	line-height: 1.2em;
	color: #333 !important;
}

#main .movie h3 .strong {
	color: black;
	}

#main .movie h3 .sep {
	font-weight: normal;
}

#promote_ckeditor {
	display: none;
}

/* ---------------------------- SOCIAL MEDIA STYLING ------------------------------- */

#social_media {
	background: url(images/social_media_bg.png) top left no-repeat;
	height: 50px;
	width: 100%;
	margin: 15px 0 0 0;
}

#main #social_media h3 {
	float: left;
	color: white;
	font-size: 16px;
	margin: 6px 0 0 20px;
}

#social_media a {
	margin: 0 3px 0 0;
	display: block;
	float: left;
}

#social_media a span {
	width: 44px;
	height: 44px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}

#social_media .links {
	margin: 0px 0 0 150px;
	padding-top: 1px;
}

#social_media .links a:hover span {
	background-position: 0 -44px;
}

#social_media a #share_facebook {
	background-image: url(images/share_facebook.png);
}

#social_media a #share_twitter {
	background-image: url(images/share_twitter.png);
}

#social_media a #share_rss {
	background-image: url(images/share_rss.png);
}

#social_media a #share_email {
	background-image: url(images/share_email.png);
}

.recommendation-article-image-container {
	background: url(images/shareaholic-noimage.jpg);
}


/* ---------------- TAGS STYLING ---------------- */	

#taggedmovies li {
	list-style: disc;
	list-style-position: inside;
	line-height: 1.4em;
	font-size: 14px;
}

.tags #tagcloud {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dashed silver;
	padding-bottom: 10px;
	border-bottom: 1px dashed silver;
	background-color: #f3f3f3;
}

.tags #tagcloud h2 {
	margin-bottom: 5px;
}

.tags #tagcloud .innerwrap {
	padding: 0 15px 15px 15px;
}


/* ------------------- POLLS ------------------ */

#sidebar2.sidebar p.closes {
	font-size: 10px;
	padding: 10px 5px 0 5px;
	border-top: 1px dashed #ccc;
}

.widget_polls-widget h3 {
	display: none;
}

.widget_polls-widget li {
	line-height: 1.4em;
	font-size: 12px;
	margin-bottom: 3px;
	width: 95%;
}

.wp-polls-ans  {
	margin:10px 0 0 3px;
	width: 95% !important;
	}
	
.wp-polls-ans li {
	font-size: 11px;
	/*border-bottom: 1px solid #eee;
	padding:0 0 5px;*/
}

/* ------------------- POPUPS ------------------ */

.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 800px;
	height: 520px;
	padding: 30px;
	top: 50%;
	left: 50%;
	background: black;
	border: 1px solid silver;
	transform: translate(-50%,-55%);
	max-width: 90%;
	box-shadow: 3px 3px 300px 100px rgba(0,0,0,1);
	z-index: 1000;
}

.popup .content h2 {
	color: white;
	padding: 0 0 0.5em 0;
	font-weight: bold;
}

.popup iframe {
	max-width: 100%;
}

.tedTalkPopup p {
	width: 95% !important;
	margin-left: 10px  !important;
}

#mediasidebar li {
	list-style: disc;
	list-style-position:inside;
	font-size: 12px;
	margin-left: 10px;
	width: 90%;
	line-height: 1.3em;
}

#mediasidebar .sociable {
	display:none;
}

#mediasidebar li a {
	text-decoration: none;
}

#mediasidebar li a:hover {
	text-decoration: underline;
}

#mediasidebar .about {
	font-size: 0.8em;
	color: gray;
	line-height: 1.3em;
	margin-left: 10px;
	width: 80%;
}

#mediasidebar .about a {
	color: gray;
	}

#mediasidebar #recread li {
	font-size: 1.3em;
}

#mediasidebar #recread br {
	display: none;
}



/* ----------------- SOCIAL FUNCTIONS STYLING----------------- */

.social-functions {
	margin: 5px 0 0 0;
	float: left;
	width:99%;
	background: #f6f6f6;
	padding: 8px 0 5px 1%;
}

.social-functions .comments {
	float: right;
	background: url(images/comments-bubble.gif) top left no-repeat;
	padding: 0 0 0 20px;
	margin: 5px 20px 0 0;
}

.social-functions .comments a:hover {
	text-decoration: none !important;
}

.social-functions .facebook-like {
	float: left;
	margin: 0 0 0 5px;
	width: 335px;
}

.facebook-like {
	float: right;
	width: 325px;
}

.page .facebook-like {
	float: none;
	width: 325px;
	margin: 0 auto;
	display: table;
	height: 40px;
}

.page .facebook-like .fb_iframe_widget {
	display: inherit;
	position: inherit;
	height: 40px;
}

.page .facebook-like .fb_iframe_widget span {
	display: inline-block;
	height: 40px !important;
}

.page .facebook-like .fb_iframe_widget span iframe {
	border: none;
	visibility: visible;
	width: 320px;
	height: 20px;
	display: table;
	margin: 0 auto;
	height: 40px !important;
}

div.shr-bookmarks {
	margin: 0 0 8px 0 !important;
	clear: both;
}

.shareaholic-show-on-load {
	clear: both !important;
}



/* ----------------- EVOLVE PAGE STYLING ----------------- */

.product {
	clear: left;
}

.product img {
	float: left;
	margin: 0 20px 20px 0;
}

.product .text {
	margin-left: 200px;
}

.product .text h2 {
	clear: none !important;
}

/* ----------------- PAGE NAVIGATION ----------------- */

.wp-pagenavi {
	float:left;
	margin:20px 0 0;
	width: 470px;
}

.wp-pagenavi span.pages {
	background-color: black;
	color:white;
	margin:0 4px 0 0;
	padding:4px 6px;
	border: 1px solid white;
}

.wp-pagenavi span.current {
	background-color:#603913;
	color: white;
	font-weight:bold;
	margin:0 4px 0 0;
	padding:4px 6px;
	border: 1px solid white;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	background-color: gray;
	color:white;
	margin:0 4px 0 0;
	padding:4px 6px;
	border: 1px solid white;
	font-weight:bold;
}

.wp-pagenavi a:hover {
	background-color:#603913;
	color: white;
	margin:0 4px 0 0;
	font-weight:bold;
	padding:4px 6px;
	border: 1px solid white;
}

.wp-pagenavi a:visited {
	background-color: gray;
	color:white;
	margin:0 4px 0 0;
	padding:4px 6px;
	border: 1px solid white;
	font-weight:bold;
}



/* -------------------- SEARCH ------------------------ */

#searchform {
	float: right;
	width: 235px;
	margin: 2px 0 10px 0;
}

form#searchform input[type=text] {
	padding: 6px 10px 4px 13px !important;
	max-width: 150px !important;
	float: left;
}

form#searchform input#searchsubmit {
	background: #603913 !important;
	color: white;
	box-shadow: 2px 2px 4px 4px rgba(0,0,0,0.1);
	padding: 5px 10px !important;
	margin: 3px 0 0 8px;
	float: left;
}

#searchform label {
	float: left;
	margin:4px 8px 0 0;
	font-weight: bold;
	color: #603913;
}


/* ----------------- CAPTION ----------------- */

#main .wp-caption p {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	text-align: left;
	color: gray;
	width: 85%;
	padding: 0 10% 0 5%;
}

/* THICKBOX STYLING */

#TB_title {
	background-color: black !important;
}

#TB_ajaxContent {
	background: black;
	color: white;
}

#TB_ajaxContent h2 {
	margin: 0px 0 10px;
	font-family: tahoma, lucida, sans-serif;
}

#TB_window {
	border: 3px solid black !important;
}

.hide {
	display: none;
}



/* ----------------- SUBSCRIBE FORMS ----------------- */

/*
#subForm {
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #e5e5e5;
	padding: 16px 18px 18px 18px;
	margin: 15px 0;
}

#review #subForm h3 {
  font-size: 17px;
  margin-bottom: 0.5em !important;
}

#subForm input {
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#subForm input.email {
    border: 1px solid #B7B7B7;
    box-shadow: 1px 1px 10px #BBBBBB inset;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #999999;
    float: left;
    font-size: 21px;
    font-weight: normal;
    margin: 0 6px 0 6%;
    padding: 8px 10px 7px 15px;
    width: 60%;
}

#subForm input:focus, #subForm input.active {
	color: #222;
}

#main #subForm p {
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	margin: 14px 0 0 0 !important;
	line-height: 1.4em;
	width: 100%;
	text-align: center;
  color: #555;
}

#subForm p strong {
	color: #603913;
}

#subForm input.button {
	background-color: #4C8297;
    border: medium none;
    color: white;
    float: left;
    font-size: 18px;
    margin: 0 0 0 2px;
    padding: 9px;
    text-align: center;
    width: 20%;
    cursor: pointer;
}

#subForm input.button:hover {
	background-color: #603913;
}

#subForm p {
	font-size: 10px;
	float: right;
}
*/


/* ----------------- CONTENT STYLING ----------------- */

body.contact .gform_wrapper, body.newsletter .capture-form {
	margin: 60px auto 80px;
	width: 80%;
}

body.newsletter .capture-form {
	margin-top: 30px;
}




/* ----------------- KWML PAGE STYLING ----------------- */

body.kwml .gform_wrapper, body.coaching .gform_wrapper {
	margin: -330px auto 30px auto;
	position: relative;
	z-index: 10;
	padding-top: 20px;
	border-top: 1px dashed rgba(255,255,255,0.2);
}

body.coaching .gform_wrapper:first-of-type {
	margin-top: -345px;
}

body.kwml .gform_wrapper ul label.gfield_label, body.coaching .gform_wrapper ul label.gfield_label {
	color: white;
	font-size: 14px;
	float: left;
	clear: none;
	width: 16%;
}

body.kwml .gform_wrapper ul li.gfield, body.coaching .gform_wrapper ul li.gfield {
	float: left;
	clear: none;
	padding-right: 12px;
	width: 48%;
}

body.kwml .gform_wrapper ul li.gfield input, body.coaching .gform_wrapper ul li.gfield input {
	width: 78%;
}

body.kwml .gform_wrapper ul li#field_6_4, body.coaching .gform_wrapper ul li#field_6_4, body.kwml .gform_wrapper ul li#field_7_4, body.coaching .gform_wrapper ul li#field_7_4 {
	width: 100%;
}

body.kwml .gform_wrapper ul textarea, body.coaching .gform_wrapper ul textarea {
	width: 95%;
	height: 130px;
}

body.kwml .gform_wrapper ul li#field_6_4 label.gfield_label, body.coaching .gform_wrapper ul li#field_6_4 label.gfield_label, body.kwml .gform_wrapper ul li#field_7_4 label.gfield_label, body.coaching .gform_wrapper ul li#field_7_4 label.gfield_label {
	width: auto;
}

body.kwml .gform_wrapper .gform_footer, body.coaching .gform_wrapper .gform_footer {
	margin-top: -10px;
	padding-top: 0;
}

body.kwml .gform_footer input[type=submit], body.coaching .gform_footer input[type=submit] {
	padding: 7px 25px;
}

body.kwml .gform_wrapper .gform_footer input.button, body.coaching .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	background-color: white;
	color: black;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

body.kwml .gform_wrapper .gform_footer input.button:hover, body.coaching .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
	color: white;
	background-color: #603913;
}

body.kwml #main .gform_body .ginput_container input, body.kwml #main .gform_body .ginput_container textarea, body.coaching #main .gform_body .ginput_container input, body.coaching #main .gform_body .ginput_container textarea {
	-webkit-box-shadow: inset 1px 1px 9px #666;
	-moz-box-shadow: inset 1px 1px 9px #666;
	box-shadow: inset 1px 1px 9px #666;
	background-color: #aaa;
	border-color: #aaa;
	padding: 5px 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body.kwml #main .gform_body .ginput_container input:focus, body.kwml #main .gform_body .ginput_container textarea:focus, body.coaching #main .gform_body .ginput_container input:focus, body.coaching #main .gform_body .ginput_container textarea:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #eee;
}




/* ----------------- KARTRA STYLING ----------------- */

/*
.kartra_optin_form_overlay {
	display: none;
}

.kartra_optin_container {
	display: none;
}
*/

#mm-popup-overlay {
  position: fixed;
  background: rgba(0,0,0,0.7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

.mm-popup {
  position: absolute;
  margin-left: -300px;
  top: 90px;
  z-index: 10001;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}

.mm-popup .innerwrap {
  border-radius: 10px;
  z-index: 1000;
  box-shadow: 0 0 25px rgba(0,0,0,0.4);
  overflow: hidden;
  /*
  transition: 0.5s all;
  opacity: 1; */
}


@keyframes mm-popup {
    0% {transform: scale(0.3); opacity: 0;}
    50% {transform: scale(1.05); opacity: 1;}
    65% {transform: scale(0.95) rotate(-6deg); opacity: 1;}
    80% {transform: scale(1) rotate(8deg); opacity: 1;}
    100% {transform: scale(1); opacity: 1;}
}

.mm-popup.hidden, #mm-popup-overlay.hidden {
	visibility: hidden;
	opacity: 0;
	display: none;
	/*transition: 1s all; */
	/* animation-delay: 5s; */
}

.mm-popup .hidden {
	display: none;
	visibility: hidden;
	opacity: 0;
	margin: 0;
	height: 0;
}

.mm-popup.visible {
	display: block;
	animation-name: mm-popup;
	animation-duration: 1s;
	transform-origin: 50% 0%;
}

.mm-popup .ui {
  background: url(/wp-content/uploads/2018/10/bg-pattern.png) rgba(29, 40, 40, 0.95) !important;
  padding: 40px 0;
  margin: 0 auto;
}

.mm-popup .step_two .ui {
  padding: 0;
}

.mm-popup .ui ul {
  width: 100%;
  margin: 0 auto;
  max-width: 200px;
  display: table;
}

.mm-popup .ui li {
  padding: 0 10px; 
  list-style: none;
  cursor: pointer;
  display: table-cell;
}

.mm-popup .ui li.sep-text {
  padding: 0 10px;
  font-weight: bold;
  color: white;
}

.mm-popup .step .content {
  padding: 3em 4em 2em;
  text-align: center;
  font-size: 16px;
}

.mm-popup .step.step_two .content {
  padding: 3.5em 4em 2em; 
  font-size: 16px;
}

.mm-popup .step h2 {
	text-align: center;
	font-size: 0.9em;
	font-family: Georgia,"Times New Roman",Times,serif;
	margin: 20px 0 0 0;
	color: #777;
}

.mm-popup .step h3 {
	font-family: "ff-nuvo-web-pro", sans-serif;
	font-size: 36px;
	text-align: center;
	line-height: 1.2em;
	margin-bottom: 0;
	margin-top: 0;
	color: #603913;
	font-weight: bold;
	padding: 0.5em 0 0.4em 0;
}

.mm-popup p {
	font-style: italic;
    font-size: 16px;
    margin: 0;
    font-family: Georgia,"Times New Roman",Times,serif;
    color: #777;
    line-height: 1.4em;
}

.mm-popup .step_one {
  background: white;
  overflow: hidden;
}

.mm-popup .step_two {
  display: none;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  border-radius: 20px;
  overflow: hidden;
}

.mm-popup .sep-text {
  font-weight: 900;
  font-family: "museo-sans", sans-serif;
}

.mm-popup ul {
  display: block;
  margin: 0 auto;
  padding: 0;
 
}

.mm-popup li a {
	padding: 12px 25px 9px;
	border-radius: 10px;
	background: white;
	font-family: "ff-nuvo-web-pro", sans-serif;
	font-weight: 700;
	background: rgb(255,255,220);
	color: #333;
	transition: 0.5s all;
	display: block;
	font-size: 18px;
	text-decoration: none;
}

.mm-popup li a:hover {
  transform: scale(0.9);
  background: white;
}

.mm-popup a.close, .popup a.close {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  opacity: 1;
  background: white;
  width: 40px;
  height: 34px;
  z-index: 10000000;
  position: absolute;
  right: -10px;
  border-radius: 25px;
  color: white;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  top: -10px;
  font-family: fontAwesome;
  text-align: center;
  padding-top: 7px;
  background: rgba(100, 140, 140, 1);
  transition: 0.5s all;
  text-decoration: none;
}

.mm-popup a.close:hover, .popup a.close:hover {
  transform: scale(0.85);
  color: white;
}

.mm-popup .logo {
	background-image: url(http://www.masculinity-movies.com/wp-content/uploads/2018/10/logo-for-newsletter.png);
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-left: -30px;
	border-radius: 80px;
	top: -32px;
	width: 70px;
	background-color: white;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	height: 70px;
	background-size: 85px 85px;
	border: 6px solid white;
	background-position: -5px -5px;
	background-repeat: no-repeat;
}



/************* FORM STYLING ***********/


/* ----- Gravity forms ----- */


.gform_body li {
	margin-left: 0;
}

.gform_body .ginput_container {
	margin-bottom: 0.5em;
}

.gform_body label, .gform_body legend {
	font-size: 14px;
	color: #555 !important;
	margin: 0 0 4px 3px;
}

.gform_body .ginput_container input, .gform_body .ginput_container select, .gform_body .ginput_container textarea  {
	padding: 4px;
	font-size: 16px;
	-moz-box-shadow: inset 1px 1px 4px #eee;
	box-shadow: inset 1px 1px 4px #eee;
	color: #333;
	background-color: #eee !important;
	border: 1px solid silver;
	border-radius: 4px;
}

form.capture-form .gform_body .ginput_container input, form.capture-form .gform_body .ginput_container select, form.capture-form .gform_body .ginput_container textarea {
	margin-top: 0 !important;
	padding: 12px 15px 12px 13px !important;
	box-sizing: border-box;
}

.gform_body .ginput_container textarea {
	font-size: 15px;
	padding: 5px;
	font-family: tahoma, arial, sans-serif;
}

.gform_wrapper {
	margin: 0;
	width: 86% !important;
}

#gform_1 li.gsection {
	margin-left: 0;
}

#gform_1 li {
	margin-left: 0.3em;
}

.gform_wrapper h2.gsection_title {
	font-size: 16px;
}

#gforms_confirmation_message {
	padding: 15px 20px !important;
	line-height: 1.3em !important;
}


#contents > #fb1000 {
	background: url(images/facebook-1000-header-ad.png) top left;
	max-width: 982px;
	height: 125px;
	margin: -30px 0 30px -8px;
	position: relative;
}

#contents > #fb1000 .fb_iframe_widget {
	position: absolute;
	right: 80px;
	bottom: 55px;
}


.gfield_validation_message {
	color: red;
	font-style: italic;
	margin: 10px 0 5px 1px;
}


/* ----- Popup form ----- */

.capture-form form label {
	color: #555 !important;
	font-size: 16px;
	line-height: 1.35em;
}

#sidebar2 .capture-form form label {
	font-size: 14px;
}

#sidebar2 .capture-form form .consent label {
	margin-left: 20px !important;
}

#sidebar2 .capture-form form button {
	margin-top: 20px !important;
}

.mm-popup form .consent label {
	color: white !important;
}

.capture-form form input {
	padding: 12px 15px 12px 13px !important;
	clear: left;
}

.capture-form form button {
	padding: 12px 30px !important;
	font-size: 14px !important;
	margin: 23px auto 5px auto !important;
	clear: left;
	display: table;
}

.capture-form form button.disabled {
	opacity: 0.75;
}

.capture-form form select{
	margin: 4px 0 15px 0;
	width: 165px;
}

.mm-popup form {
	width: 80%;
	margin: 30px auto 0;
	padding: 20px 0 25px;
}

.mm-popup button {
	display: block;
	margin: 0 auto;
}

.mm-popup form label, .mm-popup .capture-form form label {
	color: white !important;
	font-size: 16px !important;
}


.mm-popup form .consent .emails, .mm-popup form .consent .gdpr {
	margin: 3px 10px 11px 0 !important;
	text-align: left;
	color: white;
}


/* ----- General form styling ----- */

form label, .capture-form form label {
	font-size: 18px;
	margin: 10px 0 0 0;
	display: block;
	color: white;
	text-align: left;
}

.text-black form label {
	color: #333;	
}

.text-black form .consent label {
	color: #646464;
}

form input {
	transition: 0.3s all;
}

form input:focus {
	background: #f9f9f9 !important;
}

form button {
	text-transform: uppercase;
	font-family: "fira-sans", tahoma, sans-serif;
	font-size: 15px;
	transition: 0.3s all;
	border: 2px solid white;
	box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
	padding: 16px 30px 16px !important;
	background: #3e6655;
   color: white;
	margin-top: 10px !important;
	border-radius: 4px !important;
	cursor: pointer;
}

form button.disabled {
	background: #777 !important;
	cursor: default !important;
	opacity: 0.6;
} 

form button:not(.disabled):hover {
	transform: scale(0.97);
}

/*
form button {
	text-transform: none;
	padding: 13px 25px;
	margin: 28px auto 12px;
	display: block;
	border-radius: 6px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: 0.5s all;
	border: none;
}

form .button {
	background: rgb(58, 89, 92);
	border-radius: 5px;
	padding: 10px 30px;
}
*/


form div.consent {
	margin-top: 12px;
	margin-bottom: 16px;
	font-family: georgia;
}

form .consent input {
	display: inline-block;
	float: left;
	margin: 13px 5px 0 0 !important;
}

form .consent input:first-child {
	margin-top: 4px !important;
}
	
	
.white-bg .capture-form .consent .emails, .white-bg .capture-form .consent .gdpr {
	color: #333;
}

form i.fa {
	transition: 0.3s all;
}

form i.fa:hover {
	cursor: pointer;
	color: red;
}

/*
form {
	padding: 20px 0px 25px 60px;
} */

form input, form select, form textarea {
	padding: 16px 20px 16px 23px !important;
	font-size: 18px;
	border-radius: 4px;
	box-shadow: 2px 2px 8px rgb(0 0 0 / 10%) inset !important;
	margin: 0 0 10px 0;
	transition: 0.5s all;
	border: 1px solid gray;
	background: #eee !important;
	box-sizing: border-box;
}

form input[type=text], form input[type=email], form select, form textarea {
	width: 100%;
	margin: 3px 0 10px 0;
}

form > div {
	position: relative;
}

form div.error:before {
	content: "\f071";
	position: absolute;
	top: 13px;
	right: 12px;
	font-family: 'fontAwesome';
	font-size: 22px;
	vertical-align: 10px;
	color: rgb(230, 0, 0);
}

form input:focus {
	background: white;
	color: #333;
}

form input, form input input {	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #bbb;
	box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	color: #bbb;
	font-size: 14px;
}

form button, form[id^=gform] button {	
	padding-top: 10px;
	padding-bottom: 10px;
}

form input.active, form[id^=gform] input.active {
	color: #222;
}

form span.gfield_required {
	color: rgb(150,0,0);
}

form div.gform_validation_container {
	opacity: 0.4;
}

@media all and (max-width: 400px) {
  body .mm-popup {
    top: 0 !important;
    border-radius: 0 !important;
  }

  body .mm-popup .step_one, body .mm-popup .step_two {
    border-radius: 0;
  }

  body .mm-popup .innerwrap {
    border-radius: 0 !important;
  }

  body .mm-popup .logo {
    top: 20px;
  }

   body .mm-popup .step .content, body .mm-popup .step .content {
      padding: 6.5em 1.5em 1.5em !important;
  }

  body .mm-popup a.close {
    top: 10px;
    right: 10px;
  }

  body .mm-popup form {
    padding: 3em 1.5em 0;
  }
}

@media all and (max-width: 899px) {	
	#contents_wrap {
		background: none;
	}
			
	.col1, .col2 {
		width: 100%;
	}	
	
	h1 {
		margin-top: 1.5em !important;
	}
	
	#wrap {
		max-width: 100%;
	}
	
	#menu {
		max-height: none;
	}
	
	#main {
		max-width: 99%;
		width: 100%;
		box-sizing: border-box;
		padding: 0 30px 80px;
		margin-left: 0;
	}
	
		
	#enter_button a {
		margin: 0 auto;	
	}
	
	#main p {
		margin-bottom: 1em;
		color: #444;
		font-size: 16px;
		line-height: 1.6em;
	}
	
	#contents {
		background: white !important;
		margin: 0px auto 0;
	}
	
	#sidebar2 {
		background: none;
		clear: both;
		float: none;
		margin: 40px auto 0;
	}
}

@media all and (max-width: 850px) {
	body #main {
		padding: 0 15px 10px 5px;
	}
	
	body #review h2 {
		border-left: none;
		margin: 0;
		padding: 0 !important;
	}
	
	#enter_button {
		width: 100%;
	}
	
	.movie-database #main {
		padding-right: 15px !important; 
	}
	
	#menu li {
		width: 100%;
		border-bottom: 1px dashed #777;
	}
	
	#menu ul.sub-menu {
		transform: none;
		position: relative;
		top: 0;
		left: 0;
		text-indent: 20px;
	}
	
	#main .movie {
		float: left;
		width: 98%;
		margin: 0 0 20px 0 !important;
	}
	
	#main .movie p.tags {
		font-size: 1.2em !important;
		line-height: 1.5em !important;
		margin-left: 18px;
	}
	
	#sidebar2 {
		margin-bottom: 100px;
	}
}

@media all and (max-width: 700px) {
	#logo {
		display: block;
		margin: 50px auto 30px;
		float: none;
	}
	
	#moviequotes {
		display: none;
	}
	#main {
		max-width: 100%;
		padding: 0 20px;
	}
}

@media all and (min-device-width: 100px) and (max-device-width: 768px) { 

	#contents_wrap {
		background: none;
	}
	
	h1 {
		margin-top: 1.5em !important;
	}
	
	#wrap {
		margin: 0px auto 50px auto;
	}
	
	#main {
		max-width: 96%;
		width: 100%;
		box-sizing: border-box;
		padding: 0 30px;
	}
	
	#main p {
		margin-bottom: 1em;
		color: #444;
		font-size: 1.6em !important;
		line-height: 1.8em !important;
	}
	
	#contents {
		background: white !important;
		margin: 0px auto 0;
	}
	
	#sidebar2 {
		background: none;
		clear: both;
		float: none;
		margin: 40px auto 0;
	}
	
	.col1, .col2 {
		width: 98%;
	}	
	
	#enter_button {
		width: 100%;
	}
	
	#enter_button a {
		margin: 0 auto;	
	}
	
	#menu {
		max-height: none;
		display: none;
		margin-top: 0;
	}
	
	#menu.visible {
		display: flex;	
		flex-direction: column;
	}
	
	#menu_wrap {
		position: relative;
		background: #333;
		height: 54px;
		clear: left;
	}
	
	#menu ul.sub-menu {
		display: block;
	}
	
	#menu_wrap #toggle {
		display: block;
	}
	
	#menu li {
		width: 100%;
		border-bottom: 1px dashed #777;
	}
	
	#menu li a {
    font-size: 20px;
    padding: 25px;
	}
	
	#menu li li a {
		 padding: 25px;
	}
	
	#menu ul.sub-menu {
		transform: none;
		position: relative;
		top: 0;
		left: 0;
		text-indent: 20px;
	}
	#logo {
		display: block;
		margin: 50px auto 30px;
		float: none;
	}
	
	#moviequotes {
		display: none;
	}
	#main {
		max-width: 100% !important;
		padding: 0 30px 0 20px;
		width: 100% !important;
		margin: 0;
	}

	#main .story {	
		border: none !important;	
	}
	
	#main .movie:nth-of-type(even) {
		margin-left: 0;
		clear: left;
	}
	
	
	/* ------------- story ------------- */
	
	div.story div {
		padding: 16px !important;
	}
	
	
	#main .story > h2 {
		font-size: 2.5em;
		padding: 0.8em 16px 0em !important;
    	line-height: 1.15em;
	}
	
	#main .story h3 {
		background: #603913;
		border-bottom: none;
		color: white;
		font-size: 2.2vw;
		padding: 15px 20px 0 20px;
		height: 30px;
		font-family: tahoma, "lucida sans", lucida, arial, verdana, sans-serif;
		font-weight: 300;
		min-height: 100%;
	}
	
	#main .story h3 .date {
		font-size: 1em;
	}
	
	div.story ul {
		padding-left: 20px;
	}
	
	
	
	/* ---------- movie database ---------- */
	
	#main .movie {
		width: 100%;
	}
	
	#review {
		width: 100% !important;
		border: none !important;
		margin-top: 40px !important;
	}
	
	.topleft {
		width: 100% !important;
	}
	
	#mediasidebar {
		width: 100% !important;
		margin-top: 40px !important;
	}
	
	.viewTrailer a {
		margin: 40px auto 0;
		display: block;
	}
	
	#title_area h1 {
		font-size: 4em;
		margin: 0 !important;
	}

	
	#contents_wrap.review #sidebar1 {
		display: none !important;
	}
}
	
/* Sidebar registration */

.g-recaptcha {
	margin: 24px auto 0 !important;
    display: table !important;
}
	
/* ----------------- GENERAL STYLING ----------------- */

.button {
	margin: 0 auto;
}

.gform_footer {
	margin-top: 30px;
}

.button a, .gform_footer input[type=submit] {
	background: #603913 !important;
	margin: 10px auto 25px;
	padding: 11px 30px !important;
	color: white !important;
	border-radius: 7px;
	display: table;
	text-decoration: none;
	box-shadow: 1px 1px 4px #999 !important;
	border: none;
	font-size: 18px !important;
	transition: 0.5s all;
}

.button a:hover, .gform_footer input[type=submit]:hover {
	background-color: black;
	cursor: pointer;
	transform: scale(0.95);
}



/* Malcare */

div[style*="max-width:150px;min-height:70px;"] {
    display: none;
    border: 1px solid red !important;
}