/* # WestCourt
Theme Name: WestCourt
Theme URI: http://buzzword.net.au
Description: This is a theme carefully crafted for WestCourt.   
Author: Buzzword Hosting (Harold Lupogan)  
Author URI: http://www.buzzword.net.au/
Version: 1.0
Template: genesis  
Template Version: 2.1.2  
Tags: green, blue, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready  
License: GPL-2.0+  
License URI: http://www.gnu.org/licenses/gpl-2.0.html  
*/

/* # WARNING

This file is part of the core Genesis Framework. DO NOT edit this file under any circumstances. Please do all modifications in the form of a child theme.
Copy the contents of this file to the child theme. Do not use @import, as the CSS included with Genesis might change in the future.

*/

/* # Table of Contents
- Imports
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Containers
	- Column Widths and Positions
	- Column Classes
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Jetpack
- Site Header
	- Title Area
	- Widget Area
- Site Navigation
	- Accessible Menu
	- Site Header Navigation
	- Primary Navigation
	- Secondary Navigation
	- Skip Links
- Content Area
	- Entries
	- Entry Meta
	- Pagination
	- Comments
- Sidebars
- Site Footer
- Media Queries
	- Retina Display
	- Max-width: 1200px
	- Max-width: 960px
	- Max-width: 800px
- Print Styles
*/


/* # Imports
---------------------------------------------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);


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

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background: 0 0;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #333;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

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

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto;
    }

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

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

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

*,
*:before,
*:after {
    box-sizing: inherit;
}


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

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

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


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

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

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

/* Chrome fix */
body > div {
    font-size: 1.8rem;
    overflow: hidden;
}

body {
    background-color: #fbfbfb;
    color: #808084;
    font-family: Open Sans, sans-serif !important;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.625;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
    -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;
}

a {
    color:blue;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: blue!important;
    }

p {
    margin: 0 0 1.750em;
    padding: 0;
}

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

li {
    list-style-type: none;
}

hr {
    border: 0;
    border-collapse: collapse;
    border-top: 1px solid #ddd;
    clear: both;
    margin: 1em 0;
}

b,
strong {
    font-weight: 700;
}

blockquote,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0;
    font-style: normal;
    background: #ffffff url(images/slant.png);
    padding: 2rem 1rem 2rem 4rem;
    border-left: 5px solid #888;
}

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

    blockquote.highlight {
        display: inline-block;
        margin-top: 2em;
        background: #fff;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
        font-size: 1em;
        padding: 1rem 1rem 1rem 5rem;
        border-left: none;
    }

        blockquote.highlight::before {
            content: "\f10d";
            font: normal normal normal 14px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-size: 2em;
            top: 1em;
            left: -1.25em;
        }


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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #6e6e6e;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 10px;
}

h1 {
    font-size: 2.250em;
}

h2 {
    font-size: 1.875em;
}

h3 {
    font-size: 1.500em;
}

h4 {
    font-size: 1.250em;
}

h5 {
    font-size: 1.125em;
}

h6 {
    font-size: 1em;
}

h1 small {
    font-size: 60%;
    line-height: 1;
}

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

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

img {
    height: auto;
}

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

/* ## Gallery
--------------------------------------------- */

.gallery {
    overflow: hidden;
}

.gallery-item {
    float: left;
    margin: 0 0 1.75em;
    text-align: center;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
    width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.1111%;
}

.gallery img {
    border: 1px solid #ddd;
    height: auto;
    padding: .5rem;
}

    .gallery img:hover,
    .gallery img:focus {
        border: 1px solid #999;
    }

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

/*input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-size: 1em;
	font-weight: 400;
	padding: 1.2rem 1.6rem;
	width: 100%;
}*/

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

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

::-moz-placeholder {
    color: #a8a8a8;
    font-weight: 400;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #a8a8a8;
    font-weight: 400;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    background-color: #C3CF21;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    padding: 1.6rem 2.5rem;
    /*text-transform: uppercase;*/
    width: auto;
}

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

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

.button {
    display: inline-block;
}

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

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

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

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

td,
th {
    text-align: left;
}

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

th {
    font-weight: 400;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

    .screen-reader-text:focus,
    .screen-reader-shortcut:focus,
    .genesis-nav-menu .search input[type="submit"]:focus {
        clip: auto !important;
        height: auto;
        width: auto;
        display: block;
        font-size: 1em;
        font-weight: bold;
        padding: 15px 23px 14px;
        color: #333;
        background: #fff;
        z-index: 100000; /* Above WP toolbar. */
        text-decoration: none;
        box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    }

.more-link {
    position: relative;
}


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

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

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

.site-inner {
    clear: both;
    /*	padding-top: 4rem; */
}

.single .site-inner,
.search .site-inner,
.error404 .site-inner,
.archive .site-inner {
    font-size: .825em;
}

/* ## Error404
--------------------------------------------- */

.error404 .site-inner {
    padding-top: 4rem;
}

    .error404 .site-inner .sidebar {
        display: none;
    }

    .error404 .site-inner .content {
        width: 100%;
        border-right: none;
    }

        .error404 .site-inner .content .input[type='search'] {
            margin-bottom: 2em;
        }

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

/* ### Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
    width: 980px;
}

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

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

/* ### Content */

.content {
    float: right;
    width: 44em;
    margin-bottom: 2em;
    border-right: 1px solid #ddd;
    padding-right: 2em;
}

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

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
    width: 580px;
}

.full-width-content .content {
    width: 100%;
    border-right: none;
}

/* ### Primary Sidebar */

.sidebar-primary {
    float: right;
    width: 20em;
}

    .sidebar-primary p {
        margin-bottom: 1rem;
    }

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

.sidebar-primary .green-button-wrap {
    margin: 1.5em auto;
    display: block;
    width: 12.6em;
    overflow: hidden;
}

/* ### Secondary Sidebar */

.sidebar-secondary {
    float: left;
    width: 180px;
}

.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 {
    float: right;
    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%;*/
    width: 56.076923%;
}

.three-fourths {
    width: 74.35897435897436%;
}

.one-sixth {
    width: 14.52991452991453%;
}

.five-sixths {
    width: 82.90598290598291%;
}

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


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

/* ## Avatar
--------------------------------------------- */

.avatar {
    float: left;
}

.alignleft .avatar,
.author-box .avatar {
    margin-right: 24px;
}

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

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

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

.breadcrumb {
    font-size: .8em;
    margin-top: 1.75em;
    margin-bottom: 2em;
    text-align: right;
}

.archive-description,
.author-box {
    background-color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 40px;
    padding: 40px;
}

.author-box-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 4px;
}

.archive-description p:last-child,
.author-box p:last-child {
    margin-bottom: 0;
}

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

.search-form {
    overflow: hidden;
}

    .search-form input[type="search"] {
        float: left;
        -webkit-appearance: none;
    }

    .search-form input[type="submit"] {
        display: block;
        float: left;
        padding: 10px;
        margin-top: 12px;
        margin-left: 0;
        width: 90px;
        height: auto;
        clip: auto;
        text-align: center;
        background-color: #666;
        transition-property: opacity;
        transition-delay: .3s;
        transition-duration: .5s;
    }

        .search-form input[type="submit"]:hover {
            opacity: .7;
        }

.site-header .search-form {
    float: right;
    margin-top: 12px;
}

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

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

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

.archive-title {
    font-size: 20px;
    font-size: 2rem;
}

.entry-title {
    color: #c3cf21;
    font-size: 2em;
    margin-bottom: .75em;
}

    .entry-title a,
    .sidebar .widget-title a {
        color: #6e6e6e;
    }

        .entry-title a:hover,
        .entry-title a:focus {
            color: #b4bf23;
        }

.widget-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

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

a.aligncenter img {
    display: block;
    margin: 0 auto;
}

a.alignnone {
    display: inline-block;
}

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

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

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

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

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

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

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

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

.entry-content p.wp-caption-text {
    margin-bottom: 0;
}

.sticky {
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
    margin: 0 0 28px;
}


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

.widget {
    word-wrap: break-word;
}

    .widget ol > li {
        list-style-position: inside;
        list-style-type: decimal;
        padding-left: 20px;
        text-indent: -20px;
    }

    .widget li li {
        border: 0;
        margin: 0 0 0 30px;
        padding: 0;
    }

.widget_calendar table {
    width: 100%;
}

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

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

.featured-content .entry {
    margin-bottom: 20px;
    padding: 0 0 24px;
}

