/*
	Theme Name: Modern Portfolio Pro Theme
	Theme URI: http://my.studiopress.com/themes/modern-portfolio/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/
	Version: 2.0.0

	Tags: black, white, one-column, two-columns, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page

	Template: genesis
	Template Version: 2.0.0

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*
Imports
---------------------------------------------------------------------------------------------------- */
@font-face {	font-family: 'Icon';	src:url('fonts/Icon.eot');	src:url('fonts/Icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/Icon.woff') format('woff'),		url('fonts/Icon.ttf') format('truetype'),		url('fonts/Icon.svg#Icon') format('svg');
	font-weight: normal;	font-style: normal;}

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
   normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.clearfix:before,
.entry-content:before,
.entry:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.clearfix:after,
.entry-content:after,
.entry:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	background-color: #fff;
	color: #222;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.625;
}

body > div {
  font-size: 18px;
  font-size: 1.8rem;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #222;
	color: #fff;
}

::selection {
	background-color: #222;
	color: #fff;
}

a {
	color: #27b4b2;
}

a:hover {
	color: #222;
}

p {
	margin: 0 0 24px;
	margin: 0 0 2.4rem;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

blockquote,
blockquote::before {
	color: #999;
}

blockquote {
	margin: 40px 40px 24px;
	margin: 4rem 4rem 2.4rem;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

.entry-content code {
	background-color: #333;
	color: #ddd;
}

cite {
	font-style: normal;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Merriweather', serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
	padding: 0;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

h4 {
	font-size: 24px;
	font-size: 2.4rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.featured-content img,
.gallery img {
	width: auto; /* IE8 */
}

#blog img,
#portfolio img {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
	opacity: 1;
}

/* #blog img:hover,
#portfolio img:hover {
	opacity: 1;
} */

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 0 5px #ddd inset;
	color: #888;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 16px;
	padding: 1.6rem;
	width: 100%;
}

input[type="checkbox"], 
input[type="radio"], 
input[type="image"] {
	width: auto;
}

input:focus,
textarea:focus {
	border: 1px solid #aaa;
	outline: none;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

.button,
.widget .button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #27b4b2;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 16px 24px;
	padding: 1.6rem 2.4rem;
	width: auto;
	text-align: center;
	text-decoration: none;
}

.button:hover,
.widget .button:hover,
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
	background-color: #333;
	color: #fff;
}

.entry-content .button:hover {
	color: #fff;
}

.button,
.widget .button {
	border-radius: 3px;
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

#services a.button {
	float: right;
	line-height: 1;
	margin-top: -40px;
	margin-top: -4rem;
	padding: 20px 24px;
	padding: 2rem 2.4rem;
}

.mpp-landing a.button {
	margin-top: 16px;
	margin-top: 1rem;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: 700;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
	padding: 0.6rem 0;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.wrap {
	margin: 0 auto;
	max-width: 1140px;
}

.site-inner {
	clear: both;
	margin: 0 auto;
	max-width: 1140px;
	padding-top: 50px;
	padding-top: 5rem;
}

.mpp-home .site-inner {
	padding: 0;
	max-width: 100%;
}

.mpp-landing .site-inner {
	border: 1px solid #222;
	max-width: 700px;
	margin: 32px auto;
	margin: 3.2rem auto;
	padding: 48px 60px 0;
	padding: 4.8rem 6rem 0;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
	float: right;
	width: 64.912280701754%; /* 740px / 1140px */
}

.content-sidebar .content {
	float: left;
}

.full-width-content .content {
	width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 29.824561403509%; /* 340px / 1140px */
}

.sidebar-content .sidebar-primary {
	float: left;
}


/* Column Classes
   Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

.alignright .avatar {
	margin-left: 24px;
	margin-left: 2.4rem;
}

.search-form {
	overflow: hidden;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 2.4rem;
}

a.alignnone img {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignright {
    max-width: 100%;
}

a.alignleft img,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
	margin: 0 2.4rem 2.4rem 0;
}

a.alignright img,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
	margin: 0 0 2.4rem 2.4rem;
}

.entry-content .wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	margin: 0;
	text-align: center;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	border-bottom: 1px solid #222;
	margin-bottom: 48px;
	margin-bottom: 4.8rem;
	overflow: hidden;
	padding: 8px 0 24px;
	padding: 0.8rem 0 2.4rem;
}

.archive-description,
.author-box {
	background-color: #f5f5f5;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.archive-description {
	padding: 40px 40px 24px;
	padding: 4rem 4rem 2.4rem;
}

.author-box {
	padding: 40px;
	padding: 4rem;
}

.author-box-title {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
}

.author-box p {
	margin-bottom: 0;
}

.author-box .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

/* Titles
--------------------------------------------- */

.entry-title {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1;
}

.entry-title a,
.sidebar .widget-title a {
	color: #222;
	text-decoration: none;
}

/* 
removed in december
.entry-title a:hover {
	color: #27b4b2;
} */

.widget-title {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}

.archive-title {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}


/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.widget li {
	list-style-type: none;
}

.widget ol {
	margin-left: 24px;
	margin-left: 2.4rem;
}

.widget li li {
	border: none;
	margin: 0 0 0 18px;
	margin: 0 0 0 1.8rem;
	padding: 0;
}


/* Featured Content
--------------------------------------------- */

.featured-content .entry {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.featured-content .entry-title {
	border: none;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
	margin-bottom: 8px;
	margin-bottom: 0.8rem;
}

.featured-content .entry-title a {
	text-decoration: none;
}


/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget {
	color: #fff;
}

.enews-widget .widget-title {
	color: #fff;
}

.enews-widget input {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.enews-widget input:focus {
	border: 1px solid #ddd;
}

.enews-widget input[type="submit"] {
	background-color: #27b4b2;
	color: #fff;
	margin: 0;
	width: 100%;
}

.enews-widget input:hover[type="submit"],
#services a.button:hover {
	background-color: #fff;
	color: #222;
}

.enews form + p,
.enews form + p:last-child {
	margin-top: 24px;
	margin-top: 2.4rem;
}

/* Genesis Latest Tweets
--------------------------------------------- */

.latest-tweets ul li {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}

/* Gravity Forms
--------------------------------------------- */

div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 16px;
	padding: 1.6rem;
}

div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
	margin: 1.6rem 0 0;
}

div.gform_wrapper .gform_footer input[type="submit"] {
	font-size: 14px;
	font-size: 1.4rem;
}

/* Jetpack
--------------------------------------------- */

img#wpstats {
	display: none;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header .wrap {
	border-bottom: 1px solid #222;
	overflow: hidden;
	padding: 32px 0;
	padding: 3.2rem 0;
}

.mpp-home .site-header .wrap {
	border: none;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 12px 0;
	padding: 1.2rem 0;
	width: 35%;
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1;
	margin: 0 0 8px;
	margin: 0 0 0.8rem;
	text-transform: lowercase;
}

.site-title a,
.site-title a:hover {
	color: #222;
	text-decoration: none;
}

.site-title a::before {
	background-color: #222;
	border-radius: 50%;
	color: #fff;
	content: "M"; /* Used to display the letter in the header logo */
	cursor: pointer;
	display: inline-block;
	font-family: 'Merriweather', serif;
	height: 48px;
	line-height: 2.1;
	margin-right: 12px;
	margin-right: 1.2rem;
	padding: 3px 4px;
	padding: 0.3rem 0.4rem;
	text-align: center;
	width: 48px;
	text-transform: uppercase;
}

.site-title a:hover::before {
	background-color: #27b4b2;
}

.site-description {
	color: #999;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	height: 0;
	line-height: 1;
	margin-bottom: 0;
	text-indent: -9999px;
}

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
	width: 100%;
}

.header-image .site-description,
.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

/* Logo, hide text */

.header-image .site-title a {
	float: left;
	min-height: 90px;
	width: 100%;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	padding-top: 8px;
	padding-top: 0.8rem;
	width: 60%;
}

.site-header .widget {
	margin-bottom: 0;
}

.site-header .search-form {
	float: right;
	margin-top: 24px;
	margin-top: 2.4rem;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	color: #222;
	line-height: 1.5;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.genesis-nav-menu a {
	border: none;
	color: #222;
	display: block;
	line-height: 1;
	padding: 24px 20px;
	padding: 2.4rem 2rem;
	position: relative;
	text-decoration: none;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	background-color: #222;
	color: #fff;
}

.genesis-nav-menu .sub-menu {
	border-top: 1px solid #222;
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #222;
	border-top: none;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 20px;
	padding: 2rem;
	position: relative;
	width: 200px;
}

.genesis-nav-menu .sub-menu a:hover {
	background-color: #222;
	color: #fff;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -56px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	display: inline-block;
	float: right;
	line-height: 1;
	list-style-type: none;
	padding: 24px 0;
	padding: 2.4rem 0;
}

.genesis-nav-menu > .right > a {
	display: inline;
	padding: 0;
}

.genesis-nav-menu > .right > a:hover {
	background: none;
	color: #27b4b2;
}

.genesis-nav-menu > .rss > a {
	margin-left: 20px;
	margin-left: 2rem;
}

.genesis-nav-menu > .search {
	padding: 6px 0 0;
	padding: 0.6rem 0 0;
}

.genesis-nav-menu li.highlight-menu-item a {
	background-color: #222;
	color: #fff;
	margin-left: 20px;
	margin-left: 2rem;
}

.genesis-nav-menu li.highlight-menu-item a:hover {
	background-color: #27b4b2;
	color: #fff;
}

/* Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu a:hover {
	background-color: #fff;
	color: #27b4b2;
}

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary .wrap {
	border-bottom: 1px solid #222;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary .wrap {
	border-bottom: 1px solid #222;
}

/* Responsive Menu
--------------------------------------------- */

#responsive-menu-icon {
	cursor: pointer;
	display: none;
}

#responsive-menu-icon::before {
	-webkit-font-smoothing: antialiased;
	color: #222;
	content: "\e00e";
	font-family: 'Icon';
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 auto;
	speak: none;
	text-transform: none;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Home Page
--------------------------------------------- */

#about,
#blog,
#portfolio,
#services {
	clear: both;
	overflow: hidden;
}

#about,
#services {
	background-color: #222;
	color: #fff;
	font-size: 20px;
	font-size: 2rem;
	padding: 60px 0 36px;
	padding: 6rem 0 3.6rem;
}

#about .entry-meta a:hover,
#about .entry-title a,
#about a:hover,
#services .entry-meta a:hover,
#services .entry-title a,
#services a:hover {
	color: #fff;
}

#about .entry-meta a,
#about .entry-title a:hover,
#services .entry-meta a,
#services .entry-title a:hover {
	color: #ccc;
}

#portfolio {
	padding: 60px 0 16px;
	padding: 6rem 0 1.6rem;
}

#blog {
	padding: 60px 0 0;
	padding: 6rem 0 0;
}

.mpp-home .content .featuredpost .entry,
#services .alignright {
	float: left;
	margin-right: 5.263157894737%; /* 60px / 1140px */
	width: 29.824561403509%; /* 340px / 1140px */
}

#services .alignleft {
	width: 64.912280701754%; /* 740px / 1140px */
}

.mpp-home .content .featuredpost .entry:nth-of-type(3n+3) {
	margin-right: 0;
}

.mpp-home .content .featuredpost .entry:nth-of-type(3n+1) {
	clear: left;
}

#blog .widget-title,
#portfolio .widget-title {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.mpp-home .content .featuredpost h4, 
.mpp-home .content .featuredpost ul, 
.mpp-home .content .featuredpost .more-from-category {
    clear: both;
}


/* Entries
--------------------------------------------- */

.entry {
	border-radius: 3px;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.entry-content ol,
.entry-content ul {
	margin-left: 24px;
	margin-left: 2.4rem;
}

.entry-content ol > li,
.widget ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content .search-form {
	width: 50%;
}

.entry-meta {
	clear: both;
	color: #888;
	font-size: 16px;
	font-size: 1.6rem;
}

.entry-meta a {
	color: #222;
}

.entry-meta a:hover {
	color: #27b4b2;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.entry-footer .entry-meta::before {
	border-top: 1px solid #222;
	content: "";
	display: block;
	padding-bottom: 32px;
	padding-bottom: 3.2rem;
	width: 10%;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
	margin: 0 0.6rem 0 0.2rem;
}

.entry-categories,
.entry-tags {
	display: block;
}

/* After Entry
--------------------------------------------- */

.after-entry {
	background-color: #222;
	color: #fff;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	padding: 8%;
	text-align: center;
}

.after-entry .widgettitle {
	color: #fff;
	font-size: 20px;
	font-size: 2rem;
}

.after-entry .entry-title a,
.after-entry .widget .entry-meta a:hover {
	color: #fff;
}

.after-entry .widget .entry-meta a {
	color: #ccc;
}

.after-entry .entry-title a:hover {
	color: #27b4b2;
}

.after-entry p:last-child {
	margin: 0;
}

.after-entry li {
	list-style-type: none;
}

.after-entry li a {
	color: #999;
}

/* Pagination
--------------------------------------------- */

.archive-pagination,
.entry-pagination {
	clear: both;
	margin: 40px 0;
	margin: 4rem 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #222;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
	padding: 8px 12px;
	padding: 0.8rem 1.2rem;
	text-decoration: none;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #27b4b2;
	color: #fff;
}

/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.comment-content {
	clear: both;
}

.entry-comments .comment-author {
	margin-bottom: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%
}

.comment-respond label {
	display: block;
	margin-right: 12px;
	margin-right: 1.2rem;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
	margin-top: 24px;
	margin-top: 2.4rem;
	padding: 32px;
	padding: 3.2rem;
}

.comment-list li li {
	margin-right: -32px;
	margin-right: -3.2rem;
}

li.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
}

.comment .avatar {
	margin: 0 16px 24px 0;
	margin: 0 1.6rem 2.4rem 0;
}

.comment-header {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
}

.comment-header .comment-meta {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 24px;
	padding: 2.4rem;
}


