/*
	Theme Name: Renters Rights 2020
	Theme URI: http://www.charityandbiscuits.com http://demo.mightyminnow.com/theme/trestle
	Template: genesis
	Description: Digestive is a Charity & Biscuits theme, based on Trestle - which is a Genesis child theme for developers based on the default <a href="http://www.genesisframework.com/">Genesis 2.0 Sample Theme</a>. It features mobile first CSS, helpful theme options, and lots more tools to support your development process.
	Author: Ben Blankley / MIGHTYminnow
	Author URI: http://www.charityandbiscuits.com
	Version: 1.2.0
	Tags: black, gray, red, white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, front-page-post-form, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, genesis, mobile-first, responsive, clean
	Text Domain: trestle
*/

/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Links
		- Headings
		- Objects
		- Forms & Buttons
		- Tables
	- Structure and Layout
		- Site Containers
		- Bubble Layout
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- WordPress
		- Genesis
		- Titles
	- Plugins & Widgets
		- Featured Content
		- Genesis eNews Extended
		- Genesis Latest Tweets
		- Genesis Extender
		- Gravity Forms
		- Jetpack
		- FancyBox for WordPress
		- MapPress
		- Simple Section Navigation
		- Events Manager
		- Simple Newsletter Signup
		- WP Types & Views
	- Site Header
		- Title Area
		- Logo
		- Widget Area
	- Site Navigation
		- General Navigation
		- Sub Navigation
		- Site Header Navigation
		- Primary / Mobile Navigation
		- Navigation Extras
		- Sub Menus
		- Non jQuery Styles
		- Secondary Navigation
	- Content Area
		- Entries
		- Pagination
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- General Components
	- Specific Pages
	- Media Queries

*/

/*Adding font */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

@font-face {
    font-family: 'DIN-Condensed-Regular';
    src: url('./fonts/DIN-Condensed-W08-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/DIN-Condensed-W08-Regular.woff') format('woff'),
    url('./fonts/DIN-Condensed-W08-Regular.ttf') format('truetype'),
    url('./fonts/DIN-Condensed-W08-Regular.svg#Magra') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DINCondensed-Bold';
    src: url('./fonts/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/DINCondensed-Bold.woff') format('woff'),
    url('./fonts/DINCondensed-Bold.ttf') format('truetype'),
    url('./fonts/DINCondensed-Bold.svg#Magra') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
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: 1em;margin: 0}
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
--------------------------------------------- */

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

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

#simple-social-icons-2 ul li a, #simple-social-icons-2 ul li a:hover, #simple-social-icons-2 ul li a:focus,
#simple-social-icons-4 ul li a, #simple-social-icons-4 ul li a:hover, #simple-social-icons-4 ul li a:focus,
#simple-social-icons-3 ul li a, #simple-social-icons-3 ul li a:hover, #simple-social-icons-3 ul li a:focus {
    border-radius: 100% !important;
    color: transparent !important;
    width: 14px !important;
    height: 14px !important;
    padding: 8px !important;
}


.simple-social-icons svg {
    stroke-width: 2px !important;
    stroke: #fff !important;
    position: relative;
    top: -2px;
    left: -1px;
}


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

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

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

body {
    background-color: #FFF;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.625;
}

body.bubble {
    /*background-color: #f5f5f5;*/
}

a,
button,
input[type="text"],
input[type="search"],
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
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;
    -webkit-appearance: none;
    -moz-appearance: none;
}

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

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

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

p,
ol,
ul,
.quote-caption {
    margin-bottom: 26px;
    margin-bottom: 2.6rem;
}

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

.site-inner ol,
.site-inner ul {
    margin-left: 40px;
    margin-left: 4rem;
    margin-bottom: 26px;
    margin-bottom: 2.6rem;
}

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

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

strong {
    font-weight: 700;
}

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

blockquote {
    margin: 20px 40px 24px 55px;
    margin: 2rem 4rem 2.4rem 5.5rem;
}

blockquote::before {
    content: "\201C";
    display: block;
    font-family: Georgia;
    font-size: 60px;
    font-size: 6rem;
    line-height: 1;
    height: 0;
    left: -30px;
    position: relative;
    top: 0px;
}

blockquote cite {
    display: block;
    margin-top: 0.5em;
    margin-left: 60%;
}

blockquote cite i,
blockquote cite em {
    display: block;
    color: #959594;
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
}

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

cite {
    font-style: normal;
}

/* Links
--------------------------------------------- */

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

a:hover {
    color: #333;
}

.site-inner a {
    border-bottom: 1px solid #ddd;
    color: #c0392b;
}

.site-inner a:hover {
    color: #333;
}

.content .attachment a,
.content .gallery a {
    border: none;
}

a img {
    margin-bottom: -4px;
    margin-bottom: -0.4rem;
}

.external-link-icons .external-link:after,
.email-link-icons .email-link:before,
.pdf-link-icons .pdf-link:before,
.doc-link-icons .doc-link:before {
    margin: 0 4px;
    white-space: nowrap;
    font-family: FontAwesome;
}

.external-link-icons .external-link:after {
    content: "\f08e";
}

.email-link-icons .email-link:before {
    content: "\f003";
}

.pdf-link-icons .pdf-link:before {
    content: "\f1c1";
}

.doc-link-icons .doc-link:before {
    content: "\f1c2";
}

.menu .external-link:after {
    display: none;
}

.image-link,
.image-link:hover {
    border-bottom: none !important;
    text-decoration: none !important;
}

.image-link:before,
.image-link:after {
    display: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: 'Oswald', Georgia, serif;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 14px;
    margin: 0 0 1.6rem;
}

h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
}

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

.content h2 {
    clear: both;
}

.widget .entry h2 {
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
    font-size: 1em;
}

h3 {
    font-size: 20px;
    font-size: 2rem;
}

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

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

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

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

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

img {
    height: auto;
    width: auto; /* IE8 */
}

/* Forms & Buttons
--------------------------------------------- */

input,
select,
textarea,
button,
.button,
.genesis-nav-menu a,
.genesis-nav-menu > .right,
#subscribe-email input, /* Begin Jetpack - Blog Subscription */
div.gform_wrapper input[type="email"], /* Begin Gravity Forms */
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
    padding: 15px;
    padding: 1.5rem;
    line-height: 1.25;
}