.featured-content .entry-title {
    font-size: 1.25em;
    margin-bottom: 1.5em;
}


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

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

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

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

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

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

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

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

.enews form + p {
    margin-top: 24px;
}

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

#wpstats {
    display: none;
}


/* # Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link {
    margin: 0;
}

    .genesis-skip-link li {
        height: 0;
        width: 0;
        list-style: none;
    }

/* Display outline on focus */
:focus {
    color: #808084;
    outline: #ccc solid 1px;
}


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

.site-header {
    min-height: 6em;
    /*border-top: 1.8rem solid #C3CF21;*/
    border-top: 1.8rem solid #1c0f2b;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

    .site-header .wrap {
        /*padding: 1rem 0 0.5rem;*/
        padding: 2rem 0 0.5rem;
    }



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

.title-area {
    float: left;
    padding: 1rem 0;
    width: 18.875em;
    padding-top: 4px;
}

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

.site-title {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
}

    .site-title a,
    .site-title a:hover,
    .site-title a:focus {
        color: #333;
    }

.header-image .site-title > a {
   /*background: url(../../Images/westcourt-logo.png) no-repeat left;*/
   background: url(../../Content/Westcourt/CBN_Logo_RGB.png) no-repeat left; 
    /*background-size: 100% !important;
    /*float: right;*/
    /*min-height: 2.25em;
    width: 380px;
    display: block;
    margin-right: 31px!important;*/

    /*background-size: 100% !important;*/
    background-size: 50% !important;
    /*float: right;*/
    min-height: 2.25em;
    width: 392px;
    display: block;
    /*margin-right: 31px!important;*/
    margin-left: 23px!important;
}

.header-image .site-certificate {
    background: url('Westcourt.jpg') no-repeat left;
    float: left;
    min-height: 2.25em;
    margin-left: 10%;
    width: 100%;
}

.site-description {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.site-description,
.site-title {
    margin-bottom: 0;
}

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

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

.site-header .widget-area {
    float: right;
    text-align: right;
    width: 19em;
    margin-right: 22px!important;
}

/* Social Media*/

#header-contacts {
    margin-bottom: .5em;
}

    #header-contacts li:first-child {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.15em;
        color: #808084;
    }

        #header-contacts li:first-child a {
            color: #808084;
        }

    #header-contacts li {
        text-transform: uppercase;
        margin: 0 .5rem;
    }

/* Header Menu */

#menu-header-menu li, #menu-header-menu-notlogin li {
    padding: .4rem;
    border-radius: .5rem;
    -moz-border-radius: .5rem;
    box-shadow: 0px 2px 1px #ddd;
    background: rgba(247,247,247,1);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(23%, rgba(247,247,247,1)), color-stop(52%, rgba(224,224,224,1)), color-stop(75%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fafafa', GradientType=0 );
}

    #menu-header-menu li:nth-child(2), #menu-header-menu-notlogin li:nth-child(2) {
        margin-left: .8rem;
        margin-right: .8rem;
    }

    #menu-header-menu li a, #menu-header-menu-notlogin li a {
        padding: 10px 24px;
        padding: 1rem;
        font-size: .875em;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        border-radius: .5rem;
        background-origin: border-box;
        background: rgba(222,234,64,1);
        background: -moz-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,234,64,1)), color-stop(100%, rgba(195,207,33,1)));
        background: -webkit-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
        background: -o-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
        background: -ms-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
        background: linear-gradient(to bottom, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deea40', endColorstr='#c3cf21', GradientType=0 );
    }

    #menu-header-menu li.orange a, #menu-header-menu-notlogin li.orange a {
        background-color: #FDB913;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FDB913), to(#FF9E42));
        background-image: -webkit-linear-gradient(top, #FDB913, #FF9E42);
        background-image: -moz-linear-gradient(top, #FDB913, #FF9E42);
        background-image: -ms-linear-gradient(top, #FDB913, #FF9E42);
        background-image: -o-linear-gradient(top, #FDB913, #FF9E42);
        background-image: linear-gradient(to bottom, #FDB913, #FF9E42);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FDB913, endColorstr=#FF9E42);
    }

        #menu-header-menu li.orange a:hover, #menu-header-menu-notlogin li.orange a:hover {
            text-decoration: none;
            color: #b4bf23;
        }

        #menu-header-menu li.orange a:hover, #menu-header-menu-notlogin li.orange a:hover {
            text-decoration: none;
            color: #f1f1f1;
        }


#menu-header-menu {
    display: none;
}

.logged-in #menu-header-menu-notlogin {
    display: none;
}

.logged-in #menu-header-menu {
    display: block;
}



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

.genesis-nav-menu {
    clear: both;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    width: 100%;
}

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

    .genesis-nav-menu a {
        color: #a5a5a5;
        text-decoration: none;
        display: block;
        padding: 2rem 1.98rem;
    }

        .genesis-nav-menu a:hover,
        .genesis-nav-menu a:focus,
        .genesis-nav-menu .current-menu-item > a,
        .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
        .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
            color: #c3251d;
            text-decoration: underline;
        }

    .genesis-nav-menu .sub-menu {
        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: 10000;
    }

        .genesis-nav-menu .sub-menu a {
            background-color: #fff;
            border: 1px solid #eee;
            border-top: 0;
            font-size: 14px;
            font-size: 1.4rem;
            padding: 20px;
            position: relative;
            width: 200px;
            word-wrap: break-word;
        }

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

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

        .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 {
        color: #fff;
        float: right;
        list-style-type: none;
        padding: 30px 0;
    }

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

    .genesis-nav-menu > .rss > a {
        margin-left: 48px;
    }

    .genesis-nav-menu > .search {
        padding: 10px 0 0;
    }

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
    position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
    left: auto;
    opacity: 1;
}

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

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

    .site-header .sub-menu .sub-menu {
        margin-top: -56px;
    }

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

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

.nav-primary {
    background-color: #fbfbfb;
}

    .nav-primary .genesis-nav-menu a {
        color: #a5a5a5;
        text-decoration: none;
        font-weight: 700;
        text-shadow: 0px -1px 0px #fff;
        cursor: pointer;
    }

        .nav-primary .genesis-nav-menu a:hover,
        .nav-primary .genesis-nav-menu a:focus {
            color: #b4bf23;
        }

    .nav-primary .genesis-nav-menu .current-menu-parent > a,
    .nav-primary .genesis-nav-menu > .current-menu-item > a {
        background-color: #C3CF21;
        color: #fff;
        text-shadow: 0px -1px 0px #a5a5a5;
    }

    .nav-primary .genesis-nav-menu > .current-menu-parent:hover > a span::before,
    .nav-primary .genesis-nav-menu > .current-menu-parent > a span::before,
    .nav-primary .genesis-nav-menu .current-menu-item:hover span::before,
    .nav-primary .genesis-nav-menu .current-menu-item span::before {
        content: '';
        width: 100%;
        left: 0;
        top: -3px;
        height: 4px;
        background-color: #b4bf23;
        position: absolute;
    }

    .nav-primary .genesis-nav-menu .menu-item.noborder span::after,
    .nav-primary .genesis-nav-menu .current-menu-parent span::after,
    .nav-primary .genesis-nav-menu .current-menu-parent .current-menu-item span::before {
        display: none;
    }

    .nav-primary .genesis-nav-menu .current-menu-parent .sub-menu .current-menu-item a,
    .nav-primary .genesis-nav-menu .current-menu-parent .sub-menu a:hover,
    .nav-primary .genesis-nav-menu .sub-menu a:hover {
        color: #b4bf23;
    }

    .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a {
        color: #a5a5a5;
        text-decoration: none;
        font-weight: 700;
        text-shadow: 0px -1px 0px #fff;
    }

    .nav-primary .genesis-nav-menu .menu-item span::after {
        content: '';
        top: 20%;
        right: 0;
        height: 60%;
        border-right: 1px solid #e0e0e0;
        position: absolute;
    }

    .nav-primary .genesis-nav-menu .menu-item .menu-item span::after {
        border-right: none;
    }

    .nav-primary .genesis-nav-menu .menu-item:last-child span::after,
    .nav-primary .genesis-nav-menu .current-menu-item span:after {
        display: none;
    }