/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar p:last-child,
.sidebar ul {
	margin-bottom: 0;
}

.sidebar li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	background-color: #fff;
	margin-bottom: 32px;
	margin-bottom: 3.2rem;
	overflow: hidden;
}

.sidebar .widget::after {
	border-bottom: 1px solid #222;
	content: "";
	display: block;
	padding-bottom: 32px;
	padding-bottom: 3.2rem;
	width: 20%;
}

.sidebar .enews {
	background-color: #222;
	margin-bottom: 8px;
	margin-bottom: 0.8rem;
	padding: 32px;
	padding: 3.2rem;
}

.sidebar .widget.enews-widget::after {
	border-bottom: none;
	padding-bottom: 0;
}



/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #222;
	color: #fff;
	clear: both;
	padding: 60px 0 16px;
	padding: 6rem 0 1.6rem;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 29.824561403509%; /* 340px / 1140px */
}

.footer-widgets-1 {
	margin-right: 5.263157894737%; /* 60px / 1140px */
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

.footer-widgets a,
.footer-widgets .entry-meta a {
	color: #aaa;
}

.footer-widgets a:hover {
	color: #fff;
}

.footer-widgets .widget {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.footer-widgets .widget-title {
	color: #fff;
	font-size: 20px;
	font-size: 2rem;
}

.footer-widgets li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
}

.footer-widgets .search-form input:focus {
	border: 1px solid #ddd;
}

a.social-buttons {
	background-color: #888;
	color: #fff;
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 4px 4px 0;
	margin: 0 0.4rem 0.4rem 0;
	overflow: hidden;
	padding: 4px 8px;
	padding: 0.4rem 0.8rem;
	text-decoration: none;
}

a.social-buttons:hover {
	background-color: #fff;
	color: #222;
}


/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	border-top: 1px solid #222;
	padding: 35px 0;
	padding: 3.5rem 0;
	text-align: center;
}

.site-footer p {
	margin-bottom: 0;
}

.site-footer a {
	color: #222;
}

.site-footer a:hover {
	color: #27b4b2;
}


/*
Theme Colors
---------------------------------------------------------------------------------------------------- */

/* Modern Portfolio Pro Blue
--------------------------------------------- */

.modern-portfolio-pro-blue .after-entry .entry-title a:hover,
.modern-portfolio-pro-blue .entry-meta a:hover,
.modern-portfolio-pro-blue .entry-title a:hover,
.modern-portfolio-pro-blue .genesis-nav-menu > .right > a:hover,
.modern-portfolio-pro-blue .site-footer a:hover,
.modern-portfolio-pro-blue .site-header .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.modern-portfolio-pro-blue .site-header .genesis-nav-menu a:hover,
.modern-portfolio-pro-blue a {
	color: #13b4f2;
}

.modern-portfolio-pro-blue .footer-widgets .entry-meta a,
.modern-portfolio-pro-blue .footer-widgets .entry-title a,
.modern-portfolio-pro-blue .footer-widgets a {
	color: #aaa;
}

.modern-portfolio-pro-blue .after-entry .entry-title a,
.modern-portfolio-pro-blue .footer-widgets a:hover,
.modern-portfolio-pro-blue .genesis-nav-menu a:hover,
.modern-portfolio-pro-blue a.button,
.modern-portfolio-pro-blue a.button:hover,
.modern-portfolio-pro-blue a.social-buttons {
	color: #fff;
}

.modern-portfolio-pro-blue .entry-meta a,
.modern-portfolio-pro-blue .entry-title a,
.modern-portfolio-pro-blue .genesis-nav-menu a,
.modern-portfolio-pro-blue .sidebar .widget-title a,
.modern-portfolio-pro-blue .site-footer a,
.modern-portfolio-pro-blue .site-title a,
.modern-portfolio-pro-blue .site-title a:hover,
.modern-portfolio-pro-blue a:hover,
.modern-portfolio-pro-blue a.social-buttons:hover {
	color: #222;
}

.modern-portfolio-pro-blue .enews-widget input[type="submit"],
.modern-portfolio-pro-blue .genesis-nav-menu li.highlight-menu-item a:hover,
.modern-portfolio-pro-blue .archive-pagination li a:hover,
.modern-portfolio-pro-blue .archive-pagination li.active a,
.modern-portfolio-pro-blue .site-title a:hover::before,
.modern-portfolio-pro-blue #services a.button,
.modern-portfolio-pro-blue a.button,
.modern-portfolio-pro-blue button,
.modern-portfolio-pro-blue input[type="button"],
.modern-portfolio-pro-blue input[type="reset"],
.modern-portfolio-pro-blue input[type="submit"] {
	background-color: #13b4f2;
}

.modern-portfolio-pro-blue .enews-widget input:hover[type="submit"],
.modern-portfolio-pro-blue #services a.button:hover {
	background-color: #fff;
}

.modern-portfolio-pro-blue button:hover,
.modern-portfolio-pro-blue input:hover[type="button"],
.modern-portfolio-pro-blue input:hover[type="reset"],
.modern-portfolio-pro-blue input:hover[type="submit"],
.modern-portfolio-pro-blue .button:hover {
	background-color: #333;
}

/* Modern Portfolio Pro Orange
--------------------------------------------- */

.modern-portfolio-pro-orange .after-entry .entry-title a:hover,
.modern-portfolio-pro-orange .entry-meta a:hover,
.modern-portfolio-pro-orange .entry-title a:hover,
.modern-portfolio-pro-orange .genesis-nav-menu > .right > a:hover,
.modern-portfolio-pro-orange .site-footer a:hover,
.modern-portfolio-pro-orange .site-header .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.modern-portfolio-pro-orange .site-header .genesis-nav-menu a:hover,
.modern-portfolio-pro-orange a {
	color: #ff8748;
}

.modern-portfolio-pro-orange .footer-widgets .entry-meta a,
.modern-portfolio-pro-orange .footer-widgets .entry-title a,
.modern-portfolio-pro-orange .footer-widgets a {
	color: #aaa;
}

.modern-portfolio-pro-orange .after-entry .entry-title a,
.modern-portfolio-pro-orange .footer-widgets a:hover,
.modern-portfolio-pro-orange .genesis-nav-menu a:hover,
.modern-portfolio-pro-orange a.button,
.modern-portfolio-pro-orange a.button:hover,
.modern-portfolio-pro-orange a.social-buttons {
	color: #fff;
}

.modern-portfolio-pro-orange .entry-meta a,
.modern-portfolio-pro-orange .entry-title a,
.modern-portfolio-pro-orange .genesis-nav-menu a,
.modern-portfolio-pro-orange .sidebar .widget-title a,
.modern-portfolio-pro-orange .site-footer a,
.modern-portfolio-pro-orange .site-title a,
.modern-portfolio-pro-orange .site-title a:hover,
.modern-portfolio-pro-orange a:hover,
.modern-portfolio-pro-orange a.social-buttons:hover {
	color: #222;
}

.modern-portfolio-pro-orange .enews-widget input[type="submit"],
.modern-portfolio-pro-orange .genesis-nav-menu li.highlight-menu-item a:hover,
.modern-portfolio-pro-orange .archive-pagination li a:hover,
.modern-portfolio-pro-orange .archive-pagination li.active a,
.modern-portfolio-pro-orange .site-title a:hover::before,
.modern-portfolio-pro-orange #services a.button,
.modern-portfolio-pro-orange a.button,
.modern-portfolio-pro-orange button,
.modern-portfolio-pro-orange input[type="button"],
.modern-portfolio-pro-orange input[type="reset"],
.modern-portfolio-pro-orange input[type="submit"] {
	background-color: #ff8748;
}

.modern-portfolio-pro-orange .enews-widget input:hover[type="submit"],
.modern-portfolio-pro-orange #services a.button:hover {
	background-color: #fff;
}

.modern-portfolio-pro-orange button:hover,
.modern-portfolio-pro-orange input:hover[type="button"],
.modern-portfolio-pro-orange input:hover[type="reset"],
.modern-portfolio-pro-orange input:hover[type="submit"],
.modern-portfolio-pro-orange .button:hover {
	background-color: #333;
}


/* Modern Portfolio Pro Purple
--------------------------------------------- */

.modern-portfolio-pro-purple .after-entry .entry-title a:hover,
.modern-portfolio-pro-purple .entry-meta a:hover,
.modern-portfolio-pro-purple .entry-title a:hover,
.modern-portfolio-pro-purple .genesis-nav-menu > .right > a:hover,
.modern-portfolio-pro-purple .site-footer a:hover,
.modern-portfolio-pro-purple .site-header .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.modern-portfolio-pro-purple .site-header .genesis-nav-menu a:hover,
.modern-portfolio-pro-purple a {
	color: #a83d7e;
}

.modern-portfolio-pro-purple .footer-widgets .entry-meta a,
.modern-portfolio-pro-purple .footer-widgets .entry-title a,
.modern-portfolio-pro-purple .footer-widgets a {
	color: #aaa;
}

.modern-portfolio-pro-purple .after-entry .entry-title a,
.modern-portfolio-pro-purple .footer-widgets a:hover,
.modern-portfolio-pro-purple .genesis-nav-menu a:hover,
.modern-portfolio-pro-purple a.button,
.modern-portfolio-pro-purple a.button:hover,
.modern-portfolio-pro-purple a.social-buttons {
	color: #fff;
}

.modern-portfolio-pro-purple .entry-meta a,
.modern-portfolio-pro-purple .entry-title a,
.modern-portfolio-pro-purple .genesis-nav-menu a,
.modern-portfolio-pro-purple .sidebar .widget-title a,
.modern-portfolio-pro-purple .site-footer a,
.modern-portfolio-pro-purple .site-title a,
.modern-portfolio-pro-purple .site-title a:hover,
.modern-portfolio-pro-purple a:hover,
.modern-portfolio-pro-purple a.social-buttons:hover {
	color: #222;
}

.modern-portfolio-pro-purple .enews-widget input[type="submit"],
.modern-portfolio-pro-purple .genesis-nav-menu li.highlight-menu-item a:hover,
.modern-portfolio-pro-purple .archive-pagination li a:hover,
.modern-portfolio-pro-purple .archive-pagination li.active a,
.modern-portfolio-pro-purple .site-title a:hover::before,
.modern-portfolio-pro-purple #services a.button,
.modern-portfolio-pro-purple a.button,
.modern-portfolio-pro-purple button,
.modern-portfolio-pro-purple input[type="button"],
.modern-portfolio-pro-purple input[type="reset"],
.modern-portfolio-pro-purple input[type="submit"] {
	background-color: #a83d7e;
}

.modern-portfolio-pro-purple .enews-widget input:hover[type="submit"],
.modern-portfolio-pro-purple #services a.button:hover {
	background-color: #fff;
}

.modern-portfolio-pro-purple button:hover,
.modern-portfolio-pro-purple input:hover[type="button"],
.modern-portfolio-pro-purple input:hover[type="reset"],
.modern-portfolio-pro-purple input:hover[type="submit"],
.modern-portfolio-pro-purple .button:hover {
	background-color: #333;
}


/* Modern Portfolio Pro Red
--------------------------------------------- */

.modern-portfolio-pro-red .after-entry .entry-title a:hover,
.modern-portfolio-pro-red .entry-meta a:hover,
.modern-portfolio-pro-red .entry-title a:hover,
.modern-portfolio-pro-red .genesis-nav-menu > .right > a:hover,
.modern-portfolio-pro-red .site-footer a:hover,
.modern-portfolio-pro-red .site-header .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.modern-portfolio-pro-red .site-header .genesis-nav-menu a:hover,
.modern-portfolio-pro-red a {
	color: #fd5452;
}

.modern-portfolio-pro-red .footer-widgets .entry-meta a,
.modern-portfolio-pro-red .footer-widgets .entry-title a,
.modern-portfolio-pro-red .footer-widgets a {
	color: #aaa;
}

.modern-portfolio-pro-red .after-entry .entry-title a,
.modern-portfolio-pro-red .footer-widgets a:hover,
.modern-portfolio-pro-red .genesis-nav-menu a:hover,
.modern-portfolio-pro-red a.button,
.modern-portfolio-pro-red a.button:hover,
.modern-portfolio-pro-red a.social-buttons {
	color: #fff;
}

.modern-portfolio-pro-red .entry-meta a,
.modern-portfolio-pro-red .entry-title a,
.modern-portfolio-pro-red .genesis-nav-menu a,
.modern-portfolio-pro-red .sidebar .widget-title a,
.modern-portfolio-pro-red .site-footer a,
.modern-portfolio-pro-red .site-title a,
.modern-portfolio-pro-red .site-title a:hover,
.modern-portfolio-pro-red a:hover,
.modern-portfolio-pro-red a.social-buttons:hover {
	color: #222;
}

.modern-portfolio-pro-red .enews-widget input[type="submit"],
.modern-portfolio-pro-red .genesis-nav-menu li.highlight-menu-item a:hover,
.modern-portfolio-pro-red .archive-pagination li a:hover,
.modern-portfolio-pro-red .archive-pagination li.active a,
.modern-portfolio-pro-red .site-title a:hover::before,
.modern-portfolio-pro-red #services a.button,
.modern-portfolio-pro-red a.button,
.modern-portfolio-pro-red button,
.modern-portfolio-pro-red input[type="button"],
.modern-portfolio-pro-red input[type="reset"],
.modern-portfolio-pro-red input[type="submit"] {
	background-color: #fd5452;
}

.modern-portfolio-pro-red .enews-widget input:hover[type="submit"],
.modern-portfolio-pro-red #services a.button:hover {
	background-color: #fff;
}

.modern-portfolio-pro-red button:hover,
.modern-portfolio-pro-red input:hover[type="button"],
.modern-portfolio-pro-red input:hover[type="reset"],
.modern-portfolio-pro-red input:hover[type="submit"],
.modern-portfolio-pro-red .button:hover {
	background-color: #333;
}