input,
select,
textarea {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

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

input[type="file"],
input[type="range"] {
    padding-left: 0;
    padding-right: 0;
    border: none !important;
    box-shadow: none;
}

input:focus,
textarea:focus {
    outline: none;
}

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

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
body .button {
    padding-left: 26px;
    padding-right: 26px;
    padding-left: 2.6rem;
    padding-right: 2.6rem;
    background-color: #333;
    border: 1px solid #333;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    width: auto;
    border-radius: 3px;
    font-weight: normal;
    letter-spacing: 0.02em;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
body .button:hover,
.genesis-nav-menu input[type="submit"] {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #fff;
}

.button {
    display: inline-block;
}

.button:before,
.button:after {
    display: none;
}

.content .button,
.content .button:hover {
    color: #FFF;
}

/* Sidebar Forms, Buttons, & Inputs */

.sidebar input,
.sidebar select,
.sidebar textarea,
.sidebar button,
.sidebar .button,
.sidebar #subscribe-email input, /* Begin Jetpack - Blog Subscription */
.sidebar div.gform_wrapper input[type="email"], /* Begin Gravity Forms */
.sidebar div.gform_wrapper input[type="text"],
.sidebar div.gform_wrapper textarea,
.sidebar .gform_wrapper .ginput_complex .ginput_left select,
.sidebar .gform_wrapper .ginput_complex .ginput_right select,
.sidebar .gform_wrapper .ginput_complex .ginput_left,
.sidebar .gform_wrapper .ginput_complex .ginput_right,
.sidebar .gform_wrapper .ginput_complex .ginput_right input[type=text] {
    width: 100% !important;
    padding: 0.5em;
}

.sidebar input[type="radio"],
.sidebar input[type="checkbox"] {
    width: auto !important;
}

.sidebar input[type="file"] {
    padding: 0;
}

.sidebar label {
    font-size: 0.9em;
}

.genesis-nav-menu input[type="submit"]:hover {
    background-color: #555;
    border-color: #555;
}

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

/* Button Colors & Classes */

body .red,
.genesis-nav-menu .button {
    background-color: #c0392b;
    border-color: #c0392b;
}

body .red:hover {
    background-color: #333;
    border-color: #333;
}

.genesis-nav-menu .button:hover {
    background-color: #555;
    border-color: #555;
}

body .blue {
    background-color: #0971b2;
    border-color: #0971b2;
}

body .blue:hover {
    background-color: #333;
    border-color: #333;
}

body .green {
    background-color: #00a476;
    border-color: #00a476;
}

body .green:hover {
    background-color: #333;
    border-color: #333;
}

.arrow-right:after {
    display: inline-block;
    content: "\00a0\00a0\f0a9";
    font-family: FontAwesome;
    line-height: 1;
}

.arrow-left:before {
    display: inline-block;
    content: "\f0a8\00a0\00a0";
    font-family: FontAwesome;
    line-height: 1;
}

/* 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: bold;
    text-transform: uppercase;
}

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


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

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

.site-inner,
.wrap {
    margin: 0 auto;
    max-width: 1045px;
}

.site-inner {
    clear: both;
    padding: 20px;
    padding: 2rem;
    border-radius: 3px;
}

.custom-background .site-inner {
    max-width: 1100px;
    margin: 20px;
    margin: 2rem;
    padding: 30px;
    padding: 3rem;
    background-color: #fff;
}

.custom-background.bubble .site-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px;
    padding: 2rem;
    background-color: transparent;

}

.entry,
.sidebar .widget,
.ez-widget-area,
.breadcrumb,
.archive-description,
.author-box,
.comment-respond,
.entry-comments,
.entry-pings {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    border-radius: 3px;
}

/* Bubble Layout
--------------------------------------------- */
.bubble .entry,
.bubble .sidebar .widget,
.bubble .ez-widget-area,
.bubble .breadcrumb,
.bubble .archive-description,
.bubble .author-box,
.bubble .comment-respond,
.bubble .entry-comments,
.bubble .entry-pings {
    padding: 30px 40px;
    padding: 3rem 4rem;
}
.bubble .entry {
    padding: 30px 40px;
    padding: 3rem 4rem;
}
.bubble .sidebar .widget {
    background-color: #fff;
}

.archive.bubble .entry {
    padding: 20px 40px;
    margin-bottom: 0;
}
.archive.bubble .entry p:last-of-type {
    margin-bottom: 0;
}

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

.content-sidebar-wrap {
    float: left;
    width: 100%;
}

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

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
    float: right;
}

/* Content */

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

.content {
    float: right;
    width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
    float: right;
    width: 100%;
}

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

/* Secondary Sidebar */

.sidebar-secondary {
    float: left;
    width: 100%;
}

.content-sidebar-sidebar .sidebar-secondary {
    float: right;
}

/* 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,
.footer-widgets .widget-area {
    float: left;
    margin: 0;
    width: 100%;
}


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

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

.avatar {
    float: left;
}

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

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

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

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

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

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

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

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

.wp-caption-text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
}

.gallery-caption {
}

.widget_calendar table {
    width: 100%;
}

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

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

.breadcrumb {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    background-color: #fff;
}

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

.archive-description h1 {
    margin-bottom: 0;
}

.author-box-title {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    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 {
	word-wrap: break-word;
}*/
.single-post h1.entry-title {
    font-size: 36px;
    font-size: 3.6rem;
}

.entry-title a,
.sidebar .widget-title a {
    color: #333;
    border-bottom: none;
}

.entry-title a:hover {
    color: #666;
}

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

.sidebar .widget-title a {
    border: none;
}

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


/* Use this code if you want the widget title to have a coloured background */
.widget-header {
    position: absolute;
    top: 0;
    left: 0;
    background: #efefef;
    border-bottom: 2px solid #ddd;
    width: 100%;
    float: left;
    height: 50px;
    padding: 15px 30px;
}
.bubble .sidebar .widget, .sidebar .widget, .bubble .widget, .widget {
    padding-top: 60px;
    position: relative;
}
/* end header title color code */

/*
Plugins & Widgets
---------------------------------------------------------------------------------------------------- */

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

.featured-content .entry {
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    padding: 0 0 24px;
    padding: 0 0 2.4rem;
}

.featured-content .entry-title {
    border: none;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
}

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

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

.enews-widget {
    color: #999;
}

.sidebar .widget.enews-widget,
.bubble .sidebar .widget.enews-widget {
    background-color: #333;
}

.sidebar .enews-widget {
    padding: 40px;
    padding: 4rem;
}

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

.enews-widget input {
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
}

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

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

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

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

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

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

.home .ez-home-container-area {
    margin-bottom: 0;
}

.home .ez-home-container-area .widget:last-child p:last-child,
.home .ez-home-container-area .widget:last-child ul:last-child,
.home .ez-home-container-area .widget:last-child ol:last-child {
    margin-bottom: 0;
}

.bubble .ez-widget-area {
    margin-bottom: 28px;
}


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

div.gform_wrapper {
    max-width: 100%;
}

div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea {
    font-size: 16px;
    font-size: 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 li,
div.gform_wrapper form .gfield_checkbox li {
    margin: 0;
}

div.gform_wrapper ul.gfield_radio li { /* Prevent radio optoin from being cut off by default GF CSS */
    padding-left: 1px !important;
}

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

.sidebar .gform_wrapper .ginput_complex .ginput_left,
.sidebar .gform_wrapper .ginput_complex .ginput_right {
    padding: 0;
}

.sidebar div.gform_wrapper .gfield_time_hour input,
.sidebar div.gform_wrapper .gfield_time_minute input,
.sidebar div.gform_wrapper .gfield_date_month input,
.sidebar div.gform_wrapper .gfield_date_day input,
.sidebar div.gform_wrapper .gfield_date_year input {
    width: 70% !important;
}

.sidebar div.gform_wrapper li,
.sidebar div.gform_wrapper input[type="button"] + input[type="submit"] {
    margin-top: 8px;
    margin-top: 0.8rem;
}

/* Jetpack - WP Stats
--------------------------------------------- */

img#wpstats {
    display: none;
}


/* Jetpack - Blog Subscriptions
--------------------------------------------- */

#jetpack_subscription_widget input,
#subscribe-email input {
    width: 100%;
}