.menu-primary {
    border-bottom: 2px solid #d7d7d7;
    background: rgba(230,230,230,1);
    background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(239,239,239,1) 0%, rgba(230,230,230,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(0%, rgba(239,239,239,1)), color-stop(100%, rgba(230,230,230,1)));
    background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(239,239,239,1) 0%, rgba(230,230,230,1) 100%);
    background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(239,239,239,1) 0%, rgba(230,230,230,1) 100%);
    background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(239,239,239,1) 0%, rgba(230,230,230,1) 100%);
    background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(239,239,239,1) 0%, rgba(230,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6', GradientType=0 );
}

.nav-primary .genesis-nav-menu .current-menu-parent.menu-green a {
    color: #fff;
}

    .nav-primary .genesis-nav-menu .current-menu-parent.menu-green a:hover {
        background-color: #C3CF21;
        color: #fff;
        text-shadow: none;
    }

.nav-primary .genesis-nav-menu .menu-green .sub-menu a,
.nav-primary .genesis-nav-menu .current-menu-parent.menu-green .sub-menu a {
    color: #a5a5a5;
}

    .nav-primary .genesis-nav-menu .menu-green a,
    .nav-primary .genesis-nav-menu .current-menu-parent.menu-green .sub-menu .current-menu-item a,
    .nav-primary .genesis-nav-menu .current-menu-parent.menu-green .sub-menu a:hover {
        color: #C3CF21;
    }

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

.nav-primary .genesis-nav-menu .menu-green a:hover,
.nav-primary .genesis-nav-menu .menu-green a:focus {
    background: none;
    color: #b4bf23;
    text-shadow: 0 -2px 0 #fff;
    border-top: none;
}

.nav-primary .genesis-nav-menu .menu-green.current-menu-item a {
    color: #fff;
}

    .nav-primary .genesis-nav-menu .menu-green.current-menu-item a:hover {
        background: #C3CF21 !important;
        text-shadow: none !important;
    }


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

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

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

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

.entry {
    margin-bottom: 40px;
    margin-bottom: 4rem;
    padding: 0;
}

.content .entry {
}

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

.page .entry-content ul,
.page .entry-content ol,
.single .entry-content ul,
.single .entry-content ol {
    margin-left: 4rem;
}

.entry-content 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 code {
    background-color: #333;
    color: #ddd;
}

/* ## Entry Meta
--------------------------------------------- */

p.entry-meta {
    font-size: 1em;
    margin-bottom: 0;
}

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

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

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

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

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

.pagination {
    clear: both;
    margin: 40px 0;
}

.adjacent-entry-pagination {
    margin-bottom: 0;
}

.archive-pagination li {
    display: inline;
}

    .archive-pagination li a {
        background-color: #999;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 8px 12px;
        text-decoration: none;
    }

        .archive-pagination li a:hover,
        .archive-pagination li a:focus,
        .archive-pagination .active a {
            background-color: #8B9D0C;
            text-decoration: underline;
        }

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

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

.comment-respond,
.entry-pings {
    padding: 40px 40px 16px;
}

.entry-comments {
    padding: 40px;
}

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

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

.comment-content {
    clear: both;
    word-wrap: break-word;
}

.comment-list li {
    margin-top: 24px;
    padding: 32px;
}

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

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

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

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

.bypostauthor {
}

.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 24px;
}


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

.sidebar {
    font-size: 1em;
}

    .sidebar li {
        border-bottom: 1px dotted #ddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

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

    .sidebar .widget {
        margin-bottom: 0;
        padding: 2rem;
    }

        .sidebar .widget:last-child {
            margin-bottom: 4rem;
        }


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

.site-footer {
    background-color: #d0d0d0;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1;
    padding: 2.0rem 0;
    text-align: center;
}

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

    .site-footer .credits-left {
        float: left;
    }

    .site-footer .credits-right {
        float: right;
    }

/* # 4 Columns Footer Widgets */
.footer-widgets {
    background-color: #565656;
    color: #fff;
    font-size: .7em;
    clear: both;
    line-height: 1.875;
    overflow: hidden;
    padding: 4rem 0 2rem;
    letter-spacing: -.25px;
}

    .footer-widgets:before {
        content: '';
        width: 0;
        height: 0;
        display: block;
        margin: -4rem auto 0;
        border-style: solid;
        border-width: 3rem 4rem 0 4rem;
        border-color: #fbfbfb transparent transparent transparent;
        -webkit-transform: rotate(360deg);
    }

    .footer-widgets h4.widget-title {
        font-family: 'Open Sans Condensed', sans-serif;
        color: #fff;
        border-bottom: 1px solid #c6d223;
        padding: 4rem 0 3rem;
        position: relative;
        margin-right: 28px;
    }

    .footer-widgets .widget-title::after {
        content: '';
        display: block;
        height: 2px;
        background-color: #c6d223;
        width: 50%;
        position: absolute;
        bottom: 0;
    }

    .footer-widgets p {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }

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

    .footer-widgets .widget-area {
        width: calc(100%/4);
    }

#menu-westcourt-links li {
    margin-bottom: .75em;
    padding-bottom: .75em;
    word-wrap: break-word;
    border-bottom: 1px solid #333;
}

    #menu-westcourt-links li a {
        display: block;
        color: #fff;
    }

.footer-widgets .widget-3 article {
    border-bottom: none;
}

    .footer-widgets .widget-3 article h4.entry-title {
        font-size: 1em;
        font-weight: 400;
        border-bottom: 1px solid #333;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }

        .footer-widgets .widget-3 article h4.entry-title a {
            color: #fff;
            text-decoration: none;
        }

            .footer-widgets a:hover,
            #menu-westcourt-links li a:hover,
            .footer-widgets .widget-3 article h4.entry-title a:hover {
                color: #c6d223;
                text-decoration: none;
            }

    .footer-widgets .widget-3 article:last-child h4.entry-title,
    #menu-westcourt-links li:last-child {
        border-bottom: none;
    }

.footer-widgets .widget-3 .entry {
    margin-bottom: 0;
}

.footer-widgets .widget-4 .textwidget {
    font-size: 1.12em;
}


/* # Generic styles */
.to-top {
    display: none;
}

/* # Common styles */
.list-inline li {
    display: inline-block;
}

.button-green {
    display: inline-block;
    padding: .4rem;
    border-radius: .5rem;
    -moz-border-radius: .5rem;
    box-shadow: 0px 2px 1px #ddd;
    background: rgba(247,247,247,1);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(23%, rgba(247,247,247,1)), color-stop(52%, rgba(224,224,224,1)), color-stop(75%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fafafa', GradientType=0 );
    box-shadow: 1px 3px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.5);
}

    .button-green span {
        background-color: #C3CF21;
        padding: 1rem 2rem;
        display: inline-block;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif !important;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.25em;
        font-weight: 700;
        text-shadow: 0 -2px 0 #b4bf23;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
    }

        .button-green span:hover {
            background-color: #b4bf23;
        }

.icon-card {
    background-image: url(images/card.svg);
    background-position: 10px 12px;
    background-repeat: no-repeat;
    padding-left: 4rem !important;
}

.green-check {
    margin-left: 0 !important;
}

    .green-check li {
        display: block;
        margin-bottom: .5em;
    }

        .green-check li::before {
            content: '';
            width: 2.4rem;
            height: 2rem;
            margin-right: 1.5em;
            float: left;
            background: url(images/check.svg)no-repeat left center;
        }

.section-separator {
    padding-top: 3rem;
    padding-bottom: 2rem;
    margin-top: 3rem;
}

    .section-separator .wrap {
        padding-top: 3rem;
        border-top: 2px solid #dcdcdc;
        position: relative;
    }

        .section-separator .wrap::before {
            content: '';
            left: 0;
            width: 23%;
            height: 4px;
            position: absolute;
            background-color: #c3cf21;
            top: -4px;
        }

img.image-hover {
    position: relative;
    border: 6px solid #fff;
    overflow: hidden;
    box-shadow: 0 3px 2px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 3px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 3px 2px rgba(0,0,0,0.10);
    -o-box-shadow: 0 3px 2px rgba(0,0,0,0.10);
}

    img.image-hover:hover,
    img.image-hover:focus {
        box-shadow: none;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
    }

.teaserbox {
    background: url(images/slant.png);
    margin: 0 0px 0 0px;
    padding: 1rem;
}

    .teaserbox .border {
        background: #ffffff;
        border: 1px solid #e3e3e3;
        padding: 2rem;
    }

    .teaserbox.news-feed {
        margin-bottom: 2em;
    }

        .teaserbox.news-feed:first-child {
            background: none;
            margin-bottom: 1em;
        }

            .teaserbox.news-feed:first-child .border {
                background: none;
                border: none;
                padding-top: 0;
                padding-bottom: 0;
            }