/* ADDITIONAL STYLES ABOUT THE OVERALL PAGE SIZE AND LAYOUT */
.wrap, .site-inner {max-width: 1015px; width: 98%;}
.content {max-width: 625px;}
.sidebar-primary {
max-width: 380px;
min-width: 340px;
text-align: center;
}
/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1000px ) {
.amazoner {float: right; margin-top: 18px; border: 0px;}
.quiz-opener.floated {display: block; float: left; width: 305px;}
}

/* @media only screen and (max-width: 1267px) {

	.site-inner,
	.wrap {
		max-width: 98%;
	} 

} */

@media only screen and (max-width: 1000px) {

	.content,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

	.header-image .site-header .site-title a {
		background-position: top !important;
	}
	
	.entry-comments,
	.entry-footer .entry-meta,
	.site-header {
		padding: 0;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .search-form,
	.site-header .title-area,
	.site-header .widget-area,
	.site-title {
		text-align: center;
	}

	.genesis-nav-menu a,
	.genesis-nav-menu > .first > a,
	.genesis-nav-menu > .last > a {
		padding: 16px;
		padding: 1.6rem;
	}

	.site-header .search-form {
		margin: 16px auto ;
		margin: 1.6rem auto;
	}

	.genesis-nav-menu li.right {
		display: none;
	}

	.entry-footer .entry-meta {
		margin: 0;
		padding-top: 12px;
		padding-top: 1.2rem;
	}
	
	#services .alignright,
	#services .alignleft {
		float: none;
		width: 100%;
	}
	
	#services a.button {
		float: left;
		margin: 20px 0 0;
		margin: 2rem 0 0;
	}

	.site-footer,
	.site-header .wrap {
		padding: 24px 0;
		padding: 2.4rem 0;
	}

	.footer-widgets-1 {
		margin: 0;
	}

}

@media only screen and (max-width: 600px) {

	.mpp-home .content .featuredpost {
		text-align: center;
	}
	
	.mpp-home .content .featuredpost .entry,
	.mpp-home .content .featuredpost .entry:nth-of-type(3n+3) {
		float: none;
		margin: 0 auto 24px;
		margin: 0 auto 2.4rem;
		max-width: 340px;
		width: 95%;
	}
	
	.responsive-menu {
		display: none;
	}
	
	#responsive-menu-icon {
		display: block;
	}

}

/* @media only screen and (max-width: 480px) {

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	} */
	
	.header-image .site-header .site-title a {
		background-size: contain !important;
	}



/* steve starts here */

.single .entry {margin-bottom: 0px;}
/* .top-line-social .fb_iframe_widget {
display: inline-block; 
position: relative;
margin-top: -8px;
vertical-align: top;
margin-right: 17px;
} */
.entry-header .entry-meta {
margin-bottom: 24px;
margin-bottom: 18px;
font-size: 1.5rem;
}
.entry-title {margin-bottom: 3px;}

/* .top-line-social {text-align: center;} */

.entry-footer .entry-meta::before {
border-top: 1px dotted #aaa;
content: "";
display: block;
padding-bottom: 32px;
padding-bottom: 3.2rem;
width: 100%;
margin-top: 25px;
}

.sidebar .widget::after { border: 0px;}

.site-header .widget-area {
width: 728px;
}
.title-area {padding-left: 5%; width: auto;}

@media only screen and (max-width: 800px) {
.site-header .widget-area {display: none;}
.title-area {padding-left: 0px;}
/* RW UI INFO CONTAINER SHOULD ALWAYS BE NO DISPLAYED */
/* .rw-ui-info-container {display: none !important;} */
/* .top-line-social .pin-button, .top-line-social .fb-like , body .rw-ui-star.rw-valign-middle 
.entry-header .top-line-social {text-align: left;}
.top-line-social .fb-share-button, .top-line-social iframe {float: left !important; clear: none !important; width: 90px !important; overflow: hidden !important; margin-right: 5px !important;}
.top-line-social .rw-ui-container {float: left !important; clear: none !important; width: auto !important; overflow: hidden !important; margin-left: 0px !important;}
.top-line-social iframe#twitter-widget-0 {margin-top: 1px !important;}
.top-line-social {overflow: hidden !important; padding-bottom: 12px !important;}  */
.single .entry-content p iframe {height: 300px !important;}
/* #text-9 div.fb-like-box {border: 0px !important;} */

}
.textwidget {
text-align: center;
}

@media only screen and (max-width: 650px) {
.social-stars {display: none !important;}
}

.site-header .wrap {
padding: 1.1rem 0;
}

#blog img, #portfolio img {
margin-bottom: 16px;
margin-bottom: 1.6rem;
opacity: 1;
border-radius: 6px;
}

.site-title a, .site-title a:hover {
text-transform: capitalize;
}

.site-header .wrap {
border-bottom: 2px solid #222;
}

.fb_iframe_widget iframe {max-width: none;}

#text-8 {text-align: center;}

body .rw-ui-container.rw-size-small .rw-report-link, body .rw-ui-container.rw-size-medium .rw-report-link {display: none !important;}
#portfolio .rw-ui-star.rw-valign-middle .rw-ui-info-container {display: none !important;} 
body .rw-ui-report .rw-ui-poweredby {display: none !important;}

#portfolio .post  a.more-link {
background: #27b4b2;
float: right;
padding: 4px 10px;
border-radius: 5px;
text-decoration: none;
color: #fff;
}

#portfolio .post a.more-link:hover {
background: #222;
float: right;
padding: 4px 10px;
border-radius: 5px;
text-decoration: none;
color: #fff;
}

/* #portfolio .featured-content h2 {
border: none;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
margin-bottom: 8px;
margin-bottom: 0.8rem;
} */

#portfolio  .post  .entry-content p {
display: none;
}
#portfolio img {margin-bottom: 0px;}
#portfolio .post .rw-left {float: left;}