.jetpack_subscription_widget .success {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #dff7dd;
    border: 1px solid #cfe7cd;
    color: #7ea57b;
}

.jetpack_subscription_widget .error {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #ffede8;
    border: 1px solid #efddd8;
    color: #c0392b;
}

/* FancyBox for Wordpress
--------------------------------------------- */

#fancybox-wrap, #fancybox-wrap * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* MapPress
--------------------------------------------- */

body .mapp-layout {
    margin: 0;
}

.mapp-layout,
.mapp-map-links {
    border: none !important;
}

/* Simple Section Navigation
--------------------------------------------- */

.simple-section-nav .current_page_item > a,
.simple-section-nav .current_page_ancestor > a {

}

.simple-section-nav .current_page_item > a {
    font-weight: bold;
}

/* Events Manager
--------------------------------------------- */

.em-calendar-wrapper {
    clear: both;
}

.em-calendar-wrapper .fullcalendar tbody td {
    vertical-align: top;
}

.em-calendar-wrapper .fullcalendar thead th,
.em-calendar-wrapper .fullcalendar thead td {
    display: inline-block;
}

.em-calendar-wrapper .fullcalendar thead th,
.em-calendar-wrapper .fullcalendar thead td,
.em-calendar-wrapper .fullcalendar .days-names td {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.em-calendar-wrapper .fullcalendar thead th,
.em-calendar-wrapper .fullcalendar thead td {
    border: none;
    width: 10%;
}

.em-calendar-wrapper .fullcalendar .month_name {
    width: 80%;
}

.em-calendar-wrapper .fullcalendar thead a,
.em-calendar-wrapper .fullcalendar .eventful > a:first-child,
.em-calendar-wrapper .fullcalendar .eventful-post > a:first-child,
.em-calendar-wrapper .fullcalendar .eventful-pre > a:first-child {
    border-bottom: none;
    text-decoration: none;
}

.em-calendar-wrapper .fullcalendar tbody {
    line-height: 1.2;
}

.em-calendar-wrapper .fullcalendar tbody tr,
.em-calendar-wrapper .fullcalendar tbody td {
    display: block;
    width: 100%;
    height: auto;
}

.em-calendar-wrapper .fullcalendar tbody td {
    display: block;
    border-top-width: 0;
}

.em-calendar-wrapper .fullcalendar tbody .days-names + tr td:first-child {
    border-top-width: 1px;
}

.em-calendar-wrapper .fullcalendar .days-names td {
    display: none;
    height: auto;
    padding: 1em 0;
    background-color: #999;
    color: #fff;
    border-color: #666;
}

.em-calendar-wrapper .fullcalendar ul {
    margin: 5px 0px 10px 20px;
    margin: 0.5rem 0 1rem 2rem;
    font-size: 0.9em;
}

.em-calendar-wrapper .fullcalendar li {
    margin-bottom: .5em;
}

.em-calendar-wrapper table.fullcalendar tr td a {
    text-decoration: none;
}

/* WP Types & Views
--------------------------------------------- */

.wpv-sorting-indicator {
    display: none !important;
}

th a.wpv-header-no-sort:after,
th a.wpv-header-asc:after,
th a.wpv-header-desc:after {
    content: "\f0dd"; /* \f0a9 = circle arrow, \f061 = arrow, \f178 = long arrow, \f105 = angle, \f101 = double angle, \f0da = caret */
    position: relative;
    top: -0.4em;
    display: inline-block;
    margin-left: 0.5em;
    font-family: FontAwesome;
    font-size: 0.7em;
}

th a.wpv-header-desc:after {
    content: "\f0de";
    top: auto;
}


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

.site-header {
    background-color: #fff;
}

.custom-background .site-header {
    /*background-color: transparent;*/
}

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

.title-area {
    text-align: center;
}

.site-title {
    font-family: 'Oswald', serif;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 0;
    margin: 0 0 0rem;
    padding-top: 15px;
}

.site-title a,
.site-title a:hover {
    color: #333;
    border-bottom: none;
}

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

.has-logo .site-title a:first-child {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

/* Full width header, no widgets */

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

/* Logo
--------------------------------------------- */

.logo-full {
    display: none;
}

.logo.show {
    display: inline-block !important;
}


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

.site-header .widget-area {
    width: 100%;
    text-align: center;
}

.site-header .search-form {
    margin: 0 auto;
    margin: 3px 10px 0 0;
    text-align: center;
}


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

/* General Navigation
--------------------------------------------- */

#menu-button {
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #c0392b;
    border: solid 1px #333;
    float: left;
    clear: both;
    width: 100%;
}

.bubble #menu-button {
    margin-top: 20px;
    margin-top: 2rem;
}

.custom-background #menu-button {
    margin-top: 0;
}

.genesis-nav-menu {
    clear: both;
    margin: 0;
    color: #999;
    width: 100%;
}

.genesis-nav-menu li {
    position: relative;
    display: inline-block;
}