.link-button {
    background-color: #c6d700;
    cursor: pointer;
    display: inline-block;
    padding: .5rem 2rem;
    line-height: 1.25em;
    font-weight: 600;
    position: relative;
}

    .link-button::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 10px 0 0 10px;
        border-color: #ffffff #ffffff #ffffff #8b9d0c;
    }

/* Text Colours */

.white {
    color: #fff;
}

.red {
    color: red;
}

.main-color {
    color: #808084;
}

.color-green {
    color: #c6d700;
}

.color-gray {
    color: #808084;
}

/* horizontal line */
.hr {
    width: 100%;
    margin: 2em 0;
    position: relative;
    display: block;
    border-bottom: 2px solid #e8e8e8;
}

    .hr .seperator {
        width: 25%;
        height: 4px;
        background: #c3cf21;
        display: block;
        top: 1px;
        position: relative;
    }

/* Collapsible Contents */
.collapse .toggle {
    font-size: 1.25em;
    padding: 2rem;
    margin-bottom: 0;
    cursor: pointer;
}

    .collapse .toggle:hover {
        color: #C3CF21;
    }

    .collapse .toggle.active {
        color: #C3CF21;
        border-bottom: 1px dashed #e8e8e8;
    }

    .collapse .toggle::before {
        content: "\f0fe";
        width: 32px;
        font-size: 14px;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        text-align: left;
        margin-right: 10px;
    }

.collapse .collapse-entry {
    margin-bottom: 1em;
    border: 1px solid #e8e8e8;
}

.collapse .collapse-inner {
    padding: 2rem 4rem;
    display: none;
}



/* # Homepage
-------------------------------------------------------- */
.home {
    /*background: url(images/polybg.png)repeat;*/
    background-color: white;
}

    .home .site-header {
        background-color: #B8B2AD;
    }

    .home .site-inner {
        background-color: none;
        max-width: 100%;
        width: 100%;
    }

.home-slider {
    width: 100%;
    height: 35em;
    font-size: 1em;
    position: relative;
    overflow: hidden;
    background-color: #fbfbfb;
}

    /* hide mobile slider on desktop */
    .home-slider #nextendsmartslider2widget-5 {
        display: none;
    }

    .home-slider .button-green {
        font-size: 1.5em !important;
    }

    .home-slider::before {
        content: '';
        width: 104%;
        height: 6em;
        background: url(images/slider_clip_top.svg)no-repeat top;
        background-size: cover;
        top: -2px;
        left: -2%;
        z-index: 2;
        position: absolute;
    }

    .home-slider::after {
        content: '';
        width: 106%;
        height: 7.5em;
        background: url(images/slider_clip_bottom.svg)no-repeat top;
        background-size: cover;
        left: -2%;
        bottom: 0;
        z-index: 2;
        position: absolute;
    }

    .home-slider h1 {
        font-family: 'Roboto Condensed', sans-serif !important;
        font-size: 4em !important;
        font-weight: 300;
        text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    }

    .home-slider p {
        font-size: 1.35em !important;
        font-weight: 600 !important;
        text-shadow: 0 1px 0px rgba(0,0,0,0.3) !important;
    }

.nextend-slide-bg::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(128,128,128,0.51);
    background: -moz-linear-gradient(left, rgba(128,128,128,0.51) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(128,128,128,0.51)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(128,128,128,0.51) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(128,128,128,0.51) 0%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(128,128,128,0.51) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(128,128,128,0.51) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#ffffff', GradientType=1 );
}

/* # Section Find Broker */

.home-findbroker {
    font-size: .8em;
    position: relative;
}

    .home-findbroker::before {
        content: '';
        width: 100%;
        position: absolute;
        top: -15rem;
        left: 0;
        bottom: 0;
        z-index: -1;
        background: rgba(255,255,255,0.96);
        background: -moz-linear-gradient(top, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.57) 41%, rgba(246,246,246,0.24) 75%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.96)), color-stop(41%, rgba(255,255,255,0.57)), color-stop(75%, rgba(246,246,246,0.24)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.57) 41%, rgba(246,246,246,0.24) 75%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.57) 41%, rgba(246,246,246,0.24) 75%, rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.57) 41%, rgba(246,246,246,0.24) 75%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.57) 41%, rgba(246,246,246,0.24) 75%, rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    }

    .home-findbroker .wrap .widget .broker-title {
        text-transform: uppercase;
    }

    .home-findbroker .widget-1 .widget-title {
        font-size: 1.75em;
        color: #c3cf21;
    }

input.broker-search {
    background-color: #d0d0d0;
    border: none;
}

    input.broker-search:focus {
        border: none;
        -webkit-apperance: none;
        outline: none;
    }

    input.broker-search::-moz-placeholder {
        color: #fff;
        font-weight: 400;
        opacity: 1;
    }

    input.broker-search::-webkit-input-placeholder {
        color: #fff;
        font-weight: 400;
    }

.green-button-wrap input[type="submit"] {
    padding: 1rem;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border-radius: .5rem;
    background-origin: border-box;
    background: rgba(222,234,64,1);
    background: -moz-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,234,64,1)), color-stop(100%, rgba(195,207,33,1)));
    background: -webkit-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    background: -o-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    background: -ms-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    background: linear-gradient(to bottom, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deea40', endColorstr='#c3cf21', GradientType=0 );
}

    .green-button-wrap input[type="submit"]:hover {
        color: #b4bf23;
    }