.top-line-social .rw-ui-container  .rw-action-area {
    padding: 0px 8px 1px !important;
    /* vertical-align: top; */
    border-radius: 5px;
    /* margin-left: -8px; */
    background-image: -webkit-linear-gradient(#fff,#dedede) !important;  
    background-image: linear-gradient(#fff,#dedede) !important;
    border: 1px solid #dedede;
}
.top-line-social .rw-ui-container {
    vertical-align: top;
    margin-left: -20px;
    padding-top: 1px !important;
}

#portfolio .featured-content {display: none;}
#portfolio #featured-post-2.featured-content {display: block;}
#load-button {margin: 0px auto 20px; width: 40%; min-width: 250px; border-radius: 6px; font-size: 1.8rem;}

h1, h2, h3, h4, h5, h6 {
font-family: 'Lato', arial, sans-serif;
}

.featured-content .entry-title {
margin-bottom: 3px;
clear: both;
min-height: 50px;
}

.featured-content a.alignleft {
    position: relative;
}
/* .playgraph {
    position: absolute;
    background: url(http://soundsviral.writtenweb.wpengine.com/wp-content/uploads/sites/12/2014/02/play-48.png) left top no-repeat;
    top: 40%;
    height: 48px;
    width: 48px;
    left: 50%;
    margin-left: -24px;
}

.playgraph:hover {
        background: url(http://soundsviral.writtenweb.wpengine.com/wp-content/uploads/sites/12/2014/02/play-48.png) left bottom no-repeat;
} */

.mobile-only, .mobile-leader {display: none;}

.entry-meta {display: none;}
.entry-title {margin-bottom: 20px;}

.rw-ui-report {
display: none !important;
}

/* REFIX SV HOMEPAGE */
.home .site-inner, .home .wrap, .home .content {width: 100%; max-width: 100%;}
.home .wrap {max-width: 1020px !Important;}

/* MANUAL LOGO SETUP */
.header-image .site-title a {
float: left;
min-height: 90px;
width: 100%;
min-width: 280px;
background: url(http://quizsocial.com/wp-content/themes/modern-portfolio-pro/images/quiz-social-logo-one.png) no-repeat !important;
}

/* HERE STARTS THE QS, NO LONGER THE SV */
.quiz_answer span.quiz_checkbox_wrp { margin-top: 0; }
.checklist_quiz .quiz_answer_description{display:none;}

.headliner { margin: 0px; font-family: arial; font-size: 24px; padding: 0px; }
.question_block.legacy .question_block_header img, .question_block.text .question_block_header img  { width: 625px; }
.question_block { overflow: hidden; width: 625px; margin: 0px 0px 50px 0px; }
.answer_image { position: relative; }
.quiz_answer span { float: left; margin: 5px 0 0 0; }
.quiz_answer span.quiz_answer_text { font-family: 'ProximaNovaSemibold'; font-size: 17px; line-height: 20px; }
.quiz_answer span.quiz_answer_description { font-size: 17px; }
.question_block .quiz_reveal { clear: both; padding: 20px 20px 20px 20px; background-color: #fefefe; border: 1px solid #dddddd; overflow: hidden;}
.question_block .quiz_reveal .headliner{ float: left; margin-bottom: 0;width: 100%;}
.question_block .quiz_reveal .headliner .answer_response, .question_block .quiz_reveal.headliner.answer_response{ width: 100%; display: block; font: 30px/26px 'ProximaNovaRegular'; margin-bottom: 20px;}
.question_block .quiz_reveal.headliner.answer_response{ width: auto;}
.question_block .quiz_reveal .headliner .reveal_title{float: left;margin-bottom: 10px;}
.question_block .quiz_reveal .headliner .answer_response .mark,  .question_block .quiz_reveal.headliner.answer_response .mark{ font-size: 36px; vertical-align: top; display: none; margin-right: 8px; float: left;width: 22px; height: 27px; }
.question_block .quiz_reveal .headliner .answer_response.correct .tic,  .question_block .quiz_reveal.headliner.answer_response.correct .tic{background: url(/static/images/global/unified_sprite.png) no-repeat -615px -18px;  display: block; text-indent: -1000px;}
.question_block .quiz_reveal .headliner .answer_response.wrong .cross,  .question_block .quiz_reveal.headliner.answer_response.wrong .cross{color: #ee3322;display: block;  }
.question_block .quiz_reveal p{ display: inline;}
.question_block .reveal_with_image .headliner{ width: 250px;}
.question_block .quiz_reveal .headliner{line-height: 22px; font-size: 20px; }
.question_block .quiz_reveal  .answer_image {float: right; margin: 0 0 10px 10px;}
.question_block .quiz_reveal  .answer_image  img {width: 300px;}
.question_block .quiz_reveal .quiz_un_reveal { display: block; clear: left; margin-top: 10px;}
.question_block.text .quiz_answer { float: left; border: 1px solid #DDD; margin: 0 0 19px 0; padding: 6px; padding-top: 5px; min-height: 26px; background-color: #f2f2f2; position: relative;}
.numbered.checklist_quiz .question_block.text .quiz_answer {margin-left: 37px}
.question_block.text .answer_number { display: none; height: 30px; font-size: 26px; font-weight: bold; line-height: 30px; width: 30px; position: absolute; left: -37px; margin: 0;}
.question_block.text .answer_number:after{content:'.';}
.numbered.checklist_quiz .question_block.text .answer_number {display: block; }
.question_block.text .quiz_answer span.quiz_answer_text { font-size: 20px; }
.question_block.text ul { margin-left: 0;padding-right: 1px; }
.question_block .quiz_answer.has_quiz_answer_text span.quiz_answer_description { clear: both; margin-left: 29px; margin-top: 5px; }
.question_block.text .quiz_answer span.quiz_checkbox { margin-top: 3px; }
.question_block.text .quiz_answer span.quiz_answer_text { margin-top: 5px; }
.question_block.text .quiz_answer span.quiz_answer_text,  .quiz_answer span.quiz_answer_description { width: 581px; }
.quiz.numbered.checklist_quiz .question_block.text .quiz_answer span.quiz_answer_text,  .quiz.numbered.checklist_quiz .quiz_answer span.quiz_answer_description { width: 544px; }
.question_block ul.answer-row { float: left; clear: both; }
.question_block .answer-row .quiz_answer { display: table-cell; vertical-align: top; width: 180px; min-height: 200px; }

.question_block .answer-row .quiz_answer img { height: 180px; width: 180px; max-width: 180px; }
/* OCT2014 */
/* OCT2014 */
.question_block .question_block_header div.header-sprite {width: 100%; height: 298px; }
.question_block .answer-row .quiz_answer .img-sprite { height: 180px; width: 180px; max-width: 180px; }
.img-sprite-one {background-position: 0px -298px;}
.img-sprite-two {background-position: -180px -298px;}
.img-sprite-three {background-position: -360px -298px;}
.img-sprite-four {background-position: -0px -477px;}
.img-sprite-five {background-position: -180px -477px;}
.img-sprite-six {background-position: -360px -477px;}
.img-sprite-seven {background-position: -0px -657px;}
.img-sprite-eight {background-position: -180px -657px;}
.img-sprite-nine {background-position: -360px -657px;}
.question_block .quiz_answer span.quiz_answer_text,  .question_block .quiz_answer span.quiz_answer_description { width: 141px; }
.question_block ul { display: table; border-collapse: separate; border-spacing: 12px 0; margin-bottom: 12px; margin-left: -12px; }
.question_block .answer-row .quiz_answer.last { margin-right: 0; }
.question_block .answer-row .quiz_answer { clear: left; }
.question_block .question_block_header {margin-bottom: 15px; width: 100%; }

.my-img-descript { max-width: 264px; }
.question_block .largeImgAnswers .quiz_answer span.quiz_answer_text,  .question_block .largeImgAnswers .quiz_answer span.quiz_answer_description { width: 251px; }
.question_block .largeImgAnswers .quiz_answer { display: table-cell; vertical-align: top; width: 280px; min-height: 50px; }
.question_block .largeImgAnswers .quiz_answer img {width: 280px; }
.quiz_result .answer_image { position: relative; width: 300px; float: right; }
.quiz_result .answer_image img { width: 300px; height: auto; }
.question_block .quiz_answer:hover, .question_block .quiz_answer.deactivated:hover {background-color: #fff195; cursor: pointer;}
 .question_block .quiz_answer.selected {
 background-color: #ff1f1f; cursor: default; color: #000;}
.question_block .quiz_answer { background-color: #f2f2f2; border: 1px solid #ddd; padding: 9px; }
.quiz_shadow { -moz-box-shadow: 1px 1px 0 #bfbfbf; -webkit-box-shadow: 1px 1px 0 #bfbfbf; box-shadow: 1px 1px 0 #bfbfbf; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#bfbfbf')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#bfbfbf'); }
.quiz_answer span.quiz_checkbox { width: 18px; height: 18px; border: 1px solid #ddd; background-color: #fff; margin-right: 9px; position: relative; }
.quiz_answer span.quiz_checkbox .quiz_checkmark { float: none; display: none; color: #111; font-size: 26px; line-height: 18px; position: absolute; bottom: 1px; left: 0; margin: 0; }
.ie8  .quiz_answer span.quiz_checkbox .quiz_checkmark { left: -1px; bottom: 3px; }
.quiz_answer.selected span.quiz_checkbox .quiz_checkmark { display: block; background: url(http://quizsocial.com/wp-content/themes/modern-portfolio-pro/images/quiz-checker.png) no-repeat; text-indent: -1000px; width: 22px; height: 27px; }
.question_block .quiz_answer span.quiz_checkbox { margin-top: 10px; }
.question_block .quiz_answer .quiz_checkbox_wrp span { margin-top: 12px; }
.quiz_tally_results .headliner { font: 30px/26px 'ProximaNovaRegular'; }
.quiz_result .headliner { font: 30px/37px 'ProximaNovaSemibold'; margin: 0 0 20px 0; }
.quiz_result.has_result_image .headliner.answer_response,  .quiz_result.has_result_image h2 { width: 233px; }
.quiz_answer.deactivated { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.question_block {list-style: none;}
/* .top-line-social {text-align: left;} */
.quiz-opener {padding-top: 10px;font-size: 18px;}
.your-answer-div {height: auto; padding: 20px 0px 0px; background: #fefefe; border: 1px solid #222; margin-bottom: 40px; border-radius: 2px;}
.left-right-padder {padding: 0px 20px;}
.quiz_image_holder {
position: relative;
width: 300px;
float: right;
}
img.result_img {width: 298px;height: auto; border: 1px solid #111; display: block;}
.headline-main {font-size: 30px; line-height: 37px; font-weight: bold; font-family: "lato", arial;
margin: 0 0 20px 0;}
h2.which-restate{font-size: 17px; line-height: 24px; font-family: "lato", arial; margin-bottom: 5px; color: #797979;}
.result h3 {
width: 250px;
color: #797979;
margin-bottom: 10px;
font-size: 14px;
line-height: 23px;
font-family: tahoma, arial;
font-weight: bold;
margin-top: -5px;
}
.my-img-descript {
font-size: 15px;
line-height: 25px;
font-family: "Lato", arial;
color: #999;
font-style: italic;
margin-left: 7px;
display: block;
}
#your-answer-divvy .hr {
width: 100%;
height: 0px;
background: #222;
margin: 20px 0 0 0;
}

.share-your-results {
    clear: both;
    overflow: hidden;
    /* background-color: #D3EBF1; */
    padding: 3px 10px;
}

.share-your-results h2 {
float: left;
margin: 0 8px 0px 4px;
padding: 0;
font-family: tahoma, arial;
font-size: 20px;
font-weight: normal;
line-height: 29px;
color: #111;
}
.share-it {
width: 120px;
height: 39px;
margin: 0 10px 5px 0;
border: none;
padding: 0;
border-radius: 0;
float: none;
}
.answer_shares a.share-it {
float: left;
margin: 0 5px 0 0;
}
a.share-it .label {display: none;}
.facer .fb_icon {
background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 0 -1px #3c5898; border-radius: 5px;
height: 100%;
width: 100%;
border-radius: 5px;
cursor: pointer;
background-size: 120px auto;
}
.twitterer .twitter_icon {
background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png)  no-repeat scroll 0 -41px #6aadd1; height: 100%; width: 100%; border-radius: 5px; cursor: pointer; background-size: 120px auto;
}
.facer .fb_icon:hover { 
background-color: #243d7f;
}

.googler .google_icon { background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png)  no-repeat scroll 0 -79px #DD4B39; height: 100%; width: 100%; border-radius: 5px; cursor: pointer; background-size: 120px auto;
}

.googler .google_icon:hover {background-color: #De3B39;}

.twitterer .twitter_icon:hover {
background-color: #4e97c3;
}

/* END OF THOSE STYLES */

.top-line-social {overflow: hidden; max-height: 30px !important;}
.my-social-setup {
    float: left;
    display: block;
    margin-right: 12px;
}
.my-social-setup .fb_iframe_widget span {
    vertical-align: top;
    display: block;
}

.outer-share {min-width: 86px;}
.fb-liker {min-width: 55px;}
.outer-pin {min-width: 40px;}
.outer-social {min-width: 110px;}


.phone-only {display: none;}

#featured-post-3 .post, #featured-post-5 .post, #featured-post-6 .post {
    width: 300px;
        margin-bottom: 0px;
}
#featured-post-3, #featured-post-5, #featured-post-6 {
    text-align: center;
    width: 300px;
    margin: auto;
}
#featured-post-3 > div > article > a > img, #featured-post-5 > div > article > a > img, #featured-post-6 > div > article > a > img {
    width: 298px;
    margin-bottom: 0px;
    border: 1px solid #000;
    border-radius: 5px;
}
#featured-post-3 > div > article > header > h2, #featured-post-5 > div > article > header > h2, #featured-post-6 > div > article > header > h2 {
    min-height: 0px;
    margin-bottom: 14px;
}

#text-8.widget::after {display: none;}
.sidebar .widget {margin-bottom: 15px;}

.result {overflow: hidden;}

/* START MEDIA QUERIES */
@media only screen and (min-width: 901px) {
.title-area {
padding-top: 27px;
}
#portfolio .post {
background: #fff;
padding: 10px;
width: 30%;
margin-right: 3%;
border: 1px solid #aaa;
border-radius: 5px;
box-shadow: 0px 1px 5px #aaa;
margin-bottom: 40px;
}
#portfolio .post:hover {
box-shadow: 0px 1px 5px #27b4b2 ;
}
}

@media only screen and (max-width : 900px) and (min-width:601px) {
.mpp-home .content .featuredpost .entry {
    width: 46% !important;
    margin: 2% !important;
}
.mpp-home .content .featuredpost .entry:nth-of-type(3n+1) {
    clear: none;
    margin: 2% !important;
}
/* .mpp-home .content .featuredpost .entry:nth-of-type(9) {
    display: none;
} */
}

@media only screen and (max-width : 960px) and (min-width:801px) {
#portfolio .post a.more-link {
font-size: 14px;}
}

@media only screen and (max-width: 481px) {
.site-header {background: #fff; border-bottom: 2px solid #666;}
.single .entry-content p iframe {height: 230px !important;}
.single .entry-title {font-size: 22px;}
#text-7 .fb-like {display: none !important;}
#portfolio .featuredpost .post {
margin-bottom: 42px !important;}
/* NOVEMBER */
/* .mobile-only {display: block !important; text-align: center; padding: 0px 0px 6px 1px;} */
.mobile-leader {display: block !important; text-align: center; padding: 0px !important; border-bottom: 1px solid #222; border-top: 1px solid #222; background: #222;}
.mobile-leader ins {display: block !important; margin: auto;}
.site-inner {padding-top: 1.5em;}
.site-header .wrap {
border-bottom: 0px solid #222;
}

}

@media only screen and (max-width: 1000px) {
.title-area {
width: 100%;
}
.site-header .widget-area {
margin: auto; float: none;}
}

@media only screen and (max-width: 600px) {
#portfolio .featuredpost .entry-title {text-align: left;}
}

@media only screen and (max-width: 1140px) and (min-width: 1056px) {
.title-area {max-width: 240px; width: 22%;}
.header-image .site-title a {
float: left;
min-height: 90px;
width: 100%;
max-width: 240px;
background: url(http://quizsocial.com/wp-content/themes/modern-portfolio-pro/images/quiz-social-logo-one.png) no-repeat !important;
background-size: contain !important;
min-width: 150px;
}
}

@media only screen and (max-width: 1055px) and (min-width: 1001px) {
.title-area {max-width: 240px; width: 20%;}
.header-image .site-title a {
float: left;
margin-top: 20px;
min-height: 90px;
width: 100%;
max-width: 240px;
background: url(http://quizsocial.com/wp-content/themes/modern-portfolio-pro/images/quiz-social-logo-one.png) no-repeat !important;
background-size: contain !important;
min-width: 150px;
}
}

@media only screen and (max-width: 1000px) {
.sidebar-primary {max-width: 340px;}

}

/* ABOVE QUERIES SEEM INCONSEQUENTIAL */

/*  THIS ONE SEEMS TO HAVE LITTLE EFFECT */

@media only screen and (max-width: 900px) {
.content {
width: 100%;
}
/* .fb-comments, .commenter-sharer {display: none !important;} */
}

@media only screen and (max-width: 1000px) and (min-width: 921px) {
.content {max-width: 525px;}
 .question_block { overflow: hidden; width: 100%; margin: 0px 0px 50px 0px; }
 .question_block .answer-row .quiz_answer img { height: 146px; width: 146px; max-width: 146px;}
 /* OCT2014 */
 /* OCT2014 */
.question_block .question_block_header div.header-sprite {width: 100%; height: 249px; }
 .question_block .answer-row .quiz_answer .img-sprite { height: 146px; width: 146px; max-width: 146px;}
 .img-sprite {background-size: 507px;}
.img-sprite-one {background-position: 0px -242px;}
.img-sprite-two {background-position: -146px -242px;}
.img-sprite-three {background-position: -292px -242px;}
.img-sprite-four {background-position: -0px -387px;}
.img-sprite-five {background-position: -146px -387px;}
.img-sprite-six {background-position: -292px -387px;}
.img-sprite-seven {background-position: -0px -533px;}
.img-sprite-eight {background-position: -146px -533px;}
.img-sprite-nine {background-position: -292px -533px;}
.share-your-results h2 {float: none; margin-bottom: 12px;}
.share-it {width: 156px;}
.headline-main {font-size: 26px;line-height: 33px;font-weight: bold;font-family: "lato", arial;
margin: 0 0 20px 0;}
.quiz_image_holder {position: relative;width: 300px;float: none;margin: auto;}
.result h3 {width: auto;color: #797979;margin-bottom: 10px;font-size: 14px;line-height: 23px;
font-family: tahoma, arial;font-weight: bold;margin-top: 20px;}
}


@media only screen and (max-width: 920px) {
.sidebar-primary {float: none; margin: auto;}
.content-sidebar .content {max-width: 625px; float: none ; margin: auto;}
/* .fb-like-box {border: 0px !important;} */
#text-7 {display: none;}
.sidebar-primary .widget {margin-bottom: 15px;}
.sidebar-primary .widget::after {display: none;}

}


@media only screen and (max-width: 600px) {
#portfolio .featuredpost .entry-title {text-align: left;}
}

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
.social-stars {display: none !important;}
.my-social-setup {margin-right: 18px;}
.my-social-setup.fb-liker {display: none;}
.top-line-social {padding-left: 1px;}
.featured-content .entry-title {
margin-bottom: 8px;
clear: both;
min-height: 0px;
}
}

@media only screen and (max-width: 640px) {
.content-sidebar .content {width: 480px;}
/* HERE STARTS THE QS, NO LONGER THE SV */
.question_block { overflow: hidden; width: 480px; margin: 0px 0px 50px 0px; }
.question_block .answer-row .quiz_answer img { height: 131px; width: 131px; max-width: 131px; }
/* OCT2014 */
 /* OCT2014 */
.question_block .question_block_header div.header-sprite {width: 100%; height: 228px; }
.question_block .answer-row .quiz_answer .img-sprite { height: 131px; width: 131px; max-width: 131px; }
.img-sprite {background-size: 455px;}
.img-sprite-one {background-position: 0px -217px;}
.img-sprite-two {background-position: -131px -217px;}
.img-sprite-three {background-position: -262px -217px;}
.img-sprite-four {background-position: -0px -347px;}
.img-sprite-five {background-position: -131px -347px;}
.img-sprite-six {background-position: -262px -347px;}
.img-sprite-seven {background-position: -0px -478px;}
.img-sprite-eight {background-position: -131px -478px;}
.img-sprite-nine {background-position: -262px -478px;}

.quiz_image_holder {position: relative;width: 100%; max-width: 300px; float: none;margin: auto;}
.headline-main {font-size: 26px; line-height: 33px; font-weight: bold; font-family: "lato", arial;
margin: 0 0 5px 0;}
.result h3 {width: auto;color: #797979;margin-bottom: 0px;font-size: 14px;
line-height: 23px;font-family: tahoma, arial;font-weight: bold;margin-top: 8px;}
.my-img-descript {display: none;}
.answer_shares_buttons {/* padding-left: 80px; */ margin-top: 14px;}
.share-your-results h2 {float: none;}
}

@media only screen and (max-device-width: 568px) and (orientation: portrait) {
.featured-content .entry-title {
margin-bottom: 8px;
clear: both;
min-height: 0px;
}
/* .fb-comments iframe, .fb-comments span {height: auto !important;min-height: 80px !important; } */
/* #about {padding: 0px;} */
.phone-non {display: none !important;}
.phone-only {display: block !important;}
.sidebar-primary {width: 320px !important; min-width: 320px !important; max-width: 320px !important;}
.content-sidebar .content {margin: auto; float: none; width: 300px !important; }
/* HERE STARTS THE QS, NO LONGER THE SV */
 .question_block.legacy .question_block_header img, .question_block.text .question_block_header img  { width: 300px; }
 .question_block { overflow: hidden; width: 300px !important; margin: 0px 0px 50px 0px; }
 .question_block .answer-row .quiz_answer { display: table-cell; vertical-align: top; width: 76px !important; min-height: 150px !important; }
 .question_block .answer-row .quiz_answer img { height: 76px !important; width: 76px !important; max-width: 76px !important; }
  /* OCT2014 */
   /* OCT2014 */
.question_block .question_block_header div.header-sprite {width: 100%; height: 143px;}
  .question_block .answer-row .quiz_answer .img-sprite { height: 76px !important; width: 76px !important; max-width: 76px !important; }
  .img-sprite {background-size: 264px;}
.img-sprite-one {background-position: 0px -126px;}
.img-sprite-two {background-position: -76px -126px;}
.img-sprite-three {background-position: -152px -126px;}
.img-sprite-four {background-position: -0px -202px;}
.img-sprite-five {background-position: -76px -202px;}
.img-sprite-six {background-position: -152px -202px;}
.img-sprite-seven {background-position: -0px -277px;}
.img-sprite-eight {background-position: -76px -277px;}
.img-sprite-nine {background-position: -152px -277px;}
  
 .question_block .quiz_answer { background-color: #f2f2f2; border: 1px solid #ddd; padding: 7px !important; }
.quiz_image_holder {position: relative;width: 100% !important;float: none !important;
margin: auto !important;}
img.result_img {width: 100% !important; height: auto; border: 1px solid #111; display: block;}
.headline-main {font-size: 26px; line-height: 27px !important; font-weight: bold; font-family: "lato", arial;
margin: 0 0 5px 0 !important;}
h2.which-restate {margin-bottom: 1px !important;}
.result h3 {width: auto;color: #797979;margin-bottom: 7px !important;font-size: 14px;line-height: 18px !important;
font-family: tahoma, arial;font-weight: bold;margin-top: 7px !important;}
.my-img-descript {font-size: 15px;line-height: 25px;font-family: "Lato", arial;color: #999;
font-style: italic;margin-left: 7px;display: none;}
.share-your-results {clear: both;overflow: hidden; padding: 10px 9px !important;
text-align: center;}
.answer_shares_buttons {padding-left: 0px !important; margin-top: 7px !important;}
.share-your-results h2 {float: none;margin: 0 12px 0px 10px;padding: 0;font-family: tahoma, arial;
font-size: 20px;font-weight: normal;line-height: 29px;color: #111;}
.share-it {width: 100%;}
#your-answer-divvy .hr {margin-top: 10px !important;}
.single .site-inner {padding-top: 40px;}
.your-answer-div {padding-top: 10px !important;}
}





/* LATER ADDITIONS */
.final_question_block {margin-bottom: 25px;}
/* NEW SPECIAL CSS FOR NEW STYLE OF QUIZ RESULT REVEALS */

.resultants .top-line-social, .resultants .quiz-opener, .resultants .question_block, .resultants .special-spacer, .resultants .mobile-only.mobile-header, .resultants .share-your-results, .resultants .cycle-button, .resultants .headliner, .resultants .top-line-socializer {display: none;}
/* .resultants .mobile-leader {display: block !important;} */

.resultants #your-answer-divvy .hr {background: #fff;}
.resultants #your-answer-divvy {display: block !important;}

body.results-0 #your-answer-divvy .results-0 {display: block !important;}
body.results-1  #your-answer-divvy .results-1 {display: block !important;}
body.results-2  #your-answer-divvy .results-2 {display: block !important;}
body.results-3  #your-answer-divvy .results-3 {display: block !important;}
body.results-4  #your-answer-divvy .results-4 {display: block !important;}
body.results-5  #your-answer-divvy .results-5 {display: block !important;}
body.results-6  #your-answer-divvy .results-6 {display: block !important;}
body.results-7  #your-answer-divvy .results-7 {display: block !important;}
body.results-8  #your-answer-divvy .results-8 {display: block !important;}
body.results-9  #your-answer-divvy .results-9 {display: block !important;}
body.results-10 #your-answer-divvy .results-10 {display: block !important;}
body.results-11 #your-answer-divvy .results-11 {display: block !important;}
body.results-12 #your-answer-divvy .results-12 {display: block !important;}
body.results-13 #your-answer-divvy .results-13 {display: block !important;}
body.results-14 #your-answer-divvy .results-14 {display: block !important;}
body.results-15 #your-answer-divvy .results-15 {display: block !important;}
body.results-16 #your-answer-divvy .results-16 {display: block !important;}
body.results-17 #your-answer-divvy .results-17 {display: block !important;}
body.results-18 #your-answer-divvy .results-18 {display: block !important;}
body.results-19 #your-answer-divvy .results-19 {display: block !important;}
body.results-20 #your-answer-divvy .results-20 {display: block !important;}

.calculating-div {padding-bottom: 20px;}
.calculating-div h3 {text-align: center; font-size: 27px;}

#take-quiz a {
background: #4463A1;
color: #fff;
width: 100%;
display: block;
text-align: center;
text-decoration: none;
font-size: 21px;
font-weight: normal;
text-shadow: 1px 1px #000;
margin-bottom: 0px;
border-radius: 8px 8px 0px 0px;
padding: 5px;
cursor: pointer;
border: 1px solid #222;
border-bottom: 0px;
}

#take-quiz a:hover {background: #27b4b2;}

h3.commenter-sharer {
text-align: center;
background: #4463A1;
padding: 17px 3px;
color: #fff;
text-shadow: 1px 1px #000;
border-radius: 6px 6px 0px 0px;
margin-bottom: 0px;
}

.see-all-of-them {
color: #fff;
text-decoration: none;
background: #27b4b2;
width: 300px;
padding: 17px;
display: block;
border-radius: 6px;
margin: auto;
}

section#text-9 {margin-top: -33px;}

.see-all-of-them h3 {margin: 0px;}

.see-all-of-them:hover {background: #111; color: #fff !important;}

/* OCT2014 bringing in some external styles */
/* mailchimp mcsf_action styles. see mailchimp.php plugin file */
	.mc_error_msg {
		color: red;
		margin-bottom: 1.0em;
	}
	.mc_success_msg {
		color: green;
		margin-bottom: 1.0em;
	}
	.mc_merge_var{
		padding:0;
		margin:0;
	}
	#mc_signup_form {
		padding:5px;
		border-width: 1px;
		border-style: solid;
		border-color: #111;
		color: #3F3F3f;
		background-color: #27b4b2;
	}


	.mc_custom_border_hdr {
		border-width: px;
		border-style: none;
		border-color: #;
		color: #;
		background-color: #;
		<!--	font-size: 1.2em;-->
		padding:5px 10px;
		width: 100%;
	}
		#mc_signup_container {}
	#mc_signup_form {}
	#mc_signup_form .mc_var_label {}
	#mc_signup_form .mc_input {}
	#mc-indicates-required {
		width:100%;
	}
	#mc_display_rewards {}
	.mc_interests_header {
		font-weight:bold;
	}
	div.mc_interest{
		width:100%;
	}
	#mc_signup_form input.mc_interest {}
	#mc_signup_form select {}
	#mc_signup_form label.mc_interest_label {
		display:inline;
	}
	.mc_signup_submit {
		text-align:center;
	}
	ul.mc_list {
		list-style-type: none;
	}
	ul.mc_list li {
		font-size: 12px;
	}
	#ui-datepicker-div .ui-datepicker-year {
		display: none;
	}
	#ui-datepicker-div.show .ui-datepicker-year {
		display: inline;
		padding-left: 3px
	}

/* PULLED FROM FACE-PAGE-PROMOTER PLUGIN */
/* added to reset websites with other box sizings*/
html #arevicofancy-wrap {
	box-sizing: content-box;
	moz-box-sizing: content-box;
      -moz-box-sizing: content-box;
}

html #arevicofancy-wrap *{
	box-sizing: content-box;
	moz-box-sizing: content-box;
      -moz-box-sizing: content-box;
}

#arevicofancy-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 110004;
	display: none;
}

#arevicofancy-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#arevicofancy-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 110000;
	display: none;
}

#arevicofancy-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#arevicofancy-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 110001;
	outline: none;
	display: none;
}

#arevicofancy-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#arevicofancy-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 110002;
	border: 0px solid #fff;
}

#arevicofancy-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 110001;
}

#arevicofancy-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 110003;
	display: none;
}

#arevicofancy-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#arevicofancy-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#arevicofancy-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#arevicofancy-left, #arevicofancy-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('blank.gif');
	z-index: 110002;
	display: none;
}