.genesis-nav-menu a,
.genesis-nav-menu > .right {
    border-width: 0;
    color: #000;
    display: block;
    position: relative;
    font-size: 25px;
    font-family: 'DINCondensed-Bold';
    padding: 7px;
    outline: none;
    line-height: 18px;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current_page_item > a,
.nav-primary .genesis-nav-menu .sub-menu .current_page_item > a:hover {
}

.genesis-nav-menu ul .current_page_item > a {
    color: #fff;
}

.genesis-nav-menu > .rss > a {
    margin-right: 15px;
    margin-right: 1.5rem;
}

/* Sub Navigation
--------------------------------------------- */

.genesis-nav-menu .sub-menu,
.genesis-nav-menu ul {
    display: none;
    margin: 0;
    /*	background-color: #c0392b;
        border-bottom: 1px solid #eee;*/
    color: #fff;
    -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;
}

.genesis-nav-menu .current_page_item > ul,
.genesis-nav-menu .current_page_parent > ul,
.genesis-nav-menu .current_page_ancestor > ul {
    display: block;
}

.genesis-nav-menu li .sub-menu,
.genesis-nav-menu li ul {
    /*	border: 0 solid #eee;
        border-top-width: 1px;*/
}

.genesis-nav-menu > li > .sub-menu,
.genesis-nav-menu > li > ul {
}

.genesis-nav-menu .sub-menu li,
.genesis-nav-menu ul li {
    padding-left: 15px;
    padding-left: 1.5rem;
}

.genesis-nav-menu .sub-menu a,
.genesis-nav-menu ul a {
    position: relative;
    padding: 10px 5px;
    /*	border: 0 solid #eee;
        border-bottom-width: 1px;*/
}

.genesis-nav-menu .sub-menu li:last-child > a,
.genesis-nav-menu ul li:last-child > a {
    border-bottom-width: 0;
}

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

.site-header .sub-menu {
    border-top: 1px solid #eee;
}

.site-header .genesis-nav-menu a {
    padding: 15px 10px;
    padding: 1.5rem 1rem;
    font-size: .8em;
}

.site-header .genesis-nav-menu a:hover,
.site-header .genesis-nav-menu .current_page_item > a,
.site-header .genesis-nav-menu .current_page_ancestor > a {
    color: #333;
}

.site-header .genesis-nav-menu > li {
    display: inline-block;
    border-top: none;
}

.site-header .genesis-nav-menu .sub-menu {
    display: none;
}

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

/*no margin on primary menu list when inside site-inner*/
.site-inner .genesis-nav-menu {
    margin: 0;

}

.nav-primary,
.nav-secondary {
    display: none;
    /*margin: 0 20px;
    margin: 5px 2rem 0;*/
    margin: 0;
    border-radius: 3px;
    overflow: hidden;
}

.genesis-nav-menu li {
    display: block;
}


.genesis-nav-menu a:hover,
.genesis-nav-menu .current_page_item > a,
.genesis-nav-menu .current_page_ancestor > a {
}


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

.nav-secondary {
    background-color: #fff;
}

.nav-secondary a:hover,
.nav-secondary .current_page_item > a,
.nav-secondary .current_page_ancestor > a,
.nav-secondary ul .current_page_item > a {
    color: #111;
}

.nav-secondary .current_page_item > a,
.nav-secondary .current_page_ancestor > a {
    font-weight: normal;
}


/* Navigation Extras
--------------------------------------------- */

.genesis-nav-menu > .right {
    border-top-style: double;
    border-width: 4px;
}

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

.genesis-nav-menu > .right .button,
.genesis-nav-menu > .right .search-form {
    margin: -1em 0;
    color: #fff;
}

.genesis-nav-menu > .right .button {
    margin: -0.6em 0;
}

.genesis-nav-menu > .right .button,
.genesis-nav-menu > .right input {
    display: inline-block;
    float: none !important;
    width: auto;
    padding: 0.6em 1.2em;
    border: none;
}

.genesis-nav-menu > .right .search-form {
    display: inline-block;
    padding: 0;
}

.genesis-nav-menu > .right input[type="submit"] {
    margin: 0 0 0 0.5em;
}

/* Sub Menus
--------------------------------------------- */

.genesis-nav-menu .sub-icon,
.genesis-nav-menu ul .sub-icon {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    width: 50px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none;
    text-align: center;
}

.genesis-nav-menu ul a:hover,
.genesis-nav-menu ul .current_page_item > a,
.genesis-nav-menu ul .current_page_ancestor > a {
    color: #222;
}

/* Non jQuery Styles
--------------------------------------------- */

.no-jquery #menu-button {
    margin-bottom: 0;
}

.no-jquery #menu-button:hover + .genesis-nav-menu,
.no-jquery a:hover + ul,
.no-jquery ul:hover {
    display: block;
}


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

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

.entry {
    margin-bottom: 40px;
    margin-bottom: 4rem;
    background-color: #fff;
}

.widget .entry,
.bubble .widget .entry {
    padding: 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;

}

/* Lists inside columns (to remove bottom margin as needed at mobile sizes */
.no-list-margin ul,
.no-list-margin ol {
    margin-top: 0;
    margin-bottom: 0;
}

.entry-meta {
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
}

.entry-meta a {
    border-bottom: 1px solid #ddd;
}

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

.entry-footer {
    clear: both;
}

.entry-footer .entry-meta {
    border-top: 2px solid #f5f5f5;
    padding-top: 12px;
    padding-top: 1.2rem;
}

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

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

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

.archive-pagination,
.entry-pagination {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 20px 0 30px;
    margin: 2rem 0 3rem;
}

.archive-pagination ul {
    margin-left: 0;
}


.archive-pagination li {
    display: inline;
}

.pagination-next a,
.pagination-previous a,
.archive-pagination li a {
    background-color: #333;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px 12px;
    padding: 0.8rem 1.2rem;
}


.pagination-next a:hover,
.pagination-previous a:hover,
.archive-pagination li a:hover,
.archive-pagination li.active a {
    background-color: #c0392b;
    color: #fff;
}

.entry-pagination a {
    border-bottom: 1px solid #ddd;
}

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

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

.comment-respond a,
.entry-comments a {
    border-bottom: 1px solid #ddd;
}

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

.content .comment-list,
.content .ping-list,
.content .comment-list ul,
.content .ping-list ul {
    margin-left: 0;
}

.content .comment-list li,
.content .ping-list li {
    list-style-type: none;
}

.comment-list li {
    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;
}

.entry-pings .reply {
    display: none;
}

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


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

.sidebar {
    color: #999;
}

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