.green-button-wrap {
    display: inline-block;
    margin: 1.25em 0;
    padding: .4rem;
    border-radius: .5rem;
    -moz-border-radius: .5rem;
    box-shadow: 0px 2px 1px #ddd;
    background: rgba(247,247,247,1);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(23%, rgba(247,247,247,1)), color-stop(52%, rgba(224,224,224,1)), color-stop(75%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fafafa', GradientType=0 );
}

.broker-image {
    background-color: #c9d528;
    position: relative;
    width: 15em;
    height: 13em;
    overflow: hidden;
    margin-bottom: 2em;
    -webkit-clip-path: url(images/clip.svg);
    clip-path: url(images/clip.svg#svgClip);
    -webkit-mask: url(images/clip.svg);
}

    .broker-image::after {
        content: '';
        position: absolute;
        right: 0px;
        bottom: -2px;
        width: 1.5em;
        height: 1.5em;
        border-style: solid;
        border-width: 1.45em 1.45em 0 0;
        border-color: #333 transparent transparent transparent;
    }

    .broker-image:hover .img-wra {
        opacity: .25;
    }

    .broker-image:before {
        content: '';
        top: 30%;
        left: 50%;
        width: 3.2rem;
        height: 3.2rem;
        -webkit-transform: translate(-50%, -50%);
        -moz-webkit-transform: translate(-50%, -50%);
        -o-webkit-transform: translate(-50%, -50%);
        position: absolute;
        background: url(images/plus.svg)no-repeat;
        z-index: 10;
        opacity: 0;
    }

    .broker-image:hover:before {
        top: 50%;
        opacity: 1;
        -webkit-transition: top ease-in-out 200ms;
        -moz-webkit-transition: top ease-in-out 200ms;
        -o-webkit-transition: top ease-in-out 200ms;
    }

.home-findbroker p {
    margin-bottom: .5em;
}

/* # Section Why Choose a Westcourt Broker? */
.home-whychoose {
    font-size: .8em;
    background-color: #fbfbfb;
    padding-top: 6rem !important;
}

    .home-whychoose .entry-content {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

/* # Section for Home Award */
.home-award {
    font-size: .8em;
    background-color: #fbfbfb;
    letter-spacing: -.3px;
    padding-bottom: 4rem;
}

    .home-award ul {
        margin-bottom: 0;
        margin-left: 0 !important;
    }

        .home-award ul li:first-child {
            margin-right: 2em;
        }

    .home-award .entry-title {
        margin-bottom: 0;
        font-size: 1.875em;
        font-weight: 700;
        text-shadow: 0 1px 0px rgba(0,0,0,0.3);
    }

        .home-award .entry-title a {
            color: #c3cf21;
        }

    .home-award .featuredpage {
        background: #ffffff url(images/slant-2.png);
        padding: 1rem;
    }

        .home-award .featuredpage .widget-1 {
            background-color: #fff;
            padding: 2rem 2rem 1rem;
        }

    .home-award .featured-content .entry {
        padding-bottom: 0;
        margin-bottom: 0;
    }

/* # Pay Your Premium Online Now */
.home-payonline {
    background: #f6f6f6;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    font-size: .75em;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    position: relative;
}

    .home-payonline::before {
        content: '';
        height: 100%;
        width: 18%;
        position: absolute;
    }

    .home-payonline .wrap {
        border-top: none;
        padding-bottom: 2.5rem;
    }

    .home-payonline ul::before,
    .home-payonline ul::after {
        content: '';
        width: 70%;
        height: 100%;
        top: 0;
        position: absolute;
        background-size: cover;
    }

    .home-payonline ul::before {
        left: -55%;
        background: url(images/tri_bg_left.png)no-repeat;
    }

.x-win.x-safari .home-payonline ul::before {
    left: -65%;
}

.home-payonline ul::after {
    background: url(images/tri_bg_right.png)no-repeat;
    right: -65%;
}



.home-payonline ul li:first-child .widget-title {
    font-size: 1.8em;
    color: #C6D700;
}

.home-payonline ul li {
    position: relative;
}

    .home-payonline ul li .widget-title {
        font-size: 1.25em;
        font-weight: 700;
    }

    .home-payonline ul li:last-child .button-payment {
        display: inline-block;
        margin-top: 2em;
    }

/* Newsletter Widget ( Mailchimp )*/

.newsletter-section {
    text-align: center;
    padding: 2rem 0 4rem;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0.56) 52%, rgba(255,255,255,0.86) 80%, rgba(255,255,255,1) 93%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(52%, rgba(246,246,246,0.56)), color-stop(80%, rgba(255,255,255,0.86)), color-stop(93%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0.56) 52%, rgba(255,255,255,0.86) 80%, rgba(255,255,255,1) 93%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0.56) 52%, rgba(255,255,255,0.86) 80%, rgba(255,255,255,1) 93%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0.56) 52%, rgba(255,255,255,0.86) 80%, rgba(255,255,255,1) 93%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(246,246,246,0.56) 52%, rgba(255,255,255,0.86) 80%, rgba(255,255,255,1) 93%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

    .newsletter-section .teaserbox .border {
        background-image: url(images/envelope.png);
        background-repeat: no-repeat;
        background-position: center right;
        clear: both;
        display: block;
        min-height: 10em;
    }

    .newsletter-section h2 {
        color: #898989;
        font-family: 'Open Sans Condensed', sans-serif;
    }

    .newsletter-section h6 {
        font-size: .8em;
        padding-top: 1.5rem;
    }

    .newsletter-section #mc_embed_signup {
        background: none !important;
    }

        .newsletter-section #mc_embed_signup .mc-field-group {
            clear: none !important;
            width: 23.076923076923077% !important;
        }

        .newsletter-section #mc_embed_signup input {
            border: 1px solid #999;
            border-radius: .5rem !important;
            -webkit-appearance: none;
            padding: 1.5rem 1rem !important;
        }

            .newsletter-section #mc_embed_signup input.mce_inline_error {
                border: 1px solid #c6d700 !important;
            }

        .newsletter-section #mc_embed_signup div.mce_inline_error {
            background: none !important;
            font-size: .75em;
            color: #c6d700;
        }

        .newsletter-section #mc_embed_signup .button {
            padding: 1rem 2rem !important;
            font-size: 1.15em;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
            border-radius: .5rem;
            height: 48px;
            line-height: 28px;
            background-origin: border-box;
            background: rgba(222,234,64,1);
            background: -moz-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,234,64,1)), color-stop(100%, rgba(195,207,33,1)));
            background: -webkit-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
            background: -o-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
            background: -ms-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
            background: linear-gradient(to bottom, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deea40', endColorstr='#c3cf21', GradientType=0 );
        }

        .newsletter-section #mc_embed_signup div.response {
            width: 100%;
            top: 2.5em;
            left: 2rem;
            z-index: 1;
            position: absolute;
        }

.branding-container {
    display: none;
}


/* # Inner Pages
-------------------------------------------------------- */
.page .site-inner {
    font-size: .825em;
    border-top: 1px solid #dcdcdc;
    padding-top: 4rem;
    position: relative;
}

    .page .site-inner:before {
        content: '';
        left: 0;
        width: 25%;
        height: 4px;
        position: absolute;
        background-color: #c3cf21;
        top: -4px;
    }

/* # Testimonials below Our Story page */
.featured-testimonial {
    display: block;
    padding: 20px;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    color: #777777;
    background: #eee;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

    .featured-testimonial::after {
        content: '';
        width: 0;
        height: 0;
        left: 3rem;
        bottom: -2rem;
        border-style: solid;
        border-width: 2rem 0 0 2rem;
        border-color: #eee #fbfbfb #fbfbfb #fbfbfb;
        position: absolute;
    }

.featured-testimonial-author {
    display: block;
    padding-left: 5.2rem;
    padding-top: 1.8rem;
    font-size: 1em;
    color: #8b9d0c;
}

/* Collapsible testimonial page */

.page-testimonial .testimonial,
.toggle-content {
    margin-bottom: 1em;
    border: 1px solid #e8e8e8;
}

    .page-testimonial .testimonial .entry-header,
    .toggle-content .entry-header {
        padding: 2rem 0;
    }

        .toggle-content .entry-header:hover {
            cursor: pointer;
        }

        .page-testimonial .testimonial .entry-header.active,
        .toggle-content .entry-header.active {
            border-bottom: 1px dashed #e8e8e8;
        }

            .page-testimonial .testimonial .entry-header a:hover,
            .page-testimonial .testimonial .entry-header:hover .entry-title::before,
            .page-testimonial .testimonial .entry-header.active a,
            .page-testimonial .testimonial .entry-header.active .entry-title::before,
            .toggle-content .entry-header.active,
            .toggle-content .entry-header.active .entry-title::before {
                color: #c3cf21;
            }

    .page-testimonial .testimonial .entry-title,
    .toggle-content .entry-title {
        font-size: 1.25em;
        padding-left: 2rem;
        margin-bottom: 0;
    }

        .page-testimonial .testimonial .entry-title::before,
        .toggle-content .entry-title::before {
            content: "\f0fe";
            width: 32px;
            font-size: 14px;
            font: normal normal normal 14px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            text-align: left;
            margin-right: 10px;
            color: #6e6e6e;
        }

    .page-testimonial .testimonial .entry-content,
    .toggle-content .entry-content {
        display: none;
        padding: 2rem;
    }

/* #Company News & ARs News*/

.westcourt-news {
    margin-bottom: 1em;
}

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

/* #Key Contacts*/
.key-contacts {
    font-weight: 400;
    margin-bottom: 4em;
}

    .key-contacts .content {
        padding-right: 0;
    }

    .key-contacts p {
        margin-bottom: .875em;
    }

    .key-contacts i {
        width: 1em;
        margin-right: 1em;
    }

    .key-contacts .item-map {
        margin: 1em 0;
    }

    .key-contacts a {
        color: #808084;
    }

        .key-contacts a:hover {
            color: #c3cf21;
        }

.keycontacts-item-inner {
    margin-bottom: 2em;
}

    .keycontacts-item-inner .image-wrap img {
        width: 220px;
    }

/* # Contact Us */
.page-contactus .wpcf7-form .contact-name input {
    margin-bottom: 1em;
}

.page-contactus .wpcf7-form input[type='radio'] {
    width: 1.5em;
    margin-top: .4em;
    float: left;
}

.page-contactus .wpcf7-form .wpcf7-radio span.wpcf7-list-item {
    display: block;
}

.page-contactus .wpcf7-form .WestCourtGeneral .wpcf7-list-item,
.page-contactus .wpcf7-form .IWouldLikeTo .wpcf7-list-item {
    display: block;
    margin-bottom: .5em;
}

.page-contactus .wpcf7-form .WestCourtGeneral .wpcf7-text,
.page-contactus .wpcf7-form .IWouldLikeTo .wpcf7-text {
    width: 90%;
}

/* # Pay Premium Page */
.page-paypremium .widgettitle {
    display: none;
}

.page-paypremium p {
    margin-bottom: 1em;
    font-size: .875em;
}

/* # Remove widgettitle on page */
.page-nowidgettitle h2.widgettitle {
    display: none;
}

/* # Membership Partners */
.westcourt-partners .widget {
    margin-bottom: 1em;
    border: 1px solid #e8e8e8;
}

.westcourt-partners h2.widgettitle {
    font-size: 1.25em;
    padding: 2rem;
    margin-bottom: 0;
    cursor: pointer;
}

    .westcourt-partners h2.widgettitle.active {
        border-bottom: 1px dashed #e8e8e8;
    }

    .westcourt-partners h2.widgettitle:before:hover,
    .westcourt-partners h2.widgettitle:hover,
    .westcourt-partners h2.widgettitle.active {
        color: #C3CF21;
    }

.westcourt-partners h2::before {
    content: "\f0fe";
    width: 32px;
    font-size: 14px;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-align: left;
    margin-right: 10px;
}

.westcourt-partners .textwidget {
    padding: 2rem 4rem;
    display: none;
}

/* # Page Resource Centre */

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

.resource-centre .one-third a:hover h3,
.resource-centre .one-third h3:hover {
    color: #c3cf21;
}

.circle {
    display: block;
    margin: 0 auto 10px auto;
    width: 100px;
    height: 100px;
    line-height: 100px;
    position: relative;
}

    .circle .fa {
        width: 10rem;
        height: 10rem;
        display: block;
        border-radius: 50%;
        font-size: 4em;
        position: absolute;
    }

    .circle .fa {
        width: 10rem;
        height: 10rem;
        display: block;
        background-color: #c3cf21;
        padding: 2rem;
        border-radius: 50%;
        font-size: 3.875em;
        color: #fff;
    }

        .circle .fa::before {
            display: block;
            margin: auto;
            top: 50%;
            left: 50%;
            position: absolute;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
        }

.news-feed .entry-footer {
}


/* Where to Place Assistance Form */

.checkbox-336 .wpcf7-list-item {
    display: block;
}



/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1440px) {
    .home-slider {
        height: 25em;
    }

        .home-slider p {
            font-size: 1.75em !important;
        }
}


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

    .genesis-nav-menu a {
        padding: 2rem 1.84rem;
    }

    .site-inner,
    .wrap {
        max-width: 960px;
    }

    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap {
        width: 740px;
    }

    .sidebar-content-sidebar .content,
    .sidebar-sidebar-content .content,
    .content-sidebar-sidebar .content {
        width: 400px;
    }

    .sidebar-primary,
    .title-area {
           width: 96%;
    }

    .home-slider {
        height: 22em;
    }

    .home-award .featuredpage .widget-1 {
        padding: 2.25rem;
    }
}