#arevicofancy-left {
	left: 0px;
}

#arevicofancy-right {
	right: 0px;
}

#arevicofancy-left-ico, #arevicofancy-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 110002;
	display: block;
}

#arevicofancy-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#arevicofancy-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#arevicofancy-left:hover, #arevicofancy-right:hover {
	visibility: visible; /* IE6 */
}

#arevicofancy-left:hover span {
	left: 20px;
}

#arevicofancy-right:hover span {
	left: auto;
	right: 20px;
}

.arevicofancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#arevicofancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#arevicofancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#arevicofancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#arevicofancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#arevicofancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#arevicofancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#arevicofancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#arevicofancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

#arevicofancy-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 110002;
}

.arevicofancy-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.arevicofancy-title-outside {
	padding-top: 10px;
	color: #fff;
}

.arevicofancy-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#arevicofancy-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.arevicofancy-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#arevicofancy-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#arevicofancy-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#arevicofancy-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -40px -90px no-repeat;
}

#arevicofancy-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox-x.png') 0px -40px;
}

#arevicofancy-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.arevicofancy-ie6 #arevicofancy-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_close.png', sizingMethod='scale'); }

.arevicofancy-ie6 #arevicofancy-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_left.png', sizingMethod='scale'); }
.arevicofancy-ie6 #arevicofancy-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_right.png', sizingMethod='scale'); }

.arevicofancy-ie6 #arevicofancy-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.arevicofancy-ie6 #arevicofancy-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_left.png', sizingMethod='scale'); }
.arevicofancy-ie6 #arevicofancy-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_main.png', sizingMethod='scale'); }
.arevicofancy-ie6 #arevicofancy-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_right.png', sizingMethod='scale'); }

.arevicofancy-ie6 #arevicofancy-bg-w, .arevicofancy-ie6 #arevicofancy-bg-e, .arevicofancy-ie6 #arevicofancy-left, .arevicofancy-ie6 #arevicofancy-right, #arevicofancy-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#arevicofancy-loading.arevicofancy-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#arevicofancy-loading.arevicofancy-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.arevicofancy-ie .arevicofancy-bg { background: transparent !important; }

.arevicofancy-ie #arevicofancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_n.png', sizingMethod='scale'); }
.arevicofancy-ie #arevicofancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_ne.png', sizingMethod='scale'); }
.arevicofancy-ie #arevicofancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_e.png', sizingMethod='scale'); }
.arevicofancy-ie #arevicofancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_se.png', sizingMethod='scale'); }
.arevicofancy-ie #arevicofancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_s.png', sizingMethod='scale'); }
.arevicofancy-ie #arevicofancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_sw.png', sizingMethod='scale'); }
.arevicofancy-ie #arevicofancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_w.png', sizingMethod='scale'); }
.arevicofancy-ie #arevicofancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale'); }
.arevicofancy-ie #arevicofancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale'); }


/*********************************** SEPT 2014 MAILCHIMP ****************************/
#mc_signup_form .mc_var_label {
font-weight: bold;
margin-bottom: 0px;
font-size: 17px;
}
#mc_subheader {font-size: 17px; font-size: 1.7rem; color: #fff; text-shadow: 1px 1px #111;}
#mc_subheader h4 {font-size: 21px; 2.1rem; margin-bottom: 5px; color: #fff; text-shadow: 1px 1px #000;}
#mc_signup_form {border-radius: 5px; padding-bottom: 12px;}
.mc_merge_var .mc_input {width: 96%; padding: 1.2rem; color: #666; font-family: arial;}
#mailchimpsf_widget-4 {width: 300px; margin: auto; margin-bottom: 19px;}
#mc_signup_submit {margin-top: 0px !important; padding: 11px !important; background-color: #000;}
#mc_signup_submit:hover {background-color: #333;}


/* MODAL ACTION */
#arvlbdata .my-like {padding: 5px 10px; background: #4463A1; color: #fff; font-family: arial; text-shadow: 1px 1px #000; text-align: left; font-size: 15px;}
#arevicofancy-content {border: 1px solid #4463a1 !important;}

@media only screen and (min-width: 900px) {
#arvlbdata .my-like { padding: 5px 10px; background: #4463A1; color: #fff; font-family: arial; text-shadow: 1px 1px #000; text-align: center; font-size: 22px; }
}

#arevicofancy-overlay {opacity: 0.8 !important;}

/* STYLING CONTACT FORM RESPONSES AFTER REMOVING THE JAVASCRIPT AND CSS */
.wpcf7 .screen-reader-response, .wpcf7 .wpcf7-response-output {
font-size: 24px;
padding: 20px;
border-radius: 5px;
font-weight: bold;
font-family: arial;
}

#about #mc_signup_form {
    background: #222;
    border: 0px;
    color: #fff;
    padding-bottom: 0px;
}

#about #mc_signup_form .mc_var_label {
    font-weight: normal;
}

#about #mailchimpsf_widget-3 {
    width: 90%;
    padding: 0% 5%;
    margin: auto;
}

#about .mc_input {
    width: 100%;
    display: block;
    border: 1px solid #27B4B2;
}

#about .mc_merge_var {
    float: left;
    width: 67%;
    margin-bottom: 0;
}

#about #mc_mv_EMAIL {padding: 1.2rem 1rem;}

#about #mc_signup_submit {
    display: block;
    width: 100%;
    padding: 1.2rem !important;
    border: 1px solid #000;
    font-weight: bold;
    text-shadow: none;
    font-family: tahoma, arial;
    background: #27B4B2;
}