.sidebar ul {
    margin-left: 0;
}

.sidebar ul ul,
.sidebar ul ol,
.sidebar ol ul,
.sidebar ol ol {
    padding-left: 15px;
    padding-left: 1.5rem;
    margin-bottom: 0;
}

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

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

.bubble .ez-widget-area {
    background-color: #fff;
    border-radius: 3px;
}

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

.footer-widgets {
    background-color: #333;
    color: #999;
    clear: both;
}

.footer-widgets .wrap {
    padding: 40px 20px 0;
    padding: 4rem 2rem 0;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    width: 100%;
}

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

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

.footer-widgets a {
    color: #999;
}

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

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

.footer-widgets .widget-title {
    color: #fff;
}

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

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


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

.site-footer {
    background-color: #fff;
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    clear: both;
}

.site-footer .wrap {
    padding: 20px;
    padding: 2rem;
}

.site-footer a:before,
.site-footer a:after {
    display: none;
}

.site-footer p {
    margin-bottom: .75em;
    color: #fff;
    font-family: 'DINCondensed-Bold';
    font-size: 22px;
    margin: 0;
}

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


/*
General Components
---------------------------------------------------------------------------------------------------- */

/* Search Form
--------------------------------------------- */

.search-form {
    padding-right: 125px;
}

.search-form input[type="submit"] {
    float: right;
    margin-right: -125px;
}


/*
Customisations
---------------------------------------------------------------------------------------------------- */

/******************* CUSTOM SITEWIDE DEFAULT OVERWRITES ***********/
.site-container {
    /*background: url('/wp-content/themes/renters-rights/images/repeating-brick.jpg') repeat #222;*/
    /*min-height:100%;*/
}
html, body {
    height: 100%;
}
.home.bubble .entry {
    padding: 0;
}
.content-sidebar-wrap {
    background: #fff;
}
.widget ul {
    margin: 0;
    list-style-type: none;
}
.widget a {
    text-decoration: none;
    border-bottom: none;
}
.widgettitle {
    margin-left: -20px;
    /*margin-top: -20px;*/
    width: calc(100% + 41px);
    padding: 20px;
    color: #555;
    font-family: 'Oswald';
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    /*text-shadow: 1px 1px 1px #fff;*/
}
/*.widgettitle:before{
	content:"\f1e3";
	font-family:'FontAwesome';
	margin-right:10px;
	font-weight:400;
}*/

.bubble .breadcrumb, .breadcrumb {
    padding: 15px 40px;
    border-radius: 3px 3px 0 0;
    background: #efefef;
    margin-bottom: 0;
    font-size: 90%;
}
.entry {
    border-radius: 0 0 3px 3px;
}

.twelfth {
    width: 8.333333333333332%;
    padding: 0 10px;
    float: left;
    position: relative;
    box-sizing: border-box;
}

.site-header {
    background: #fff;
}
h1 {
    font-family: 'Oswald', Verdana, Arial, serif;
    font-size: 40px;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
}

/********* Animated search bar ******************/

.bubble .header-widget-area .widget {
    margin: 0;
    padding: 0;
    float: right;
    clear: none;
}


.bubble .header-search {
    width: 200px;
    padding: 8px;
    -webkit-transition: none;
    transition: none;
    -webkit-transition: width 1200ms ease;
    transition: width 1200ms ease;
    float: left;
    position: relative;
}
input[type="search"] {
    padding: 7px;
    box-shadow: none;
    border-radius: 0;

    float: left;
}
.search-form input[type="submit"] {
    font-family: FontAwesome;
    clip: inherit;
    position: absolute;
    right: 0;
    color: #999;
    border: none;
    margin: 0;
    text-align: center;
    float: left;
    width: 40px;
    height: 36px;
    padding: 0;
    background: transparent;
}

.search-form input[type="submit"]:hover {
    color: #c0392b;
}

.site-header .search-form {

}
.hidden {
    width: 0 !important;

    -webkit-transition: width 1200ms ease;
    transition: width 1200ms ease;
}
.hidden input {
    border: none;
    -webkit-transition: none;
    transition: none;
    -webkit-transition: border 1200ms ease;
    transition: border 1200ms ease;
    width: 0;
}
.hidden .search-form input[type="submit"] {
    width: 0;
}
.search-form {
    padding-right: 0px;
}
.simple-social-icons ul li {
    border: 2px solid #fff !important;
    border-radius: 3px;
}
.simple-social-icons ul li.social-search {
}
.simple-social-icons ul li.social-search a {
    font-family: FontAwesome;
    background-color: #1c3a63 !important;
    padding: 6px !important;
}
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }
/* Firefox 18- */
input:focus::-moz-placeholder { color: transparent; }
/* Firefox 19+ */
input:focus:-ms-input-placeholder { color: transparent; }
/* oldIE ;) */


/******************* COLORS ***********/
.colour-red {
    background-color: #982714;
}
.colour-blue {
    background-color: #1c3a63;
}
.colour-dark-blue {
    background-color: #11294a;
}
.colour-green {
    background-color: #879e2c;
}

.black {
    background-color: black;
    color: white;
}
.white {
    background-color: white;
    color: black;
    border-color: #aaa;
}
.grey {
    background-color: #cccccc;
    color: #222222;
    border-color: #999;
}
/**************SITE STRUCTURE*************************/


/********************HIGLIGHTING****************************/
span.highlight-white {
    color: black;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0.5em 0 0 rgba(255, 255, 255, 1), -20px 0 0 rgba(255, 255, 255, 1);
    padding-bottom: 2px;
    line-height: 23px;
}
span.highlight-red {
    color: white;
    background-color: #c0392b;
    box-shadow: -1em 0 0 #ff3e01, 20px 0 0 #c0392b;
    padding-bottom: 2px;
    line-height: 23px;
}
span.highlight-black {
    color: white;
    background-color: rgba(0, 0, 0, 1);
    box-shadow: 0.5em 0 0 rgba(0, 0, 0, 1), -20px 0 0 rgba(0, 0, 0, 1);
    padding: 3px;
    line-height: 23px;
}

.highlight-grey {
    background-color: #e3fffa;
    box-shadow: -15px 0 0 #e3fffa, 20px 0 0 #e3fffa;
    padding: 4px 0;
    line-height: 23px;
}


/****************************HOMEPAGE*****************************/

.home-row {
    padding: 80px 40px;
    padding: 8rem 4rem;
    width: 100%;
    float: left;
}