@media only screen and (max-width: 1023px) {
    .site-header .search-form {
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
    }

    .search-form input[type="search"] {
        width: 100%;
    }
}

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

    .site-inner,
    .wrap {
        max-width: 800px;
    }

    .content,
    .content-sidebar-sidebar .content,
    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-primary,
    .sidebar-secondary,
    .sidebar-sidebar-content .content,
    .sidebar-sidebar-content .content-sidebar-wrap {
        width: 100%;
    }

    .site-header {
        font-size: .8em;
    }

        .site-header .widget-area {
            width: 30em;
        }

        .site-header .genesis-nav-menu .menu-item {
            float: right;
        }

        .site-header #menu-header-menu li a,
        .site-header #menu-header-menu-notlogin li a {
            font-size: .7em;
        }

        .site-header .wrap {
            padding: 2rem 2%;
        }

    .header-image .site-title > a {
        /*background-position: center top;*/
        /*margin-left: 15px!important;*/
    }

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

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

        .genesis-nav-menu a,
        .genesis-nav-menu > .first > a,
        .genesis-nav-menu > .last > a {
            padding: 2rem 1.2rem;
            font-size: .875em;
        }

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

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

    .content {
        border-right: none;
        padding-right: 0;
    }

    .home-slider {
        height: 18em;
    }

    /* Smooth Scroll to top */
    .to-top {
        display: inline-block;
        height: 40px;
        width: 40px;
        right: 20px;
        bottom: 20px;
        position: fixed;
        box-shadow: 0 0 10px rgba(0,0,0,0.05);
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        background: rgba(232,98,86,0.8) url(images/to-top.svg) no-repeat center 50%;
        visibility: hidden;
        opacity: 0;
        z-index: 10000;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .to-top.top-is-visible {
            visibility: visible;
            opacity: 1;
        }

        .to-top.top-fade-out {
            opacity: .5;
        }

    .no-touch .to-top:hover {
        background-color: #e86256;
        opacity: 1;
    }
}

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

    body {
        background-color: #fff;
        font-size: .875em;
    }

    .site-inner,
    .wrap {
        padding-left: 5%;
        padding-right: 5%;
    }

    .archive-description,
    .author-box,
    .comment-respond,
    .entry,
    .entry-comments,
    .entry-pings,
    .sidebar .widget,
    .site-header {
        padding: 0;
    }

    .sidebar .widget {
        margin-bottom: 2em;
    }


    .archive-pagination li a {
        margin-bottom: 4px;
    }

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

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

    /* Site header and widgets */

    .site-header,
    #menu-header-menu li a,
    #menu-header-menu-notlogin li a {
        font-size: 1em;
    }

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

    .title-area,
    .genesis-nav-menu .menu-item {
        float: none;
    }

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

    #header-contacts {
        margin-bottom: 2em;
        margin-top: -4.1em;
    }

        #header-contacts li:first-child {
            display: block;
        }

    /* Site Primary Navigation */
    .nav-primary {
        display: none;
    }

    .breadcrumb {
        text-align: left;
    }

    .page .site-inner:before {
        left: 5%;
    }

    /* Mobile Navigation Menu Icon properties */

    #primary-menu-icon {
        border-bottom: 1px solid #fff;
        cursor: pointer;
        display: inline-block;
        text-align: center;
        margin-top: 5px;
        margin-left: 1em;
    }

        #primary-menu-icon::before {
            color: #808084;
            content: '\2630 MENU';
            font-size: 1em;
            font-weight: bold;
            letter-spacing: 1px;
        }

        #primary-menu-icon:hover::before {
            color: #C3CF21;
            content: '\2630 MENU';
        }

        #primary-menu-icon:active::before {
            color: #C3CF21;
            content: '\2630 MENU';
        }

    /* Hide Mobile Navigation Menu until it's toggled via script */

    .nav-primary {
        background-color: #fbfbfb;
        position: absolute;
        top: 7em;
        z-index: 9999;
    }

    .logged-in .nav-primary {
        top: 9em;
    }

    .nav-primary .wrap {
        padding: 0 2%;
    }

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

    .nav-primary .menu-item {
        margin-right: 0;
    }

    .nav-primary .genesis-nav-menu a {
        border-bottom: 1px solid #fbfbfb;
        display: block;
        position: relative;
    }

        .nav-primary .genesis-nav-menu a:hover,
        .nav-primary .genesis-nav-menu .current-menu-item > a,
        .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
            background-color: #fbfbfb;
            color: #333;
        }

    .nav-primary .genesis-nav-menu .current-menu-item > a,
    .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a {
        color: #999;
    }

    .nav-primary .genesis-nav-menu > .menu-item > a {
        text-transform: uppercase;
    }

    .nav-primary .genesis-nav-menu .sub-menu {
        left: 0px;
        opacity: 1;
        position: relative;
        -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: 100%;
        z-index: 99;
    }

        .nav-primary .genesis-nav-menu .sub-menu a {
            background-color: #fff;
            border-bottom: 1px solid #ccc;
            padding: 1rem 1rem 1rem 40px;
            position: relative;
            width: 100%;
            color: #999;
        }

            .nav-primary .genesis-nav-menu .sub-menu a::before {
                content: "- ";
            }

            .nav-primary .genesis-nav-menu .sub-menu a:hover {
                background-color: #f7f7f7;
            }

        .nav-primary .genesis-nav-menu .sub-menu li li a {
            padding: 18px 40px;
            padding: 1.8rem 4rem;
        }

        .nav-primary .genesis-nav-menu .sub-menu .sub-menu {
            margin: 0;
        }

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

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

    /* Header Menu Widget */
    #menu-header-menu li,
    #menu-header-menu-notlogin li {
        width: calc(100%/3.2);
        text-align: center;
        float: none;
    }

    .home-slider {
        height: 18em;
    }

    .home-findbroker {
        text-align: center;
    }

    .home-award .entry-title {
        text-align: center;
    }

    .home-award img.alignright {
        float: none;
        display: block;
        margin: 1em auto;
    }

    .broker-image {
        margin: 1em auto 2em;
    }

    .home-payonline ul::before,
    .home-payonline ul::after {
        display: none;
    }

    .home-payonline ul li:last-child .button-payment {
        display: block;
    }

    .section-separator .wrap::before {
        left: 5%;
    }

    .footer-widgets .widget-title::after {
        width: 30%;
    }

    /* Newsletter Section (Mailchimp) */

    .newsletter-section #mc_embed_signup .mc-field-group {
        width: 100% !important;
    }

    .newsletter-section #mc_embed_signup .button {
        margin: auto;
        display: block;
    }
}


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

    /* Site header and widgets */

    .title-area {
        width: 18em;
        margin: auto;
        float: none;
    }

    .header-image .site-title > a {
        min-height: 2.25em;
        /*background-position: center top;*/
    }

    .site-header .widget-area {
        text-align: center;
        margin-right: 0px!important;
    }

    nav.nav-header {
        margin-top: 1em;
    }

    #header-contacts {
        margin-top: 0;
        margin-bottom: 0;
    }

        #header-contacts li:first-child {
            display: inline-block;
        }

    #menu-header-menu li,
    #menu-header-menu-notlogin li {
        width: 100%;
        font-size: 1.5em;
        text-align: center;
    }

        #menu-header-menu li:nth-child(2),
        #menu-header-menu-notlogin li:nth-child(2) {
            margin: .5em 0;
        }

        #menu-header-menu li a,
        #menu-header-menu-notlogin li a {
            font-size: .5em;
        }

    /* Primary Navigation Menu */

    #primary-menu-icon {
        width: 100%;
        float: none;
        margin-top: 0;
        margin-left: 0;
        font-size: 1.25em;
        border-bottom: none;
    }

    .nav-primary {
        top: 9em;
    }

    .logged-in .nav-primary {
        top: 12em;
    }

    /* #Homepage Slider */

    .home-slider {
        height: 14em;
        text-align: center !important;
    }

        .home-slider::before {
            height: 2em;
        }

        .home-slider::after {
            height: 2.5em;
            bottom: 0;
            left: 0;
        }

        /* Slider 3 h1 */

        .home-slider h1.slide_3_h1 {
            font-size: 4em !important;
        }

        .home-slider .button-green {
            padding: .2rem !important;
            font-size: 2.5em;
            float: none;
            text-align: center;
        }

        /* display mobile slider */
        .home-slider #nextendsmartslider2widget-5 {
            display: block;
        }

        .home-slider #nextendsmartslider2widget-4 {
            display: none;
        }

        .home-slider h1 {
            font-size: 1.75em !important;
            text-shadow: 0 1px 1px rgba(0,0,0,0.5) !important;
            text-align: center !important;
        }

        .home-slider p {
            font-size: 1em !important;
            font-weight: 700 !important;
            text-align: center !important;
            text-shadow: 0 1px 1px rgba(0,0,0,0.3) !important;
        }

        .home-slider .button-green {
            font-size: 1em !important;
        }


    .footer-widgets:before {
        border-width: 2rem 3rem 0 3rem;
    }

    /* #Home Find Broker section */

    .home-findbroker .widget-1 input[type="submit"],
    .home-findbroker .widget-1 .green-button-wrap {
        width: 100%;
    }

    .home-findbroker {
        text-align: center;
    }

    /* Site Footer Section*/
    .footer-widgets {
        font-size: .875em;
    }

    .site-footer {
        font-size: 1.5em;
    }

        .site-footer .credits-left,
        .site-footer .credits-right {
            clear: both;
            width: 100%;
            text-align: center;
            line-height: 1.75;
        }
    /* Green button */
    .button-green span {
        padding: .5rem 1rem;
    }
}
/*@media only screen and (max-width: 384px){
.header-image .site-title > a {
   
    width:89%!important;
    margin-right:11%!important;
}*/
@media only screen and (max-width: 480px) {
    html {
        font-size: 60%;
    }

    .title-area {
        width: 23.5em;
    }

    .header-image .site-title > a {
        min-height: 2em;
        /*background-position: center top;*/
        /*width: 85%;
        margin-right: 62px!important;*/
    }

    .home-slider::after {
        height: 2em;
    }

    .home-slider p {
        font-size: 1.5em !important;
    }

    .home-slider a.button-green {
        margin-top: 3em;
    }

    .home-whychoose .entry-content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .broker-image {
        width: 16em;
        height: 13.25em;
    }
}

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

    .home-slider {
        height: 12em;
    }

    .home-award ul li:first-child {
        margin-right: .5em;
    }

    .home-award .button-green {
        margin: .5em 0;
    }
}