#about .mc_signup_submit {
    float: left;
    width: 32%;
    margin-left: 1%;

}

#about label.mc_var_label.mc_header.mc_header_email {
    display: none;
}

#about .mc_form_inside {
    overflow: hidden;
}

div#about {
    padding: 4rem 0rem 4rem;
}

#about #mc_signup_submit:hover {
    background: blue;
}

#about #mc_subheader p {
    font-size: 2.1rem;
    text-shadow: 1px 0px #000;
    margin-bottom: 0px;
    line-height: 1.2em;
}

#about #mc_subheader h4 {
    font-size: 2.1rem;
    font-weight: normal;
    float: left;
    margin-right: 5px;
    margin-bottom: 0px;
    line-height: 1.2em;
}

#about #mc_subheader p span {
    display: none;
}

@media only screen and (max-width: 480px ) {
    div#about {padding: 3.5rem 0px;}
    #about #mailchimpsf_widget-3 {
    width: 100%;
    padding: 0%;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
}
    #about #mc_subheader p {
    display:none;    
    }
    #about #mc_signup_submit   {
    font-weight: normal;
    padding: 1.2rem 0px !important;
}

#about #mc_subheader h4 {
    font-size: 1.9rem;
    text-align: center;
    float: none;
}

}


#about #mc_subheader {
    overflow: hidden;
}

#about strong.mc_success_msg {
    font-size: 14px;
    color: #fff;
    line-height: 5px;
    font-weight: normal;
}

#about div#mc_message {
    line-height: 20px;
    margin-bottom: 7px;
}