.home-top {

    /*background: url('/wp-content/themes/renters-rights/images/bg-block-flats.jpg') no-repeat #fff;*/
    position: relative;
    padding: 80px 40px 170px;
    padding: 8rem 4rem 17rem;
}
.home-skyline {
    /*background: url('/wp-content/themes/renters-rights/images/grunge-skyline.png') no-repeat transparent;*/
    background-position: center 350px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 163px;
}
.home-skyline.loaded {
    background-position: center bottom;
    transition: all 1s ease;
}

.home-second {
    /*background: #a2a2a2;	*/
    /*background: url('/wp-content/themes/renters-rights/images/grunge-grey.jpg') #a2a2a2;*/
}
.mini-borough-map {
    display: block;
    margin: 20px auto;
}
.home .widget select {
    color: #2c3e50;
}
.home-second .widget {
    background: rgba(100, 100, 100, 0.3);
}
.home .widgettitle {
    font-family: 'DINCondensed-Bold';
    color: #000;
    font-size: 26px;
}
/*#home_second_row_left{
	transform:rotate(-4deg);
}
#home_second_row_middle{
	transform:rotate(2deg);
}
#home_second_row_right{
	transform:rotate(-3deg);
}*/
.home-third {
    background: #c0392b;
    /*background: url('/wp-content/themes/renters-rights/images/red-grunge.jpg') #c0392b;*/
    border-top: 2px solid #c0392b;
}
.home-third .widget {
    background: rgba(192, 57, 43, 0.4);
}
.home-twitter {
    padding: 40px;
    color: #fff;
    text-align: center;
}
.home-twitter .fa-home-twitter-icon {
    margin-bottom: 30px;
}
.home-twitter a {
    color: #eee;
    text-decoration: none;
    border-bottom: none;
}


.home .widget {
    padding: 0px 0 20px;
    /*background: transparent;*/
    /*color: #fff;*/
}

.home .hero-panel {
    /*background-color: #c0392b;*/
    /*background: url('/wp-content/themes/renters-rights/images/red-grunge.jpg') #c0392b top right;*/
    /*border: 2px solid #943826;*/
    color: #000000;
    padding: 60px 40px;
    padding: 6rem 4rem;
    max-height: 395px;
    overflow-y: scroll;
}
.home .hero-panel a {
    color: #fff;

}
.home .widgettitle {
    margin-top: -20px;
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 5px;
}
#home_top_row_box .widgettitle {
    background: transparent;
}
.home .hero-panel h3 {
    font-family: 'DINCondensed-Bold';
    font-size: 30px;
    color: #000000;
}
.home-third .widget .entry {
    background: transparent;
    border-bottom: none;
}
.home-third .widget a {
    color: #fff;
}
.home-third .widget h2.entry-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

/*set colors of widget titles on home page*/
/*.home-second #home_second_row_left .widgettitle{
	background-color: #34495e;
}
.home-second #home_second_row_middle .widgettitle{
	background-color: #2c3e50;
}
.home-second #home_second_row_right .widgettitle{
	background-color: #34495e;
}
.home-third #home_third_row_left .widgettitle{
	background-color: #a43125;
}*/

/******************************THE EVIDENCE PAGE*******************************/

.evidence-list {
    width: 100%;
}
.evidence-list tr {
    border-top: 2px solid #bdc3c7;
}
.evidence-list td {
    padding: 10px;
    font-size: 90%;
    line-height: 120%;
    vertical-align: center;
    display: table-cell;
}
.evidence-list td p {
    margin: 0;
}
.evidence-list td a {
    text-decoration: none;
    border-bottom: none;
    font-weight: 700;
}
.evidence-list td.date, .evidence-list td.link {
    width: 10%;
}
.evidence-list td.summary {
    width: 80%;
}


/******************************BOROUGHS PAGES*******************************/


.borough-page-logo {
    display: block;
    margin: 20px auto;
}


/***************************** SIDEBAR **************************/

.bubble .sidebar-primary {
    background: #ecf0f1;
    /*	padding: 52px 0 0;
        padding: 5.2rem 0 0; Use if Breadcrumbsa are turned on  */
    padding: 0;
}
.bubble .sidebar-primary .widget {
    background: #ecf0f1;
    padding: 0 20px;
    padding: 0 2rem;
}
.bubble .sidebar-primary .widget .widgettitle {
    background: #bdc3c7;
}

/*****************************FOOTER**************************/
.site-footer {
    background: #000;
}
.site-footer a {
    color: #fff;
}

.footer-widgets .widget-area {
    padding: 15px;
}
.footer-widgets .widget-title:before, .sidebar-secondary .widget-title:before {
    background: none;
    height: 0;
    width: 0;
    display: none;
    margin: 0;
    float: none;
    padding: 0;
}
.footer-widgets .widget-title, .sidebar-secondary .widget-title {
    padding-left: 0;
}
.footer-widgets .widget-header {
    padding: 15px 0;
}
.footer-widgets input[type="search"] {
    background: #ccc;
    color: black;
}

/*********************DONATE PAGE***********************/

.donate-example {
    padding: 15px;
    color: black;
    border-radius: 1rem;
}
.donate-example p small {
    display: block;
    line-height: 1.5;
}
.donate-amount {
    font-size: 36px;
    text-align: center;
}

/**********************BOROUGH ARCHIVE PAGE *****************/

/*.brick-wall .content{
	background:url('/wp-content/themes/renters-rights/images/grunge-red.jpg');
}
.brick-wall .content .entry{
	background:transparent;
	color:#fff;
}
.brick-wall .content .entry h1, .brick-wall .content .entry a{
	color: #fff;
	border-bottom: none;
}*/