@media only screen and (max-width: 340px) {
    .home-slider {
        height: 10em;
    }
}
/* # Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after,
    .site-title > a:after {
        content: "";
    }

    thead {
        display: table-header-group;
    }

    img,
    tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 2cm 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    .content,
    .content-sidebar {
        width: 100%;
    }

    button,
    input,
    select,
    textarea,
    .breadcrumb,
    .comment-edit-link,
    .comment-form,
    .comment-list .reply a,
    .comment-reply-title,
    .edit-link,
    .entry-comments-link,
    .entry-footer,
    .genesis-box,
    .header-widget-area,
    .hidden-print,
    .home-top,
    .nav-primary,
    .nav-secondary,
    .post-edit-link,
    .sidebar {
        display: none !important;
    }

    .title-area {
        text-align: center;
        width: 100%;
    }

    .site-title > a {
        margin: 0;
        text-decoration: none;
        text-indent: 0;
    }

    .site-inner {
        padding-top: 0;
        position: relative;
        top: -100px;
    }

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

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        orphans: 3;
        page-break-after: avoid;
        page-break-inside: avoid;
        widows: 3;
    }


    img {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    blockquote,
    pre,
    table {
        page-break-inside: avoid;
    }

    dl,
    ol,
    ul {
        page-break-before: avoid;
    }
}


/* Listing */
.home-findbroker .last .widgettitle {
    display: none;
}

.home-findbroker .last.one-fourth {
    width: 74%;
}

.home-findbroker a.sidebar_recent_images {
    height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
}

.home-findbroker .recent_listings_widget li ul li {
    width: auto !important;
    margin-right: 0 !important;
    float: none !important;
    margin-left: 0 !important;
}

.home-findbroker .recent_listings_widget li {
    width: 31.333%;
    margin-right: 3%;
    display: block;
    float: left;
}

    .home-findbroker .recent_listings_widget li:last-child {
        margin-right: 0;
    }

.home-findbroker .recent_listings_widget a.sidebar_recent_imgs {
    height: 217px;
    overflow: hidden;
}

.home-findbroker .recent_listings_widget a img {
    width: 100%;
    height: auto;
}

.home-findbroker .recent_listings_widget a {
    display: block;
}

.home-broker-title {
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    min-height: 66px;
}

.home-broker-widget {
    min-height: 210px;
    overflow: hidden;
}

.home-broker-intro {
    font-weight: bold;
    text-transform: uppercase;
}

/* Submit Listing */
.bepro_form_section {
    width: 100%;
    padding: 0;
    border: 0;
}

    .bepro_form_section input, .bepro_form_section select, .bepro_form_section textarea {
        margin-bottom: 10px;
    }

    .bepro_form_section h3 {
        background: #D7D7D7;
        padding: 10px;
        margin: 10px 0 20px;
    }

.bl_frontend_search_section input[type=text], .bl_frontend_search_section button {
    height: 50px;
    line-height: 15px;
    padding: 0 30px;
}

.bl_frontend_search_section input[type=text],
.bl_frontend_search_section select {
    background-color: #d0d0d0;
    border: none;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 15px;
}

.bl_frontend_search_section select {
    word-wrap: normal;
}

.bl_frontend_search_section ::-webkit-input-placeholder {
    color: #ffffff;
}

.bl_frontend_search_section :-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}

.bl_frontend_search_section ::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}

.bl_frontend_search_section :-ms-input-placeholder {
    color: #ffffff;
}

.listing-title {
    clear: both;
    margin-top: 30px;
}