/* ARCHIVE PAGE */
.archive .entry-content ul {margin-left: 0px;}
.archive .entry-content ul li {list-style: none;}
.archive .entry-content ul li a {color: #222;}

/* OCT2014 */
.header-sprite {background-size: cover;
}

/* STAR PROBLEMS ON FRONT PAGE */
.home #portfolio .post a.more-link {display: none;}

/********************************
NOVEMBER 2014
********************************/
.home .site-inner {
padding-top: 0px !important;
}


/* TOP BUTTONS REPLACEMENT STAGING WORK */
/* need hovers, need javascript */
.my-social-setupizer {width: 19%; margin-right: 1%; height: 40px; cursor: pointer; float: left; background-size: 120px auto !important;}
.single h1.entry-title {margin-bottom: 13px;}
.top-line-socializer {overflow: hidden; max-height: 40px !important; margin-bottom: 21px; position: relative; z-index: 999;}
.my-social-setupizer.top-face {background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 2px 0px #3c5898; width: 20%;}
.my-social-setupizer.top-tweet {background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 4px -40px #6aadd1;}
.my-social-setupizer.top-googlt {background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 1px -78px #DD4B39;}
.my-social-setupizer.top-pint {background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 4px -123px #D30005;}

.my-social-setupizer.top-stars {background: #23DC2A; margin-right: 0%;}
.my-social-setupizer.top-stars {background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 3px -206px #23DC2A; }
.my-social-setupizer.top-stars.reeed {background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 0 -163px #23DC2A; }

.my-social-setupizer.top-face:hover {background-color: #243d7f;}
.my-social-setupizer.top-tweet:hover {background-color: #4e97c3;}
.my-social-setupizer.top-pint:hover {background-color: red;}
.my-social-setupizer.top-googlt:hover {background-color: #CB1A1A;}
.my-social-setupizer.top-stars:hover {background-color: forestgreen;}

.my-social-setupizer.background-it.top-face:hover {background-color: #3c5898;}
.my-social-setupizer.background-it.top-tweet:hover {background-color: #6aadd1;}
.my-social-setupizer.background-it.top-pint:hover {background-color: #D30005;}
.my-social-setupizer.background-it.top-googlt:hover {background-color: #DD4B39;}
.my-social-setupizer.background-it.top-stars:hover {background-color: #23DC2A;}

.top-line-socializer.border-it {padding-right: 1px;}

.pinter .pinter_icon { background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 0 -123px #D30005; height: 100%; width: 100%; border-radius: 5px; cursor: pointer; background-size: 120px auto;
}
.pinter .pinter_icon:hover {background-color: red;}
.single .left-right-padder {padding: 0px 3%;}
.single .special-spacer {height: 2px !important;}

.headline-main {position: relative;}


/* probably a very necessary universal fix, on share your result buttons layout */
.single .answer_shares_buttons {overflow: hidden;} /* still, yes */
.single .share-it {width: 24%; margin-right: 1%;}

.single .share-your-results h2  {float: none; margin-bottom: 5px; text-align: center !important;}

/* goes with my new like button, placed by js */
.result_title {margin-right: 5px;}
.like-wrap {display: none !important;}
.like-wrap .fb_iframe_widget { display: none !important;
/* margin-left: 5px; */
line-height: 0px;
vertical-align: middle;
overflow: hidden;
top: -2px;
}
span.liker-thiser {
font-family: arial;
font-weight: normal;
font-size: 10px;
margin-left: 3px;
vertical-align: middle;
line-height: 0px;
position: relative;
top: -2px;
}

/* rounding up the rest of my new styles 11/11 */
.content-sidebar .content, .site-inner {
    width: 100% !important;
}

.question_block {
    width: 100% !important; position: absolute; /* top: 0px; */}

/* .question_block.firstquest {position: relative;} */

/* .question_block_header {
    margin-bottom: 0px !important;
} */


/* this would need responsive, desk vs mobile */
p.quiz-opener {line-height: 1.3 !important;}
/* better way for this? calc with js? really bad on cycle-button quiz home view */
.entry-content {position: relative; overflow: hidden;}

/* this is very shorthand for my mobile too. desktop header needs to look normal, contain ad */
/* .site-header {height: 50px; overflow: hidden; background: royalblue; border-bottom: 2px solid #111;} */
/* .site-header {height: 50px; overflow: hidden; background: #fff; box-shadow: 1px 1.7px 3px 0 rgba(0,0,0,.2);} */

button.cycle-button {
margin: auto;
width: 94%;
margin-top: 35px;
margin-bottom: 52px;
border-radius: 5px;
max-width: 400px;
font-size: 23px;
text-shadow: 1px 1px #000;
}

.question_block {display: none; margin-bottom: 0px;}
.question_block_header {
    position: relative;
}

/* maybe? or ugly? */
.quiz_answer span.quiz_checkbox_wrp {
margin-top: 0;
display: none;
}
/* hover is pretty wonky on mobile, giving a hover on next q's same element */
/* prob we'd want to just get rid of the css for hovers in the first place, not do the below */
/* but we might still want hover for desktop users...? */
.question_block .quiz_answer:hover, .question_block .quiz_answer.deactivated:hover {
background-color: #f2f2f2;
cursor: pointer;}
.question_block .selected:hover {background: #ff1f1f;}

/* headliner would need some especial desktop styling probably. */
.headliner {
    position: absolute;
    z-index: 1;
    color: #fff;
    left: 0px;
    top: 0px;
    text-shadow: 1px 1px #000;
    font-size: 22px;
    background:  #3c5898;
    padding: 6px 15px;
    border-radius: 0px 0px 6px 0px;
    font-weight: bold;
}

.top-line-socializer {
    margin-bottom: 6px;
}

/* need to see how responsive this is too */
.site-inner {
    padding-top: 2rem !important; position: relative;
}

/* and then some later things, november 11/11 */
.single img.question_header_img {display: block;}
.single .question_block .question_block_header {margin-bottom: 4px;}

.single .question_block ul {
display: block;
overflow: hidden;
border-collapse: separate; 
border-spacing: 0;
margin-bottom: 0px;
margin-left: 0px;
float: none !important;
position: relative;
left: -1px;
}

/* the last row has a 0 margin-right on it, elsewhere */
.single .question_block .answer-row .quiz_answer {
display: block;
vertical-align: top;
width: 32% !important;
min-height: 0 !important;
float: left;
clear: none;
padding: 0px !important;
margin-right: 2%;
margin-left: 0%;
margin-bottom: 2% !important;
}
.single .question_block .answer-row .quiz_answer.last {margin-right: 0 !important;}

/* could also do a  29% wide on the blocks, changing 30% above */
/* also change the left -1px above that, and maybe the 11% pad-bot below */
/* .single .question_block .answer-row .quiz_answer {
display: block;
vertical-align: top;
width: 29% !important;
min-height: 0 !important;
float: left;
clear: none;
padding: 0px !important;
margin-right: 0%;
margin-left: 3%;
margin-bottom: 3% !important;
} */


.single .quiz_answer .answer_image {
position: relative;
width: 100%;
}

.single .question_block .answer-row .quiz_answer img{
height: auto !important;
width: auto !important;
max-width: 949px !important;
width: 88% !important;
padding-top: 6%;
padding-bottom: 6%;
display: block;
margin: auto;
}

p.quiz-opener {
line-height: 1.3 !important;
width: 95%;
margin: auto;
}

.headliner {
position: absolute;
z-index: 1;
color: #fff;
left: 0px;
top: 0px;
text-shadow: 1px 1px #000;
font-size: 22px;
background: #3c5898;
padding: 6px 13px 6px 3px;
border-radius: 0px 0px 6px 0px;
font-weight: bold;
/* box-shadow: 11px 0px 19px #fff; */
}

.headliner img, .headliner .first-space {
height: 17px;
width: 17px;
position: relative;
top: 1px;
left: 1px;
opacity: 0.5;
}

.headliner .first-space {display: inline-block !important; width: 8px;}

.headliner img:hover, .headliner img:active {opacity: 1;}

/****************** LOVE IT LAST ******************/
/* gonna need the jquery selector where we scroll to to be the top socializer again, then... */

.headliner {
position: absolute;
z-index: 999;
color: #fff;
left: 0px;
top: -18px; 
text-shadow: 1px 1px #000;
/* font-size: 22px; */
padding: 6px 0px 6px 15px;
/* border-radius: 0px 0px 6px 0px; */
font-weight: bold;
/* box-shadow: 11px 0px 19px #fff; */
/* width: 20%; */
background: none;
font-size: 18px;
line-height: 18px;
}

/* allowing the escape stuff */
.content-sidebar .content {
position: relative;
}

.headliner img, .headliner .first-space {
height: 13px;
width: 13px;
position: relative;
top: 0px;
left: 0px;
opacity: 1;
margin-right: 2px;
}

.headliner img {cursor: pointer;}
/* .headliner img:hover {opacity: 0.7;98} */

/*  remove position relative from */
.question_block_header {position: static;}
/* remove overflow:hidden from */
.question_block, .entry-content {overflow: visible;}

/* somehow animate some of this with jquerymedia="all" */
/* .top-line-socializer {
margin-bottom: 0px;
background: #454545;
padding-left: 27%;
bottom: -8px; /* this could perhaps just be applied to the entire header.entry-header? */
/* border-bottom: 1px solid #454545;
} */

.top-line-socializer{border-style: solid; border-width: 0px; border-color: #222; border-left: 0px !important; border-right: 0px !important;}
.my-social-setupizer.background-it {
background-size: 90px !important; border-radius: 2px;
}

.my-social-setupizer.top-face.background-it {
background-position: 0 0px;
}
.my-social-setupizer.top-tweet.background-it {
background-position: 0 -30px;
}
.my-social-setupizer.top-pint.background-it {
background-position: 0 -92px;
}
.my-social-setupizer.top-googlt.background-it {
background-position: 0 -59px;
}
.my-social-setupizer.top-stars.reeed.background-it {
background-position: 0 -122px;
}
.my-social-setupizer.top-stars.topsms.background-it {
background-position: 0 -155px;
}

.single img.question_header_img {
border-bottom: 1px solid #555;
}


/* super headliner, for those we want to move backward and compare, just in case.  see 'nightmare' */
.super .headliner {
    position: absolute;
    z-index: 1;
    color: #fff;
    left: 0px;
    top: 0px;
    text-shadow: 1px 1px #000;
    font-size: 22px;
	line-height: 22px;
    background:  #3c5898;
    padding: 8px 15px;
    border-radius: 0px 0px 6px 0px;
    font-weight: bold;
}

.super .headliner img, .super .headliner .first-space {
height: 17px;
width: 17px;
position: relative;
top: 1px;
left: 4px;
opacity: 1;
margin-right: 6px;
}

/* entry meta? 
.entry-meta {display: inline; color: #fff;}
.entry-meta span {display: none;}
.entry-meta time, .entry-meta span {color: #888;}
*/

.your-answer-div {padding-top: 22px;}

img.reloader {
height: 17px;
width: 17px;
}

/* .headliner-last .pointer {margin-left: -1px;} */
.headliner-last img {top: -2px;}
.headliner-last img.checker {
height: 18px;
width: auto;
margin-left: 2px;
margin-right: 0px;
margin-top: -1px;
top: 0px;
}

.entry-content .mobile-only, .entry-content .mobile-leader {text-align: center;}

.quiz-opener {padding-top: 18px;}

.single h1.entry-title {margin-left: 2%;}

/************ MEDIA QUERY **************/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
p.quiz-opener {font-size: 15px;}
.your-answer-div {border-left: 0px; border-right: 0px;}

/* some results stuff from 11-19 */
.top-line-socializer.border-it {padding-right: 0px;}
.your-answer-div {padding-top: 13px !important;}



/* 11-20 */
.single .question_block .answer-row .quiz_answer img {
height: auto !important;
width: auto !important;
max-width: 949px !important;
width: 84% !important;
padding-top: 8%;
padding-bottom: 9%;
display: block;
margin: auto;
}

.result h3 {
width: auto;
color: #797979;
margin-bottom: 7px !important;
font-size: 13px;
line-height: 15px !important;
font-family: tahoma, arial;
font-weight: bold;
margin-top: 7px !important;
/*text-align: center;*/
}
/* smaller-got class is tricky but really does only belong to smartphones, mayyybe tabs but prob not as nec */
.smaller-got {letter-spacing: -2px; font-size: 25px;}
.smaller-got.liker-thiser {display: none;}

/* this line has a direct corrolary, for a change in wider formats, below, too */
.single .answer_shares_buttons .share-it {width: 100%; display: block; margin: auto; margin-bottom: 8px;}

/* pretty ugly margin-top here 
.single .special-spacer {
height: 1px !important; /* margin-top: -5px;}
*/

.entry-content .mobile-only, .entry-content .mobile-leader {display: block; text-align: center; }

/* just the chrome inspect render fooling me img.result_img {width: 99.75% !important; border: 1px solid #111 !important; margin: auto;} */

}

/* lets work on the header */
.site-header {
height: 50px;
overflow: hidden;
background: #fff;
border-bottom: 1px solid #3c5898;
box-shadow: 1px 1.7px 3px 0 rgba(0,0,0,.2);
}
.site-header .wrap {height: 50px; width: 100%; overflow: hidden; border: 0px; padding: 0px;}

.header-image .title-area {padding: 0px;}
.header-image .site-header .site-title {margin: 0px; overflow: hidden;}
.header-image .site-header .site-title a {
background-size: inherit !important;
min-height: 0px !important;
background: url(http://quizsocial.com/wp-content/themes/modern-portfolio-pro/images/quiz-social-logo-one.png) no-repeat !important;
height: 50px;
background-position: 0px -26px !important;
}
.site-title a::before {display: none !important;}

/**** DEC HEADER *****/
/* i guess we'll have to have one where heights and line-heights are set to 50px; then, we'll also have one where it's 100, for desktop? image height can reflex accordingly. */
.header-left {padding-left: 1%; float: left; line-height: 50px;}

.header-left a div.header-logo-retina {
float: left;
margin-right: 4px;
height: 50px;
background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) scroll no-repeat 0px -203px;
width: 94px;
background-size: 100%;
}

.header-left iframe {
vertical-align: middle;
width: 115px;
position: relative;
top: -4px;
}

.header-right {overflow: hidden;}
.header-right section {float: right;}
.header-right .widget_nav_menu li {display: inline;}
.header-right .widget_nav_menu li a {
float: left;
margin-right: 20px;
text-decoration: none;
color: #000;
display: inline-block;
}

.mobile-menu {
float: right;
padding: 0px 10px;
vertical-align: middle;
display: inline-block;
cursor: pointer;
height: 50px;
}
.mobile-menu img {
height: 34px;
margin-top: 7px;
border-radius: 4px;
}

.mobile-menu.clickchange img {/*opacity: 0.8;  margin-right: 2px;*/}
.mobile-menu:active {background: #bbb;}

.menu-overlay-shadow {
position: fixed;
top: 0px;
width: 0%;
height: 0%;
background: #555;
z-index: 5000;
opacity: 0.7;
display: none;
}

.extra-mobile-menus div {
padding: 10px 10px 10px 34px;
padding-top: 20px;
/* border-bottom: 1px solid #3c5898; */
background: #fff;
}


/********* some menu css *********/
section#nav_menu-2 {
display: none;
position: absolute;
width: 65%;
right: 0;
background: #fff;
height: 100%;
z-index: 99999;
border-left: 1px solid #3c5898;
box-shadow: -1px 1px 4px #777;
top: 50px;
max-width: 300px;
}

.header-right .widget_nav_menu li a {
float: none;
margin-right: 0px;
text-decoration: none;
color: #000;
display: block;
padding: 12px 10px 12px 33px;
border-bottom: 1px solid #3c5898;
font-weight: bold;
}

/* menu active for mobile */
.header-right .widget_nav_menu li a:hover {
background: #3c5898;
color: #fff;
}


/**** MEDIA QUERY FOR STRAIGHT DESKTOP ***/
/**** ADK DESKTOP DEC 2014 ***/
.adkarma-1, .voc-soc {display: none;}
.adkarma-1 .os-thumbs-item {height: 98px !important;}
/* .adkarma-1 .os-player_stage {margin-top: -38px !important;} */
/* .adkarma-1 .os-sfc-title {display: none !important;} */


@media only screen and (min-width: 901px) {
.extra-mobile-menus {display: none;}

/* to remove the padding-left fix i've given the headlines elsewhere, on desktop */
.single h1.entry-title {margin-left: 0%;}

.adkarma-1 {display: block !important; width: 300px; margin: auto; overflow: hidden;}
.voc-soc {display: block !important; width: 300px; margin: auto; margin-top: 17px; color: #fff; background: #000; font-size: 19px; padding: 6px 0px 13px; }


/* these are styles for desktop menu and header */
/* this is literally only for above 900px or so */
/* maybe it should be the only, single media query is above 900px, not below 600 for smartphones. maybe it should be smartphones only, THEN desktop changes */

header.site-header, header.site-header .wrap, .header-left a div.header-logo-retina 
{ height: 100px;}
.header-left {line-height: 100px;}
.header-left a div.header-logo-retina {
background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) scroll no-repeat 0px -406px;
width: 188px; background-size: 100%;
}
.header-right {padding-top: 21px;}

.header-right .widget_nav_menu li a {
float: left;
text-decoration: none;
display: inline-block;
padding: 10px 30px;
background: #3c5898;
color: #fff;
margin-right: 2px;
border-radius: 5px;
font-size: 20px;
font-weight: normal !important;
border-bottom: 0px;
}
.header-right .widget_nav_menu li a:hover, .header-right .widget_nav_menu li.current-menu-item a{
background: #27B4B2;
}
.mobile-menu {display: none !important;}
section#nav_menu-2  {display: block !important; position: static; width: auto; height: auto; border: 0px; box-shadow: none; max-width: none;}
}

/* this is the code that makes sure the first featured portfolio widget is showing on new and pop */
#portfolio #featured-post-12.featured-content, #portfolio #featured-post-11.featured-content {
display: block;
}
.mpp-popular #about, .mpp-new #about {display: none;}

/* headline fix for subscribe page, though all pages really need this! */
.page.page-template-default.content-sidebar .content, .page.page-template-page_archive-php.content-sidebar .content {
width: 96% !important;
}

/* a very special menu sliding media query. i only want to do this, for just this. no more */
@media only screen 
and (min-width : 901px) 
and (max-width : 970px) {
.header-right .widget_nav_menu li a {
padding: 10px 22px;
}}



/* whoa, pseudo elements on home/new/pop for buttons! */
#portfolio .featured-content .entry-title a:after {
content: "Take the Quiz >";
background: #27b4b2;
color: white;
clear: both;
float: right;
padding: 3px 10px;
font-size: 16px;
border-radius: 5px;
line-height: 1.8;
font-weight: 200;
position: absolute;
bottom: 0;
right: 0px;
display: none;
}

/* hover */
#portfolio .featured-content  a.alignleft:hover:after {background: darkturquoise !important; /* text-shadow: 1px 1px #222; */}

/* #portfolio  .featured-content .entry .entry-title {
border: none;
font-size: 17px;
font-size: 1.7rem;
line-height: 1;
margin-bottom: 3px;
clear: both;
min-height: 68px;
position: relative;
} */

#portfolio .featured-content .entry {overflow: hidden;}

/* tests of stuff */
/* #portfolio .featured-content .entry .entry-title {
min-height: 80px;
}

#portfolio .featured-content .entry-title a:after {
content: "Take the Quiz >";
background: #27b4b2;
color: white;
clear: both;
float: right;
padding: 3px 0px;
font-size: 16px;
border-radius: 0px 5px 5px 0px;
line-height: 1.8;
font-weight: 400;
position: absolute;
bottom: 0;
right: 0px;
display: block !important;
z-index: 99;
border-left: 1px solid #fff;
width: 52%;
box-sizing: border-box;
text-align: center;
}

#portfolio .featured-content .entry:after {
width: 100%;
content: "Share";
color: white;
float: left;
padding: 3px 18px 3px 28px;
position: relative;
top: -37px;
border-radius: 5px;
background: url(http://quizsocial.com/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat 0px 0px darkblue;
background-size: 84px auto;
font-size: 16px;
display: block;
line-height: 1.8;
box-sizing: border-box;
margin-bottom: -37px;
cursor: pointer;
text-align: left;
font-family: 'Lato', arial, sans-serif;
font-weight: 400;
} */

/* holy hell */

#portfolio .featured-content .entry a.alignleft:after {
/* this needs a hover color */
content: "Quiz Me!";
color: #fff;
background: #27b4b2;
padding: 4px 1px 5px 1px;
border-radius: 0px 5px 5px 0px;
font-size: 15px;
line-height: 1.8;
display: block;
float: right;
width: 35%;
box-sizing: border-box;
text-align: center;
font-weight: 400;
border-left: 1px solid #fff;
/* text-shadow: 1px 1px #555; */
}

#portfolio .featured-content .entry .entry-title {
border: none;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.05;
margin-bottom: 3px;
clear: both;
height: 36px;
position: absolute;
/* float: left; */
/* display: block; */
/* max-width: 50%; */
overflow: hidden;
vertical-align: middle;
background: #222;
color: #fff !Important;
padding-left: 3%;
padding-right: 2%;
border-radius: 5px;
padding-top: 0px;
border-radius: 5px 0px 0px 5px;
display: block;
vertical-align: middle;
/* line-height: 36px; */
/* box-sizing: border-box; */
min-height: 36px;
width: 100%;
display: table;
padding-bottom: 1px;
}

#portfolio .featured-content .entry a.alignleft {float: none;}

#portfolio img {
margin-bottom: 0px;
display: block;
border-radius: 5px;
border: 1px solid #222;
margin-bottom: 3px;
}

#portfolio .featured-content .entry header.entry-header {
position: relative;
display: block;
width: 65%;
}

#portfolio .featured-content .entry-title a {
color: #fff;
display: inline-block;
/* padding-top: 2px; */
/* position: absolute; */
display: table-cell;
vertical-align: middle;
}

#portfolio .featured-content img {width: 100%;}

/* rough fix for portfolio posts where the text is too long...need to make font-size smaller on these post-ids */
#portfolio .post-1329 .entry-title, #portfolio .post-1578 .entry-title, #portfolio .post-1589 .entry-title, #portfolio .post-1943 .entry-title, #portfolio .post-1823 .entry-title, #portfolio .post-2061 .entry-title, #portfolio .post-1902 .entry-title, #portfolio .post-2115 .entry-title, #portfolio .post-2197 .entry-title, #portfolio .post-2339 .entry-title, #portfolio .post-2396 .entry-title, #portfolio .post-2412 .entry-title, #portfolio .post-2608 .entry-title, #portfolio .post-2583 .entry-title, #portfolio .post-2655 .entry-title, #portfolio .post-2706 .entry-title{
font-size: 13px !important; font-size: 1.3rem !important;
}

/* Facebook Comments */
.comments-container {margin-bottom: 10px; display: block; overflow: hidden; }
.your-answer-div {margin-bottom: 15px; clear: both;}

/****************** ADS BY GOOGLE BLUE SHOWUP ********
ins.adsbygoogle {background: lightblue;} */

/* .single .comments-container {display: none !important;} */

span.liker-thiser {display: none !important;}

.sidebar .widget::after {
border: 0px;
padding: 0px;
}

section#text-9 {margin-top: 0px;}


.yes-modal.changestyle, .share-modal.changestyle {
position: fixed;
height: 426px;
top: 0;
bottom: 0;
z-index: 5000;
width: 100%;
margin: auto;
}

.yes-modal-inner, .share-modal-inner {
background: darkblue;
width: 98%;
margin: auto;
/* height: 100%; */
border-radius: 6px;
max-width: 600px;
border: 2px solid darkblue;
padding-bottom: 3%;
position: relative;
text-align: center;
}


.yes-modal .p-1, .share-modal .p-1 {
color: #fff;
background: darkblue;
text-shadow: 1px 1px #000;
font-size: 22px;
padding: 12px 0px;
margin-bottom: 78px;
line-height: 26px;
width: 300px;
margin: auto;
text-align: center;
margin-bottom: 0px;
padding-top: 0px;
margin-top: 10px;
padding-bottom: 2px;
}

.yes-modal .p-2, .share-modal .p-2 {
color: #fff;
width: 300px;
margin: auto;
font-size: 14px;
line-height: 15px;
margin-bottom: 9px;
}

p.already, p.already-share {line-height: 10px; cursor: pointer;}
p.already a, p.already-share a {color: #fff; font-size: 10px; font-family: arial; text-decoration: underline;}
p.already a:hover, p.already-share a:hover {text-decoration: none; color: #fff !important; }

/*
.yes-modal.changestyle .yes-modal-inner div {margin: auto; height: 271px; width: 300px; background: url(http://quizsocial.com/wp-content/themes/modern-portfolio-pro/images/quiz-social-like-box-backer.jpg) no-repeat #fff !important;}
.yes-modal.changestyle .yes-modal-inner div  iframe {background: #fff;
}
*/

/* 1/15/15 RESULT SHARE BUTTONS */
.single a.googler.share-it, .single a.pinter.share-it, .single a.twitterer.share-it {display: none !important;}
.single .share-your-results h2 {display: none !important;}
.single a.facer.share-it {width: 100% !important; margin-right: 0px !important; height: 82px;}
.single a.facer .fb_icon {background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 0 3px #3c5898;  background-size: 210px auto; text-align: center; font-size: 22px; color: #fff; font-weight: bold; /* text-shadow: 1px 1px #000; */ line-height: 80px;}
.single a.facer .fb_icon:hover, .single a.facer .fb_icon:active {
  background-color: #3264D5;
}

.entry-content .mobile-header {height: 250px; width: 300px; margin: auto; display: block;}
.quiz-opener {padding-top: 0px !important;}
.site-inner {padding-top: 1.4rem !important;}
/* link ads
#above-container-ad-id {
    max-width: 1015px;
    margin: auto;
	text-align: center;
    background-color: #336699;
	margin-bottom: 1.4rem;}


.home #above-container-ad-id  {max-width: 1020px;}

.site-inner {
    padding-top: 0px !important;
}  */
.single h1.entry-title {margin-bottom: 6px;}
p.quiz-opener {
line-height: 1.2 !important;
width: 94%;
margin: auto;
margin-bottom: 8px;
}

button.cycle-button {
    margin: auto;
    width: 97%;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 24px;
    max-width: 460px;
    font-size: 26px;
    text-shadow: 1px 1px #000;
    padding: 3.2rem 1rem;
}

.front-ads {
text-align: center;
width: 100%;
max-width: 998px;
}

div#portfolio {
    padding: 2.2rem 0 1.6rem;
    padding: 22px 0 16px;
}

section#featured-post-2, section#featured-post-11, section#featured-post-12 {
    margin-bottom: 0px;
}

.front-ads-2 {
    margin-bottom: 20px;
}

.front-ads .over-nine {display: none;}
@media only screen and (min-width: 780px) {
.front-ads .under-nine {display: none;}
.front-ads .over-nine {display: block;}
}

#load-button {
margin: 0px auto 20px;
width: 94%;
max-width: 460px;
border-radius: 6px;
font-size: 1.8rem;
}


/* CATVAR SHOW ALL ANSWERS */
.question_block.show-all-questions {display: block !important; position: relative; margin-bottom: 20px;}
.headliner.show-answers {background: #222; margin-top: 18px; padding-right: 20px;}
.headliner.pad-top-extra {display: none;}
.entry-content.height-sure {height: auto !important;}

div#taboola-below-article-thumbnails {
margin-top: 40px;
margin-bottom: 20px;
}

p.heartwarmer {
padding-left: 5px;
color: #111;
font-weight: 400;
line-height: 20px;
border-radius: 5px;
font-size: 16px;
text-shadow: 1px 1px #fff;
margin-bottom: 10px;
}

.heartwarm .comments-container {display: block; height: auto !important;}

.mcconaughey .headliner {display: none !important;}

.yes-modal.changestyle, .share-modal.changestyle {
position: fixed;
height: auto;
top: 95px;
/* bottom: 0; */
z-index: 5000;
width: 100%;
margin: auto;
min-height: 195px;
}

.yes-modal-inner, .share-modal-inner {
background: #fff;
width: 98%;
margin: auto;
height: auto;
border-radius: 6px;
max-width: 600px;
border: 1px solid darkblue;
padding-bottom: 0;
position: relative;
text-align: center;
min-height: 195px;
}

.share-modal-inner { border: 1px solid #222; }

.yes-modal .p-1, .share-modal .p-1 {
color: #111;
background: #fff;
text-shadow: none;
font-size: 22px;
padding: 12px 0px;
margin-bottom: 78px;
line-height: 26px;
width: 300px;
margin: auto;
text-align: center;
margin-bottom: 0px;
padding-top: 0px;
margin-top: 10px;
padding-bottom: 2px;
}

.yes-modal .p-2, .share-modal .p-2{
color: #111;
width: 300px;
margin: auto;
font-size: 14px;
line-height: 15px;
margin-bottom: 16px;
/* display: none; */
}

p.already a, p.already-share a {
color: #ddd;
font-size: 25px;
font-family: arial;
text-decoration: none;
position: absolute;
right: 15px;
top: 16px;
padding: 1px;
}
p.already a:hover, p.already a:active, p.already-share a:hover, p.already-share a:active {color: #ddd !important;}


.mcconaughey .question_block .quiz_answer.selected {
    background-color: #f2f2f2;
}

.mcconaughey .quiz_answer.deactivated {
    opacity: 1;
}

.mcconaughey .question_block .quiz_answer:hover {
    background: #ff1f1f;
}

/* CSS updated for kill-pieces, march and april 2015 */
.category-kill-pieces-version .headliner {
  position: absolute; z-index: 999;
  color: #fff;
  left: 0px;
  top: 0px;
  text-shadow: 1px 1px #000;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  background: #3C5899;
  padding: 8px 13px;
}

/* SINGLE ABOUT FACE WIDGET
.single #about .wrap { height: 57px; }
.single div#about {
  padding: 1.3rem;
background: #222;
  border-top: 3px solid #eee;
  border-bottom: 3px solid #eee;
}

.single header.site-header, .single header.site-header .wrap {height: auto; border-bottom: 0px; box-shadow: none;}

.single .menu-overlay-shadow {
  display: none !important;
}

.single .pluginConnectTextDark {
  color: #fff !important;
} */

.postid-2396 .menu-overlay-shadow {display: none !important;}
.post-2396 input.quiz_answer {
  width: 80%;
  background: #3c5898;
  height: 59px;
  margin-top: 5px;
  margin: auto;
  margin-top: 18px;
  font-size: 22px;
  text-shadow: 1px 1px #000;
  border-radius: 10px;
  margin-bottom: 20px;
  background: #555 !important;
}

.post-2396 input#firstname {border: 0px;}

.post-2396 .question_block #contain {
  background: #ddd;
  text-align: center;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 1%;
}

/* for real! */
.menu-overlay-shadow {
  position: fixed;
  top: 0px;
  width: 0%;
  height: 0%;
  background: #555;
  z-index: 5000;
  opacity: 0.7;
  display: none;
}

@media only screen and (max-width: 325px ) {
p.already a, p.already-share a {
  color: #ddd;
  font-size: 18px;
  font-family: arial;
  text-decoration: none;
  position: absolute;
  right: 7px;
  top: 10px;
  padding: 1px;
}
}

/* TEXT-BASED STYLES */
/* need deactiveated, or selected, styles? */
.single .category-text-based .question_block .question_block_header .headliner_img_container {position: relative; min-height: 100px; }
.single .category-text-based .question_block .question_block_header .headliner_img_container .question_text {
  position: absolute;
  bottom: 0;
  padding: 12px 5px 12px;
  background: green;
  color: #fff;
  text-align: center;
  width: 100%;
font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
font-weight: bold;
  line-height: 1.1;
  /* text-shadow: 1px 1px #000; */
  border-top: 1px solid #ddd;
}

.single .category-text-based .question_block .question_block_header {
margin-bottom: 0px;}
.single .category-text-based .question_block ul {left: 0px;}
.single .category-text-based .question_block .answer-row .quiz_answer:hover, .single .category-text-based .question_block .answer-row .quiz_answer:active, .single .category-text-based .question_block .answer-row .quiz_answer.selected {
  background: #27b4b2;
  color: #fff;
  text-shadow: 1px 1px #000;
}
.single .category-text-based .question_block .answer-row .quiz_answer {
display: block;
vertical-align: top;
width: 99% !important;
min-height: 0 !important;
float: none;
clear: both;
padding: 4px !important;
box-shadow: none;
text-align: center;
vertical-align: inherit;
list-style-type: none;
color: #000;
font-size: 19px;
font-weight: normal;
margin: 9px auto !important;
}

p.like-share-p {font-size: 13px;}

@media only screen and (min-width: 901px) {
.single .category-text-based .question_block .answer-row .quiz_answer {
width: 100% !important;
margin: 11px auto !important;
}
}
@media only screen and (max-width: 680px) {
#your-answer-divvy .hr {display: none !important;}
.share-modal-inner .which-restate  {
    /* display: none; */
    width: 96%;
    text-align: left;
    line-height: 1;
    margin-bottom: 5px !important;
}
.share-modal.changestyle {top: 10px;}
.single a.facer .fb_icon {padding-left: 28px;}
.single .category-text-based .question_block .question_block_header .headliner_img_container .question_text {
font-size: 15px;
}
.single .category-text-based .question_block .answer-row .quiz_answer { font-size: 15px; margin: 8px auto !important;}
p.like-share-p {text-align: center; margin-bottom: 10px;}
img.result_img {border-radius: 8px; margin-top: 0px;}
}

.share-modal-inner .headliner {display: none !important;}
.share-modal-inner .which-restate  {margin-bottom: 0px;}
.share-modal-inner div#your-answer-divvy {
  margin-bottom: 0px;
  padding-top: 7px !important;
  border-radius: 6px;
  border: 0px;
  
}
.share-modal-inner .share-your-results {border-radius: 0px 0px 6px 6px; padding: 0px 10px 9px !important}

.question_block.inter_ad {
    padding-top: 20px;
    text-align: center;
	padding-bottom: 20px;
	background: #f9f9f9;
}

.question_block.inter_ad .adskip {
    color: #aaa;
    font-size: 16px; cursor: pointer;
}

.question_block.inter_ad .adskip:hover, .question_block.inter_ad .adskip:active
{
    text-decoration: underline;
}

.ad_inner_inter {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: auto;
}

.like-share-p {display: none !important;}

#featured-post-5 h4.widget-title {margin-bottom:8px;}

section#text-19 h5 {
    margin: 0px;
    float: left;
    margin-bottom: 0px;
    font-size: 14px;
    vertical-align: middle;
    width: 35%;
    padding-top: 5px;
}

section#text-19 form#cse-search-box {
    float: right;
    display: inline-block;
    width: 64%;
    margin-right: 2px;
}

section#text-19 .search-action {
    margin: 0px 19px;
    background: gold;
    overflow: hidden;
    border-radius: 5px;
}

section#text-19 h4.widget-title.widgettitle {
    margin-bottom: 5px;
}

section#text-19 {
    margin-bottom: 6px;
}

section#text-19 input[type="submit"] {display: none !important;}

.single .entry-content a.nextquiz.share-it {
    width: 100% !important;
    margin-right: 0px !important;
    height: 41px;
	text-align: center;
	background: darkred;
	display: block;
	cursor: pointer;
}

.single .site-footer a.nextquiz.share-it {display:none !important;}

.single .entry-content .answer_shares_buttons {
    padding-bottom: 6px;
}

div#fb_dialog_ipad_overlay {
    position: fixed !important;
}

.profilizer {
    background-color: #ddd;
    padding: 85px 0px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid #111;
    color: #000;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
    width: 100%;
    margin: 0px auto 35px;
}

.my-profilizer-pic {
    height: 60px;
	margin: auto;
    margin-bottom: 0px;
	display: block;
	border-radius: 4px;
}

.profilizer span {display: block;}
.profilizer img.preloader {}

@media only screen and (max-width: 680px) {
.profilizer {width: 98%; padding: 70px 0px;
}
}


.profilizer .fb-like {display: block; position: relative; top: -2px; margin-bottom: 2px; overflow: hidden;}

/* PHOTOAPP QUIZZES */
.category-photoapp h2.which-restate {text-align: center;}
.category-photoapp h2.your-answer-div {padding-top: 5px !important;}
#image-container img {display: block;}

button#start-btn {
    background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 10px 8px #3c5898;
    padding: 3.2rem 5.5rem;
	outline: none !important;
	text-shadow: none;
	margin-bottom: 70px;
}

button#start-btn:active, button#start-btn:hover {background-color: #3264D5;}

@media only screen and (max-width: 403px) {
button#start-btn {
    padding: 32px 43px 32px 65px;
    font-size: 19px;
    background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 0px 3px #3c5898;
}
}
@media only screen and (max-width: 295px) {
button#start-btn {   
    background: url(/wp-content/themes/modern-portfolio-pro/images/sharing.png) no-repeat scroll 0px 16px #3c5898;
}
}