ul.borough-archive-loop {
    margin: 0;
    list-style-type: none;
}
ul.borough-archive-loop li {
    list-style-type: none;
    color: #333;
    font-size: 20px;
    display: inline-block;
    margin: 10px;
    background: #efefef;
    padding: 10px;
}
ul.borough-archive-loop li:hover {
    background: #bdc3c7;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
ul.borough-archive-loop li:hover a {
    color: #fff;
}
ul.borough-archive-loop li a, ul.borough-archive-loop a {
    text-decoration: none;
    border-bottom: none;
}
/*********************** BOROUGH PAGES *******************/

.single-borough h1.entry-title {
    text-align: center;
}

.borough-page-logo img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.collapseomatic {
    background-image: url(/wp-content/plugins/collapse-pro-matic/images/arrow-down-dark.png);
    background-repeat: no-repeat;
    background-position: 10px;
    padding: 10px 30px;
    cursor: pointer;
    width: 100%;
    background-color: #c0392b;
    margin: 10px 0 0;
    color: #fff;
}
.collapseomatic:hover {
    text-decoration: none;
    background: #bdc3c7;
    transition: all 0.2s ease-in-out;
}
.collapseomatic_content {
    margin: 0;
    padding: 15px;
    background: #efefef;
}


/*Damselfly custom mohit css start*/

.custom-main-content {
    border-top: 1px solid #999;
    margin: 2px 0 0 0;
    padding: 15px 0;
}

.custom-left-section {
    border-right: 1px solid #999;
    padding: 0 15px 0 0;
}
.renter-manifesto-section {
    padding: 0px 0 20px;
    border-bottom: 1px solid #999;

}
.renter-manifesto-section h3 {
    text-align: center;
    font-family: 'DINCondensed-Bold';
    color: #000;
    font-size: 26px;
    margin: 0 0 10px;
}

.renter-manifesto-section p {
    font-size: 16px;
    line-height: 1.45em;
    font-weight: 400;
    color: #222;
}

.know-your-right-section {
    margin: 10px 0 0 0;
    border-bottom: 1px solid #999;
    padding: 0 0 10px;
}

.your-right-wrapper {
    border-right: 1px solid #999;
    padding: 20px;
    text-align: center;
}

.your-right-wrapper h3 {
    font-family: 'DINCondensed-Bold';
    color: #000;
    font-size: 26px;
    line-height: 1.45em;
    margin: 0 0 10px;
}
.your-right-wrapper p {
    font-size: 16px;
    line-height: 1.45em;
    font-weight: 400;
    color: #222;
}
.your-right-wrapper a {
    background: #222;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 4px;
    padding: 0 20px;
    font-weight: 800
}
.your-right-wrapper img {}

.your-borough-wrapper {
    padding: 20px;
    text-align: center;
}

.your-borough-wrapper h3 {
    font-family: 'DINCondensed-Bold';
    color: #000;
    font-size: 26px;
    line-height: 1.45em;
    margin: 0 0 10px;
}
.your-borough-wrapper p {
    font-size: 16px;
    line-height: 1.45em;
    font-weight: 400;
    color: #222;
}

.custom-news-section {
    border-bottom: 1px solid #999;
}

.custom-news-section .widgettitle {
    text-align: center;
    color: #000;
}

.custom-news-section h3 {
    font-family: 'DINCondensed-Bold';
    color: #000;
    font-size: 26px;
    margin: 0 0 10px;
    text-align: center;
}
.custom-news-section h5 {
    font-family: 'DINCondensed-Bold';
    color: #000;
    font-size: 18px;
    margin: 0 0 10px;
}
.custom-news-section p {
    font-size: 16px;
    font-weight: 400;
    color: #222;
    line-height: 1.45em;
}

#ctf .ctf-header-name {
    font-size: 16px !important;
}

#ctf a, #ctf p {
    color: #222;
}
.nav-primary {
    background-color: #111;
    border:none;
}

#menu-primary-nav {
    background-color: #111;
}

#menu-primary-nav li a {
    color:#fff;
}

#menu-primary-nav li.current-menu-item a,
#menu-primary-nav li.current_page_parent a
{
    color:#ddd;
}

#menu-primary-nav ul.sub-menu {
    background-color: #111;
}


/* Damselfly custom mohit css end*/


/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

    .header-image .site-header .wrap {
        /*	background: url(images/logo@2x.png) no-repeat left;*/
        background-size: 320px 164px;
    }

}


@media (max-width: 768px) {
    .custom-left-section {
        border-right: none;
    }

    .your-right-wrapper {
        border-right: none;
    }
}

@media (min-width: 480px) {

    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: 20px;
        font-size: 2rem;
    }

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

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

}