.custom_show_listings {
    -moz-column-gap: 50px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -webkit-column-gap: 50px;
    column-count: 3;
    column-gap: 50px;
    margin-left: 0 !important;
}

    .custom_show_listings li:before {
        content: "\f101";
        font-family: fontawesome;
        margin-right: 8px;
    }

    .custom_show_listings li {
        list-style: none !important;
    }

    .custom_show_listings a {
        color: #898989;
    }

        .custom_show_listings a:hover {
            color: #c3cf21;
        }

.page-id-312 .widget_bl_search_filter_widget h2,
.page-id-312 .widget_bl_search_filter_widget p {
    display: none;
}

.page-id-312 .bl_frontend_search_section input[type=text],
.page-id-312 .bl_frontend_search_section select {
    width: 25%;
    margin: 0 10px 0 0;
}

.page-id-312 .shortcode_results_1 {
    width: 23.5%;
    margin: 0 2% 30px 0;
    height: auto;
    background: none !important;
    min-height: 600px;
    border: 1px solid #EBEBEB;
}

.shortcode_results_1 .result_img img {
    height: auto !important;
}

.shortcode_results_1 ul {
    margin: 0 0 0 20px;
}

.shortcode_results_1 .result_img a {
    height: 200px;
    overflow: hidden;
    display: block;
}

.page-id-312 .shortcode_results_1:nth-child(4n + 1) {
    margin: 0;
}

.page-id-312 .shortcode_results_1 p {
    margin-bottom: 10px;
}

.shortcode_results_1 .result_name {
    text-transform: uppercase;
    margin: 10px 0;
}

#page_details_map_wrap {
    width: 100% !important;
}

.mintiicon span:before {
    margin-right: 10px;
}

#tab-details .list li {
    display: block;
    padding: 3px 0;
}

    #tab-details .list li i:before {
        color: #A5A5A5;
        margin-right: 10px;
        width: 10px;
        display: block;
        float: left;
    }

.show_mobile {
    display: none;
}

.page-id-312 .result_type, .page-id-312 .result_button {
    display: none !important;
}

#gallery-1 .gallery-item {
    width: 100% !important;
    max-width: 220px;
    display: block;
    float: none !important;
    text-align: left !important;
}

h1.listing_title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    color: #C3CF21;
    margin: 50px 0 30px;
}

.bepro_listing_gallery {
    width: 25%;
    float: left;
}

.resp-tabs-list {
    margin-left: 0 !important;
}

#tab-details {
    margin-left: 2%;
    width: 73%;
    float: left;
}

#gallery-1 img, .bepro_listing_gallery img {
    border: 2px solid #EBEBEB !important;
    width: 100%;
}

.single-bepro_listings .entry-meta,
.single-bepro_listings .breadcrumb {
    display: none;
}

.frontend_bepro_listings_vert_tabs {
    clear: both;
}

.resp-tab-content {
    min-height: 400px;
}

    .resp-tab-content ul {
        margin-left: 20px;
    }

.bepro_view_border {
    padding: .4rem;
    border-radius: .5rem;
    -moz-border-radius: .5rem;
    box-shadow: 0px 2px 1px #ddd;
    background: rgba(247,247,247,1);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(23%, rgba(247,247,247,1)), color-stop(52%, rgba(224,224,224,1)), color-stop(75%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 23%, rgba(224,224,224,1) 52%, rgba(250,250,250,1) 75%, rgba(250,250,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fafafa', GradientType=0 );
    width: 115px;
    margin: 0 auto;
}

.bepro_view {
    padding: 10px 24px;
    padding: 1rem;
    font-size: .875em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border-radius: .5rem;
    background-origin: border-box;
    background: rgba(222,234,64,1);
    background: -moz-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,234,64,1)), color-stop(100%, rgba(195,207,33,1)));
    background: -webkit-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    background: -o-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    background: -ms-linear-gradient(top, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    background: linear-gradient(to bottom, rgba(222,234,64,1) 0%, rgba(195,207,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deea40', endColorstr='#c3cf21', GradientType=0 );
}

@media only screen and (max-width: 800px) {
    .home-findbroker .last.one-fourth {
        width: 100%;
    }

    .custom_show_listings {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}

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

    .show_desktop {
        display: none;
    }

    .show_mobile {
        display: inline;
    }

    .recent_listings_widget {
        display: none;
    }

    .btn {display:block;margin-bottom:7px;padding:10px;}  /*grey buttons*/
	button.btn.btn-primary {display:block;width:100%;} 	/*blue buttons*/
	button.btn{display:block;width:100%;} 	/*blue buttons*/


}

@media only screen and (max-width: 600px) {
    .home-findbroker .recent_listings_widget li {
        width: 100%;
    }

    .home-findbroker .recent_listings_widget a img {
        max-width: 100%;
        width: auto;
    }

    #tab-details {
        float: none;
        clear: both;
        width: 100%;
    }

    .bepro_listing_gallery {
        width: 100%;
    }

    #gallery-1 .gallery-item {
        margin: 0 auto 10px auto;
    }

    .bepro_listing_info {
        float: none;
    }

    .item_contactinfo span {
        display: block;
        margin: 0 !important;
    }

    .page-id-312 .bl_frontend_search_section input[type=text],
    .page-id-312 .bl_frontend_search_section select {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .page-id-312 .filter_search_form {
        text-align: center;
    }

    .page-id-312 .shortcode_results_1, .page-id-312 .shortcode_results_1:nth-child(4n + 1) {
        width: 49%;
        margin: 0 0 1% 0;
    }

    .custom_show_listings {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .shortcode_results_1 {
        width: 100% !important;
        margin: 0 !important;
    }

        .shortcode_results_1 img {
            max-width: 100% !important;
            width: auto !important;
        }
}

@media only screen and (max-width: 767px) {
    .positioning-image {
        padding-top: 1%;
        position: absolute;
        left: 42%;
        top: 20px;
    }

    .visible-mob {
        display: block;
    }

    .hidden-mob {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .positioning-image {
        padding-top: 2%;
        position: absolute;
        left: 48%;
        top: 18px;
        width: 23%;
    }

    .header-image .site-title > a {
        width: 350px;
    }

    .visible-mob {
        display: none;
    }
}

@media only screen and (min-width: 1023px) {

    .positioning-image {
        padding-top: 0%;
        position: absolute;
        left: 44%;
        top: 40px;
    }

    .visible-mob {
        display: none;
    }
}


@media only screen and (min-width: 320px) and (max-width:359px) {
    .header-image .site-title > a {
        float: none;
        width: 300px;
        min-height: 1.5em;
        margin-left: 3px;
    }
    .footer {
           padding: 10px 11px 15px 7px;
        }
}

@media only screen and (min-width: 360px) and (max-width:767px) {

    .header-image .site-title > a {
        float: none;
        width: 93%;
        min-height: 2.0em;
        margin-left: 9px;
    }

     .footer {
           padding: 10px 11px 15px 7px;
        }
}

footer{background:#1a092d; padding:10px 303px 15px 302px; color:#fff;font-size: 14px;}
.footlogo {
    position: absolute;
    left: -4px;
    top: -4px;
}
.footlogo img{border-bottom:15px solid #1a092d;width:170px; height: auto; max-width: 100%;}
.inner{border:4px solid #fff; margin:15px; padding:110px 15px 45px 85px; position:relative;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
     .footer {
           padding: 10px 30px 15px 23px;
        }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
   .footer {
           padding: 7px 18px 15px 17px;
        }

}

/* ============= 1. Existing Details Box =============*/
.outlinegray {
    border-radius: 0px !important; /*remove*/
    border: 0px !important; /*remove*/
}

    .outlinegray table tr td:last-child strong {
        font-weight: 100; /*inline override - remove bold font*/
    }

    .outlinegray table tr td {
        border-bottom: 1px solid #FFF !important;
        background:rgba(110,216,198,.4); /*second column background*/
    }

        .outlinegray table tr td:first-child {
            background:rgba(110,216,198,.7);
        }
    /*first column background*/

    .outlinegray table tr.payment-amt td { /* payment amount row */
        border-top: 1px solid #FFF !important; /*inline override*/
        background: rgba(110,216,198,1) !important;
        color: #FFF;
        text-shadow: 1px 1px 5px rgba(150, 150, 150, 0.7);
    }

    .outlinegray table.SuchargePanel tr td:first-child {
    background-color: rgba(110,216,198,.7) !important;
    font-weight: bold !important;
}

.outlinegray table.SuchargePanel tr td:last-child {
    background-color: rgba(110,216,198,.7) !important;
}