@media only screen and (max-device-width: 480px) {
.category-photoapp .your-answer-div {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    padding-top: 0px !important;
}
}

.postid-2688 #image-container, .postid-2698 #image-container  {border: 0px !important;}

.postid-2688 .result h3, .postid-2698 .result h3 {text-align: center;}

.single a.nexxter {
    width: 100%;
    margin: 0px;
    padding: 15px 0px;
    text-align: center;
    background-color: lightblue;
    margin-top: 10px;
    color: #fff;
    border-radius: 5px;
    /* text-shadow: 1px 1px #000; */
    line-height: 1;
    height: auto;
    font-weight: bold;
	text-decoration: none;
	display: block;
}

.single .share-modal a.nexxter {display: none !important;}

.single a.nexxter:hover, .single a.nexxter:active {background-color: #27b4b2;}

.sharecare {
    background-color: #3C5898;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 8px;
    color: #fff;
    text-shadow: 1px 1px #000;
    position: relative;
    line-height: 1.1;
    padding: 6px 17px;
    /* font-size: 15px; */
    border: 1px solid #bbb;
	cursor: pointer;
}

.sharecare:hover, .sharecare: active {background-color: #27B4B2;}

.sharecare span {
    position: absolute;
    font-size: 11px;
    line-height: 11px;
    text-shadow: none;
    left: 5px;
    top: 7px;
    padding: 2px 3px 3px 3px;
    cursor: pointer;
    color: #111;
    background-color: #ccc;
    opacity: .7;
    border-radius: 4px;
}

/* below 640px */
@media only screen and (max-width: 640px ) {
.sharecare  {font-size: 16px; width: 99%; margin-left: 1px; }
}

/* desktop squish! */ /* desktop squish! */ /* desktop squish! */ /* desktop squish! */ 
.single img.question_header_img {
    border-bottom: 0px solid #555;
    max-height: 208px;
    width: 100%;
    margin-top: -9px;
    margin-bottom: -3px;
}

.single .question_block .answer-row .quiz_answer img {
    max-height: 150px;
}

.single .question_block .answer-row .quiz_answer {margin-bottom: 1% !important;}

@media only screen and (max-width: 450px) {
.single img.question_header_img {
    border-bottom: 0px solid #555;
    max-height: none;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.single .question_block .answer-row .quiz_answer {margin-bottom: 2% !important;}

.single .question_block .answer-row .quiz_answer img {
    max-height: none;
}
}
/* /---Changes Allen made to fix site----1-22-2017---/ */
.menu-overlay-shadow {
    position: fixed;
    top: 0px;
    width: 0% !important;
    height: 0% !important;
    background: #555;
    z-index: 5000;
    opacity: 0.7;
    display: none!important;
}

.menu-overlay-shadow {
    position: fixed;
    top: 0px;
    width: 0%;
    height: 0%;
    background: #555;
    z-index: 5000;
    opacity: 0.7;
    display: none !important;
}