@media (min-width: 768px) {

    /* General
    --------------------------------------------- */
    .wrap {
        padding-left: 0;
        padding-right: 0;
    }

    h1 {
        font-size: 46px;
        font-size: 4.6rem;
    }


    /* Header
    --------------------------------------------- */
    .header-image .site-header .wrap {
        background-position: left top;
    }

    .logo-mobile {
        display: none;
    }

    .logo-full {
        display: inline-block;
    }

    .header .widget-area .widget {
        float: right;
        clear: right;
    }

    .site-header .menu > .last a {
        padding-right: 0;
    }

    .site-header .search-form {
        float: right;
    }

    .site-header .widget-area {
        width: auto;
    }

    .site-header .genesis-nav-menu {
        text-align: right;
    }

    .site-header .genesis-nav-menu .sub-menu {
        display: block;
    }

    /* Content
    --------------------------------------------- */
    .site-inner {
        padding-top: 30px;
        padding-top: 3rem;
    }

    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap {
        width: 80%;
    }

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

    .content-sidebar .sidebar-primary,
    .sidebar-content-sidebar .content,
    .sidebar-content-sidebar .sidebar-primary,
    .sidebar-sidebar-content .content,
    .sidebar-sidebar-content .sidebar-primary {
        /*padding-left: 30px;*/
    }

    .content-sidebar-sidebar .content,
    .sidebar-content .sidebar-primary,
    .content-sidebar-sidebar .sidebar-primary {
        padding-right: 30px;
    }

    .sidebar-secondary {
        width: 18%;
    }

    /* Bubble Layout - Padding & Margins
    --------------------------------------------- */
    .bubble .site-inner {
        padding-top: 20px;
        padding-top: 2rem;
    }

    .bubble .content {
        padding: 0;
    }

    .bubble .entry {
        padding: 30px 40px;
        padding: 3rem 4rem;
    }

    .bubble .entry,
    .bubble .breadcrumb,
    .bubble .archive-description,
    .bubble .author-box {
        margin-bottom: 3.8674033%;
    }

    .bubble.full-width-content .entry,
    .bubble.full-width-content .breadcrumb,
    .bubble.full-width-content .archive-description,
    .bubble.full-width-content .author-box {
        margin-bottom: 2%;
    }

    .bubble.content-sidebar-sidebar .entry,
    .bubble.content-sidebar-sidebar .breadcrumb,
    .bubble.content-sidebar-sidebar .archive-description,
    .bubble.content-sidebar-sidebar .author-box,
    .bubble.sidebar-content-sidebar .entry,
    .bubble.sidebar-content-sidebar .breadcrumb,
    .bubble.sidebar-content-sidebar .archive-description,
    .bubble.sidebar-content-sidebar .author-box,
    .bubble.sidebar-sidebar-content .entry,
    .bubble.sidebar-sidebar-content .breadcrumb,
    .bubble.sidebar-sidebar-content .archive-description,
    .bubble.sidebar-sidebar-content .author-box {
        margin-bottom: 3.9723661%;
    }

    .sidebar .widget,
    .bubble .sidebar .widget {
        margin-bottom: 8.045977%;
    }

    .content-sidebar-sidebar .sidebar .widget,
    .sidebar-content-sidebar .sidebar .widget,
    .sidebar-sidebar-content .sidebar .widget {
        margin-bottom: 8.2733813%;
    }

    .bubble .entry-footer .entry-meta {
        border-top: 2px solid #f5f5f5;
        margin: 0 -40px;
        margin: 0 -4rem;
        padding: 32px 40px 8px;
        padding: 3.2rem 4rem 0.8rem;
    }

    .bubble .breadcrumb, .breadcrumb {
        margin-bottom: 0;
    }

    /*Ben B fix to make content and sidebar sit snug next to each other*/
    .content-sidebar.bubble .content {
        width: 70%;
    }

    .content-sidebar.bubble .sidebar-primary {
        width: 30%;
    }

    /*Ben B - full height sidebar */
    .bubble .sidebar-primary {
        /*	margin-bottom: -99999px;
            padding-bottom: 99999px;*/
    }

    .content-sidebar-wrap {
        /*overflow: hidden;*/
        position: relative;
        z-index: 99; /* needed for Safari 7
*/ }

    .sidebar-primary:after {
        content: " ";
        background: none repeat scroll 0 0 #ecf0f1;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .sidebar-primary:after {
        right: 0;
        width: 30%;
    }

    /* Columns
    --------------------------------------------- */
    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds,
    .footer-widgets .widget-area {
        margin-left: 2.564102564102564%;
    }

    .one-half,
    .three-sixths,
    .two-fourths,
    .footer-widgets-number-2 .footer-widgets .widget-area {
        width: 48.717948717948715%;
    }

    .one-third,
    .two-sixths,
    .sidebar-primary,
    .footer-widgets-number-3 .footer-widgets .widget-area {
        width: 31.623931623931625%;
    }

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

    .one-fourth,
    .footer-widgets-number-4 .footer-widgets .widget-area {
        width: 28.076923%;
    }

    .three-fourths {
        width: 74.35897435897436%;
    }

    .one-fifth,
    .footer-widgets-number-5 .footer-widgets .widget-area {
        width: 17.948717949%;
    }

    .one-sixth,
    .footer-widgets-number-6 .footer-widgets .widget-area {
        width: 14.52991452991453%;
    }

    .five-sixths {
        width: 82.90598290598291%;
    }

    .first,
    .footer-widgets .footer-widgets-1 {
        clear: both;
        margin-left: 0;
    }

    li.first {
        clear: none;
    }

    /* Lists inside columns (to remove bottom margin as needed at mobile sizes */
    .no-list-margin ul,
    .no-list-margin ol {
        margin-bottom: 26px;
        margin-bottom: 2.6rem;
    }


}

/* Mobile nav breakpoint - adjust accordingly */

@media (min-width: 980px) {

    .site-header {
        /*background: url('/wp-content/themes/renters-rights/images/header-skyline-red.png') no-repeat 400px 0 #fff;*/
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-size: contain;
        background-position-x: 400px;
    }

    /* Non-Mobile Navigation
        --------------------------------------------- */
    #menu-button {
        display: none;
    }

    .nav-primary,
    .nav-secondary {
        margin: 0;
        border-radius: 0;
        overflow: visible;
        display: block;
        border-top: 1px solid #999;
        border-bottom: 1px solid #000;
        padding: 7px 0 2px;
        position: relative;
    }


    .genesis-nav-menu li {
        display: inline-block;
        text-align: left;
        letter-spacing: 1px;
        z-index: 150;
        margin: 0 20px 0 0;
    }

    .genesis-nav-menu .sub-menu,
    .genesis-nav-menu ul {
        display: block;
        left: -9999px;
        opacity: 0;
        position: absolute;
        width: 200px;
        z-index: 99;
        font-size: 1em;
        top: 35px;
        background: #111;
        border: 1px solid #000;
    }

    .genesis-nav-menu .sub-icon {
        display: none;
    }

    .menu-primary li.current-menu-item, .menu-primary li:hover {
    }

    .menu-primary .current-menu-item > a, .menu-primary li:hover > a {
        color: #bb1919;
    }

    /* Navigation Extras
    --------------------------------------------- */
    .genesis-nav-menu > .right {
        display: inline-block;
        float: right;
        border-top: none;
    }

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

    .genesis-nav-menu > .search form {
        padding-right: 0;
    }

    .genesis-nav-menu > .right input[type="submit"] {
        display: inline-block;
    }

    /* Sub Menus
    --------------------------------------------- */
    .genesis-nav-menu .sub-menu li,
    .genesis-nav-menu ul li {
        padding-left: 0;
        border: none;
        border-bottom: 1px solid #ccc;
    }

    .genesis-nav-menu ul li:last-child {
        border-bottom: none;
    }

    .genesis-nav-menu .sub-menu a,
    .genesis-nav-menu ul a {
        position: relative;
        width: 200px;
        padding: 10px 20px;
        padding: 1rem 2rem;
        border-width: 1px 1px 0 1px;
        font-size: 16px;
    }

    .genesis-nav-menu > .parent > a:after {
        content: "\f0d7";
        position: relative;
        top: -.2em;
        margin-left: 8px;
        font-family: FontAwesome;
        font-size: .6em;
    }

    .genesis-nav-menu ul .parent > a:after {
        content: "\f0da";
        position: absolute;
        right: 8px;
        margin: 0;
        font-family: FontAwesome;
        font-size: .8em;
        line-height: 1.5;
    }

    .genesis-nav-menu li:hover {
        position: relative;
    }

    .genesis-nav-menu li:hover > ul {
        left: auto;
        opacity: 1;
    }

    .genesis-nav-menu ul li:hover > ul {
        top: 0;
        left: 100%;
        margin-left: -1px;
    }

}

#text {
    display: none;
}
.read-more {
    cursor: pointer;
}

@media (min-width: 1140px) {

    .custom-background .site-inner {
        margin: 20px auto;
    }

    /* move header and nav to same fixed width as site inner */
    /*.site-header{
        max-width:1100px;
        margin:40px auto 0;
        background:#efefef;
        padding:0 20px;
    }
    .nav-primary{
        max-width:1100px;
        margin:0 auto;
        background:#efefef;
        padding:0 20px;
    }*/

}

