/* # Custom Theme
Theme Name: SAT7-THEME
Theme URI: http://www.nickwilmot.co.uk/
GitHub Theme URI: graphnic/sat-7-uk
Description: This is a theme created for SAT-7 UK based on the Genesis Framework.
Author: Nick Wilmot Creative
Author URI: http://www.nickwilmot.co.uk/
Template: genesis
Version: 1.3.8
Tags:
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*

# Table of Contents
- 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
	- Background Classes
	- Page Module 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
- Template Specific
- Sidebars
- Footer Widgets
- Site Footer
- Media Queries
	- Retina Display
	- Max-width: 1200px
	- Max-width: 960px
	- Max-width: 800px
- Print Styles


CORE COLOURS:
-----------------
RED		#d22630
AQUA	#2dccd3
NAVY	#13294b
ORANGE	#f2a900


TINTS:
-----------------
RED		#c6a992
AQUA	#b1e4e3
NAVY	#b1c9e8
ORANGE	#f9e0a4


SHADES:
-----------------
RED		#9d2235
AQUA	#007681
NAVY	#236192
ORANGE	#e35205
*/

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

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

html {
    font-family: 'Open Sans', 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 {
    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;
        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"] {
    box-sizing: border-box;
}

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

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

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets: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,
.footer-widgets: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 */
}

@import url("//hello.myfonts.net/count/30c757");

@font-face {
    font-family: 'S7Futura';
    src: url('fonts/30C757_0_0.eot');
    src: url('fonts/30C757_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/30C757_0_0.woff2') format('woff2'), url('fonts/30C757_0_0.woff') format('woff'), url('fonts/30C757_0_0.ttf') format('truetype');
}

/* Webfont: Lato-Regular */
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */ url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */ url('fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Italic */
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */ url('fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */ url('fonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Heavy */
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */ url('fonts/Lato-Heavy.woff') format('woff'), /* Modern Browsers */ url('fonts/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HeavyItalic */
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */ url('fonts/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */ url('fonts/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: si;
        src: url(fonts/socicon.svg) format(svg);
    }
}

@media (min-width: 768px) {
    .col-sm-4 {
        width: 33.33333333%;
        float: left;
    }
}

@media (min-width: 768px) {
.col-sm-8
    {
    width: 66.66666667%;
    float:left;
}
}

.box {
    padding: 10px 12px;
    margin-bottom: 20px;
}

.bg-teal-light {
    background-color: #d9edf7;
}

.bg-orange {
    background-color: #d7902e;
}

/*@media (min-width: 1200px) {
    .col-lg-12 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }
}*/

@media only screen and (min-width: 992px) {
    .padwide {
        padding: 1em 19%;
    }
}


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

body {
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.625;
    margin: 0;
}

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;
    transition: all 0.1s ease-in-out;
}

a {
    color: #a02e1f;
    text-decoration: none;
    padding-bottom: 3px;
}

    a:hover,
    a:focus {
        color: #a02e1f;
    }

p a, ul a {
    /*border-bottom: 1px solid #a02e1f;*/
}

    p a:hover,
    a:focus {
        /*border-bottom: 1px solid #a02e1f;*/
    }

p {
    margin: 0 0 28px;
    padding: 0;
}

ol,
ul {
    margin: 0;
}

.site-inner ol, .site-inner ul, .modules ol, .modules ul {
    padding: 0 0 0px 40px;
}

li {
    list-style-type: disc;
}

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: 40px;
    font-weight: bold;
    color: #7d7d7d;
}

    blockquote::before {
        content: "\201C";
        display: block;
        font-size: 80px;
        font-size: 8rem;
        height: 0;
        left: -45px;
        position: relative;
        top: -40px;
    }

figure.wp-caption {
    margin: 20px auto;
    background: #eee;
    padding-bottom: 8px;
}

.search-form input {
    -webkit-appearance: none !important;
    -webkit-border-radius: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    /*font-family: S7Futura, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 10px;
    /*text-transform: uppercase;*/
}

h2 {
    color: #a02e1f;
    font-family: 'Open Sans', sans-serif;
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        border-bottom: none;
    }

        h1 a:hover,
        h1 a:focus,
        h2 a:hover,
        h2 a:focus,
        h3 a:hover,
        h3 a:focus,
        h4 a:hover,
        h4 a:focus,
        h5 a:hover,
        h5 a:focus,
        h6 a:hover,
        h6 a:focus {
            border-bottom: none;
            color: #007681;
        }

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

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

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

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

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

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

/* ## 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 28px;
    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: 4px;
}

    .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: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    padding: 16px;
    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: #333;
    font-weight: 300;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #333;
    font-weight: 300;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    /*font-family: S7Futura, sans-serif;
    border: 2px solid #2e6da4 !important;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 16px 24px;
    text-transform: uppercase;*/
    width: auto;
    /*margin: 5px 10px 5px 0px;*/
    display: inline-block;
    padding: 6px 12px;
    border: 0;
    color: #ffffff !important;
    /* 03/08/17 (jp) - Blythswood change */
    border-radius: 32px;
    background-color: #d7902e;
    -webkit-transition: background-color .3s ease 0s;
    -o-transition: background-color .3s ease 0s;
    transition: background-color .3s ease 0s;
    /*line-height: 1em;*/
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    text-decoration: none;
    /*border-radius: 20px !important;*/
    border-color: #d7902e !important;
    border-bottom-color: #d7902e !important;
    border-top-color: #d7902e !important;
    border-left-color: #d7902e !important;
    border-right-color: #d7902e !important;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


    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: #31708f;
        /*border: 2px solid #31708f !important;*/
        color: #fff;
    }

.button-negative {
    color: #fff;
    border: 2px solid #fff !important;
}

.button-solid {
    background-color: #31708f;
    border: 2px solid #31708f !important;
    color: #fff;
}

    .button-solid:hover, .button-solid:focus {
        background-color: #2dccd3;
        border: 2px solid #2dccd3 !important;
        color: #fff;
    }

.button-negative.button-solid {
    color: #31708f;
    background-color: #fff;
    border: 2px solid #fff !important;
}

    .button-negative.button-solid:hover, .button-negative.button-solid:focus {
        background-color: #31708f;
        border: 2px solid #31708f !important;
        color: #fff;
    }

.red .button:hover,
.red .button:focus,
.navy .button:hover,
.navy .button:focus {
    background-color: #2dccd3;
    border: 2px solid #2dccd3 !important;
}

.panel-info > .panel-heading {
    color: #a02e1f!important;
    background-color: #fff;
    border-color: #a02e1f;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding: 15px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-info {
    border-color: #a02e1f;
}

.col-sm-8 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.aqua {
}

.navy {
}

.orange {
}

.light-red {
}

.light-aqua {
}

.light-navy {
}

.light-orange {
}

.dark-red {
}

.dark-aqua {
}

.dark-navy {
}

.dark-orange {
}

.red-aqua {
}

.red-navy {
}

.red-orange {
}

.aqua-red {
}

.aqua-navy {
}

.aqua-orange {
}

.navy-red {
}

.navy-aqua {
}

.navy-orange {
}

.orange-red {
}

.orange-aqua {
}

.orange-navy {
}

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

.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .button {
    background-color: #337ab7;
    color: #fff;
}

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

.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,
    .widget_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
--------------------------------------------- */

.wrap, .content-sidebar-wrap {
    margin: 0 auto;
    max-width: 1200px;
}

.site-inner {
    clear: both;
    position: relative;
    z-index: 999;
    margin: 0 auto;
}

.no-header .site-inner {
    padding-top: 120px;
}

.home.no-header .site-inner {
    padding-top: 0px;
}

/* ## 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: 800px;*/
}

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

/* ### Primary Sidebar */

.sidebar-primary {
    float: right;
    width: 360px;
}

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

/* ### 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: left;
    margin-left: 2.564102564102564%;
}

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

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

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

.one-fourth {
    width: 23.076923076923077%;
}

.three-fourths {
    width: 74.35897435897436%;
}

.one-sixth {
    width: 14.52991452991453%;
}

.five-sixths {
    width: 82.90598290598291%;
}

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

/* ## Backgroud classes
--------------------------------------------- */

.skyline-red {
    background: url(images/backgrounds/cairo-red.jpg) center center no-repeat;
    background-size: cover;
}

.skyline-aqua {
    background: url(images/backgrounds/cairo-aqua.jpg) center center no-repeat;
    background-size: cover;
}

.skyline-orange {
    background: url(images/backgrounds/cairo-orange.jpg) center center no-repeat;
    background-size: cover;
}

.skyline-navy {
    background: url(images/backgrounds/cairo-navy.jpg) center center no-repeat;
    background-size: cover;
}

/* ## Colours
--------------------------------------------- */

.red {
    background: #d22630;
}

.aqua {
    background: #2dccd3;
}

.navy {
    background: #13294b;
}

.orange {
    background: #f2a900;
}

.light-red {
    background: #c6a992;
}

.light-aqua {
    background: #b1e4e3;
}

.light-navy {
    background: #b1c9e8;
}

.light-orange {
    background: #f9e0a4;
}

.dark-red {
    background: #9d2235;
}

.dark-aqua {
    background: #007681;
}

.dark-navy {
    background: #236192;
}

.dark-orange {
    background: #e35205;
}

.red-aqua {
    background: rgb(210, 38, 48); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(210, 38, 48, 1) 0%, rgba(45, 204, 211, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(210, 38, 48, 1) 0%, rgba(45, 204, 211, 1) 100%);
    background: linear-gradient(135deg, rgba(210, 38, 48, 1) 0%, rgba(45, 204, 211, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22630', endColorstr='#2dccd3', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.red-navy {
    background: rgb(210, 38, 48); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(210, 38, 48, 1) 0%, rgba(19, 41, 75, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(210, 38, 48, 1) 0%, rgba(19, 41, 75, 1) 100%);
    background: linear-gradient(135deg, rgba(210, 38, 48, 1) 0%, rgba(19, 41, 75, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22630', endColorstr='#13294b', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.red-orange {
    background: rgb(210, 38, 48); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(210, 38, 48, 1) 0%, rgba(242, 169, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(210, 38, 48, 1) 0%, rgba(242, 169, 0, 1) 100%);
    background: linear-gradient(135deg, rgba(210, 38, 48, 1) 0%, rgba(242, 169, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22630', endColorstr='#f2a900', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.aqua-red {
    background: rgb(45, 204, 211); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(45, 204, 211, 1) 0%, rgba(210, 38, 48, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(45, 204, 211, 1) 0%, rgba(210, 38, 48, 1) 100%);
    background: linear-gradient(135deg, rgba(45, 204, 211, 1) 0%, rgba(210, 38, 48, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dccd3', endColorstr='#d22630', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.aqua-navy {
    background: rgb(45, 204, 211); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(45, 204, 211, 1) 0%, rgba(19, 41, 75, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(45, 204, 211, 1) 0%, rgba(19, 41, 75, 1) 100%);
    background: linear-gradient(135deg, rgba(45, 204, 211, 1) 0%, rgba(19, 41, 75, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dccd3', endColorstr='#13294b', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.aqua-orange {
    background: rgb(45, 204, 211); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(45, 204, 211, 1) 0%, rgba(227, 82, 5, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(45, 204, 211, 1) 0%, rgba(227, 82, 5, 1) 100%);
    background: linear-gradient(135deg, rgba(45, 204, 211, 1) 0%, rgba(227, 82, 5, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dccd3', endColorstr='#e35205', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.navy-red {
    background: rgb(19, 41, 75); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(19, 41, 75, 1) 0%, rgba(210, 38, 48, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(19, 41, 75, 1) 0%, rgba(210, 38, 48, 1) 100%);
    background: linear-gradient(135deg, rgba(19, 41, 75, 1) 0%, rgba(210, 38, 48, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13294b', endColorstr='#d22630', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.navy-aqua {
    background: rgb(19, 41, 75); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(19, 41, 75, 1) 0%, rgba(45, 204, 211, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(19, 41, 75, 1) 0%, rgba(45, 204, 211, 1) 100%);
    background: linear-gradient(135deg, rgba(19, 41, 75, 1) 0%, rgba(45, 204, 211, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13294b', endColorstr='#2dccd3', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.navy-orange {
    background: rgb(19, 41, 75); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(19, 41, 75, 1) 0%, rgba(242, 169, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(19, 41, 75, 1) 0%, rgba(242, 169, 0, 1) 100%);
    background: linear-gradient(135deg, rgba(19, 41, 75, 1) 0%, rgba(242, 169, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13294b', endColorstr='#f2a900', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.orange-red {
    background: rgb(242, 169, 0); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(242, 169, 0, 1) 0%, rgba(210, 38, 48, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(242, 169, 0, 1) 0%, rgba(210, 38, 48, 1) 100%);
    background: linear-gradient(135deg, rgba(242, 169, 0, 1) 0%, rgba(210, 38, 48, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a900', endColorstr='#d22630', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.orange-aqua {
    background: rgb(242, 169, 0); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(242, 169, 0, 1) 0%, rgba(45, 204, 211, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(242, 169, 0, 1) 0%, rgba(45, 204, 211, 1) 100%);
    background: linear-gradient(135deg, rgba(242, 169, 0, 1) 0%, rgba(45, 204, 211, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a900', endColorstr='#2dccd3', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.orange-navy {
    background: rgb(242, 169, 0); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(242, 169, 0, 1) 0%, rgba(19, 41, 75, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(242, 169, 0, 1) 0%, rgba(19, 41, 75, 1) 100%);
    background: linear-gradient(135deg, rgba(242, 169, 0, 1) 0%, rgba(19, 41, 75, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a900', endColorstr='#13294b', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-red:before, .trans-aqua:before, .trans-navy:before, .trans-orange:before, .trans-light-red:before, .trans-light-aqua:before, .trans-light-navy:before, .trans-light-orange:before, .trans-dark-red:before, .trans-dark-aqua:before, .trans-dark-navy:before, .trans-dark-orange:before, .trans-red-aqua:before, .trans-red-navy:before, .trans-red-orange:before, .trans-aqua-red:before, .trans-aqua-navy:before, .trans-aqua-orange:before, .trans-navy-red:before, .trans-navy-aqua:before, .trans-navy-orange:before, .trans-orange-red:before, .trans-orange-aqua:before, .trans-orange-navy:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.trans-red:before {
    background: rgba(210, 38, 48, 0.5);
}

.trans-aqua:before {
    background: rgba(45, 204, 211, 0.5);
}

.trans-navy:before {
    background: rgba(19, 41, 75, 0.5);
}

.trans-orange:before {
    background: rgba(242, 169, 0, 0.5);
}

.trans-light-red:before {
    background: rgba(198, 169, 146, 0.5);
}

.trans-light-aqua:before {
    background: rgba(177, 228, 227, 0.5);
}

.trans-light-navy:before {
    background: rgba(177, 201, 232, 0.5);
}

.trans-light-orange:before {
    background: rgba(249, 224, 164, 0.5);
}

.trans-dark-red:before {
    background: rgba(157, 34, 53, 0.5);
}

.trans-dark-aqua:before {
    background: rgba(0, 118, 129, 0.5);
}

.trans-dark-navy:before {
    background: rgba(35, 97, 146, 0.5);
}

.trans-dark-orange:before {
    background: rgba(227, 82, 5, 0.5);
}

.trans-red-aqua:before {
    background: rgb(210, 38, 48); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(210, 38, 48, 0.5) 0%, rgba(45, 204, 211, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(210, 38, 48, 0.5) 0%, rgba(45, 204, 211, 0.5) 100%);
    background: linear-gradient(135deg, rgba(210, 38, 48, 0.5) 0%, rgba(45, 204, 211, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22630', endColorstr='#2dccd3', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-red-navy:before {
    background: rgb(210, 38, 48); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(210, 38, 48, 0.5) 0%, rgba(19, 41, 75, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(210, 38, 48, 0.5) 0%, rgba(19, 41, 75, 0.5) 100%);
    background: linear-gradient(135deg, rgba(210, 38, 48, 0.5) 0%, rgba(19, 41, 75, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22630', endColorstr='#13294b', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-red-orange:before {
    background: rgb(210, 38, 48); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(210, 38, 48, 0.5) 0%, rgba(242, 169, 0, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(210, 38, 48, 0.5) 0%, rgba(242, 169, 0, 0.5) 100%);
    background: linear-gradient(135deg, rgba(210, 38, 48, 0.5) 0%, rgba(242, 169, 0, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22630', endColorstr='#f2a900', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-aqua-red:before {
    background: rgb(45, 204, 211); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(45, 204, 211, 0.5) 0%, rgba(210, 38, 48, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(45, 204, 211, 0.5) 0%, rgba(210, 38, 48, 0.5) 100%);
    background: linear-gradient(135deg, rgba(45, 204, 211, 0.5) 0%, rgba(210, 38, 48, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dccd3', endColorstr='#d22630', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-aqua-navy:before {
    background: rgb(45, 204, 211); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(45, 204, 211, 0.5) 0%, rgba(19, 41, 75, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(45, 204, 211, 0.5) 0%, rgba(19, 41, 75, 0.5) 100%);
    background: linear-gradient(135deg, rgba(45, 204, 211, 0.5) 0%, rgba(19, 41, 75, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dccd3', endColorstr='#13294b', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-aqua-orange:before {
    background: rgb(45, 204, 211); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(45, 204, 211, 0.5) 0%, rgba(227, 82, 5, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(45, 204, 211, 0.5) 0%, rgba(227, 82, 5, 0.5) 100%);
    background: linear-gradient(135deg, rgba(45, 204, 211, 0.5) 0%, rgba(227, 82, 5, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dccd3', endColorstr='#e35205', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-navy-red:before {
    background: rgb(19, 41, 75); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(19, 41, 75, 0.5) 0%, rgba(210, 38, 48, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(19, 41, 75, 0.5) 0%, rgba(210, 38, 48, 0.5) 100%);
    background: linear-gradient(135deg, rgba(19, 41, 75, 0.5) 0%, rgba(210, 38, 48, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13294b', endColorstr='#d22630', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-navy-aqua:before {
    background: rgb(19, 41, 75); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(19, 41, 75, 0.5) 0%, rgba(45, 204, 211, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(19, 41, 75, 0.5) 0%, rgba(45, 204, 211, 0.5) 100%);
    background: linear-gradient(135deg, rgba(19, 41, 75, 0.5) 0%, rgba(45, 204, 211, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13294b', endColorstr='#2dccd3', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-navy-orange:before {
    background: rgb(19, 41, 75); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(19, 41, 75, 0.5) 0%, rgba(242, 169, 0, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(19, 41, 75, 0.5) 0%, rgba(242, 169, 0, 0.5) 100%);
    background: linear-gradient(135deg, rgba(19, 41, 75, 0.5) 0%, rgba(242, 169, 0, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13294b', endColorstr='#f2a900', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-orange-red:before {
    background: rgb(242, 169, 0); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(242, 169, 0, 0.5) 0%, rgba(210, 38, 48, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(242, 169, 0, 0.5) 0%, rgba(210, 38, 48, 0.5) 100%);
    background: linear-gradient(135deg, rgba(242, 169, 0, 0.5) 0%, rgba(210, 38, 48, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a900', endColorstr='#d22630', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-orange-aqua:before {
    background: rgb(242, 169, 0); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(242, 169, 0, 0.5) 0%, rgba(45, 204, 211, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(242, 169, 0, 0.5) 0%, rgba(45, 204, 211, 0.5) 100%);
    background: linear-gradient(135deg, rgba(242, 169, 0, 0.5) 0%, rgba(45, 204, 211, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a900', endColorstr='#2dccd3', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.trans-orange-navy:before {
    background: rgb(242, 169, 0); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(242, 169, 0, 0.5) 0%, rgba(19, 41, 75, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(315deg, rgba(242, 169, 0, 0.5) 0%, rgba(19, 41, 75, 0.5) 100%);
    background: linear-gradient(135deg, rgba(242, 169, 0, 0.5) 0%, rgba(19, 41, 75, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a900', endColorstr='#13294b', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

/* ## Social Icons
--------------------------------------------- */
.soc {
    overflow: visible;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

    .soc li {
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

        .soc li a {
            font-family: si !important;
            font-style: normal;
            font-weight: 400;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            -o-transition: .1s;
            -ms-transition: .1s;
            -moz-transition: .1s;
            -webkit-transition: .1s;
            transition: .1s;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            overflow: hidden;
            text-decoration: none;
            text-align: center;
            display: block;
            position: relative;
            z-index: 1;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 33px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            border-radius: 100px;
            margin-right: 13px;
            color: #404040;
            background-color: #ffffff;
        }

    .soc a:hover {
        z-index: 2;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.soc-icon-last {
    margin: 0 !important;
}

.soc-twitter:before {
    content: 'a';
}

.soc-facebook:before {
    content: 'b';
}

.soc-youtube:before {
    content: 'r';
}

/* ## Page Module classes
--------------------------------------------- */

.modules {
    z-index: 999;
    position: relative;
    clear: both;
}

    .modules nav {
        display: block;
        clear: both;
    }

.module-navbox {
}

.module-oembed {
    padding: 50px 0;
}

.module-wysiwyg-1col {
    padding: 50px 120px;
    clear: both;
}

.module-wysiwyg-2col {
    padding: 50px 120px;
    clear: both;
}

.module-wysiwyg-3col {
    padding: 50px 0;
    clear: both;
}

.module-script {
    padding: 50px 0;
    margin: 0 auto;
    max-width: 700px;
    border-radius: 0px !important;
}

.BBFormTitle, .BBFormSubTitle {
    font-family: S7Futura, sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.BBFormSection {
    max-width: 1200px !important;
}

.module-cta {
    padding: 100px 0;
    margin: 100px 0;
    color: #fff;
    text-align: center;
}

.module-cta {
    font-size: 2.2rem;
}

.module-features {
}

.module-cta h2 {
    color: #fff;
}

.skew {
    transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
}

.unskew {
    transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
}

/* ## Feature Grids
--------------------------------------------- */

.feature-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 10;
    position: relative;
    padding: 15px 0;
}

ul.feature-grid {
    padding: 0px;
}

.feature-grid-left {
    width: 70%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.feature-grid-grad-filter {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.60)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.60) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.60) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.60) 100%);
    bottom: 0;
    content: '';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(166,0,0,0)', endColorstr='rgba(0,0,0,0)', GradientType=0);
    left: 0;
    position: absolute;
    width: 100%;
    height: 40%;
    z-index: 0;
}

.feature-grid-left h3 {
    font-size: 40px !important;
    z-index: 1;
}

.feature-grid-right {
    width: 30%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
}

    .feature-grid-right img {
        width: 100%;
    }

    .feature-grid-right .feature-grid-item:first-child {
        margin-bottom: 20px;
    }

.feature-grid a {
    border-bottom: none;
    padding-bottom: 0px;
}

.feature-grid-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-size: cover;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
}

    .feature-grid-item h3 {
        color: #fff;
        margin-bottom: 0px;
        text-align: left;
        font-size: 2.3rem;
        line-height: 1;
        padding: 5px 18px 10px 18px;
    }

    .feature-grid-item:hover, .feature-grid-item:focus {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.feature-grid-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: auto;
    z-index: 10;
}

/* ## Nav boxes (Home page features are in front-page.css)
--------------------------------------------- */

.navbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 10;
    position: relative;
    padding: 15px 0;
}

ul.navbox {
    padding: 0px;
}

.navbox a {
    border-bottom: none;
}

.navbox-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 31.5%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
}

    .navbox-item h3 {
        color: #fff;
        margin-bottom: 0px;
        text-align: left;
        font-size: 2.3rem;
        line-height: 1;
        padding: 5px 18px 10px 18px;
    }

    .navbox-item:hover, .navbox-item:focus {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.navbox-content {
    overflow: hidden;
}

    .navbox-content img {
        width: 100%;
    }

.navbox-image {
    position: relative;
}

    .navbox-image:before {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: " ";
        width: 110%;
        height: 30%;
        position: absolute;
        bottom: 5px;
        left: -5px;
    }

.module-navbox.sectors {
    text-align: center;
}

    .module-navbox.sectors .navbox-item h3 {
        color: #000;
        text-align: center;
        margin-top: 10px;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+  */
    .navbox-image:before {
        bottom: 10px;
    }
}

.red .navbox-image:before {
    background-image: url(images/overlay-red.svg);
}

.aqua .navbox-image:before {
    background-image: url(images/overlay-aqua.svg);
}

.navy .navbox-image:before {
    background-image: url(images/overlay-navy.svg);
}

.orange .navbox-image:before {
    background-image: url(images/overlay-orange.svg);
}

.light-red .navbox-image:before {
    background-image: url(images/overlay-light-red.svg);
}

.light-aqua .navbox-image:before {
    background-image: url(images/overlay-light-aqua.svg);
}

.light-navy .navbox-image:before {
    background-image: url(images/overlay-light-navy.svg);
}

.light-orange .navbox-image:before {
    background-image: url(images/overlay-light-orange.svg);
}

.dark-red .navbox-image:before {
    background-image: url(images/overlay-dark-red.svg);
}

.dark-aqua .navbox-image:before {
    background-image: url(images/overlay-dark-aqua.svg);
}

.dark-navy .navbox-image:before {
    background-image: url(images/overlay-dark-navy.svg);
}

.dark-orange .navbox-image:before {
    background-image: url(images/overlay-dark-orange.svg);
}

.navbox-pad-top {
    padding-top: 34px;
}

.navbox-pad-bottom {
    padding-bottom: 34px;
}

/* ## Embedded Content
--------------------------------------------- */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.module-oembed .embed-container {
    margin-bottom: 0px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ## Programmes Archive Page
--------------------------------------------- */
.isotope {
    clear: both;
    margin-bottom: 40px;
}

    .isotope .entry {
        float: left;
        margin-bottom: 10px;
        ;
        width: 100%;
    }

        .isotope .entry p {
            padding: 0 20px 10px 20px;
            color: #fff;
        }

    .isotope img.alignleft {
        width: 100%;
        margin-bottom: 15px;
    }

.post-type-archive-s7_programmes .main-filter {
    margin-bottom: 20px;
}

.isotope .main-filter ul {
    text-align: center;
}

.isotope .main-filter li {
    display: inline-block;
    margin: 1px;
}

.post-type-archive-s7_programmes .main-filter {
    margin-top: 100px;
}

@media only screen and (min-width: 800px) {
    .isotope .entry {
        width: calc(33.33333% - 13.333333333333px);
    }
}

.isotope .entry {
    padding: 0px;
}

.isotope .entry-title {
    padding: 20px 20px 0px 20px;
}

.isotope .entry-header {
    background: #f2a900;
}

.isotope h2 {
}

    .isotope h2 a {
        color: #fff;
    }

/* ## Channels Single
--------------------------------------------- */
.channel-box {
    background: #b1e4e3;
    padding: 20px;
    overflow: auto;
}

/* # 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
--------------------------------------------- */

ul {
    list-style-type: none !important;
}

    ul .breadcrumb {
        padding: 8px 16px;
        background-color: #ffffff !important;
        top: 150px;
        position: absolute;
        left: 370px;
    }

        ul.breadcrumb li {
            display: inline;
            font-size: 15px;
        }

    ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
    }

            ul.breadcrumb li a {
                color: #000;
                border-bottom: none !important;
                list-style-type: none !important;
            }

.breadcrumb a:hover {
    color: #000;
    border-bottom: 1px solid #000 !important;
}




/*.breadcrumb {
    font-size: 1.5rem;
    font-size: 15px;
    padding-top: 6px;
}

    .breadcrumb a {
        color: #2dccd3;
        border-bottom: none;
    }

        .breadcrumb a:hover,
        .breadcrumb a:focus {
            color: #b1e4e3;
            border-bottom: 1px solid #b1e4e3;
        }*/

.author-box {
    margin: 50px 120px 0px 120px;
    padding: 20px;
    background: #e5e5e5;
}

.archive-description,
.author-box {
    font-size: 16px;
    font-size: 1.6rem;
}

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

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

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

.search-form {
    overflow: hidden;
}

.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: 60px;
    font-size: 6.0rem;
}

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

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

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

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

/* ## 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 {
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 20px;
    padding: 0 0 24px;
}

.footer-widgets .entry {
    border-bottom: 1px dotted #666;
}

.featured-content .entry-title {
    font-size: 20px;
    font-size: 2rem;
}

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

/* ## WooCommerce
--------------------------------------------- */

.woocommerce ul.products li.product h3 {
    font-size: 2.3rem !important;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #337ab7 !important;
    border: 2px solid #337ab7 !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-weight: normal !important;
    padding: 14px 20px 10px 19px !important;
}

    .woocommerce #respond input#submit:hover,
    .woocommerce a.button:hover,
    .woocommerce button.button:hover,
    .woocommerce input.button:hover,
    .woocommerce #respond input#submit.alt:hover,
    .woocommerce a.button.alt:hover,
    .woocommerce button.button.alt:hover,
    .woocommerce input.button.alt:hover {
        background-color: #fff !important;
        border-radius: 0px !important;
        color: #d22630 !important;
        font-weight: normal !important;
        padding: 14px 20px 10px 19px !important;
    }

.woocommerce .price {
    font-size: 2.4rem !important;
    font-weight: 100 !important;
    color: #007681 !important;
}

.woocommerce .stock {
    color: #007681 !important;
}

.woocommerce .price del {
    font-size: 1.8rem !important;
}

.woocommerce span.onsale {
    background-color: #f2a900 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style-type: none;
}

.wcps-container .owl-theme .owl-controls {
    margin-top: 0px;
}

.wcps-container-6818 {
    background-size: cover;
    background-position: bottom !important;
}

.woocommerce ul.products li.product {
    background-color: #efefef;
}

    .woocommerce ul.products li.product a img {
        margin: 0px !important;
    }

    .woocommerce ul.products li.product h3 {
        padding: 15px !important;
    }

    .woocommerce ul.products li.product .price {
        padding: 0 15px !important;
    }

    .woocommerce ul.products li.product .button {
        margin: 15px !important;
    }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 29% !important;
    min-height: 400px;
}

/* ## 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: #bce8f1;
        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;
}

/* ## Super Side Me
--------------------------------------------- */

button#slide-menu.slide-nav-link {
    margin: 21px 21px 0 0;
}

/* ## Scriptless Social Sharing
--------------------------------------------- */
.scriptlesssocialsharing .button {
    border: 0px !important;
}

.scriptlesssocialsharing-buttons {
    border-spacing: 0px !important;
}

/* ## Moderntribe Events
--------------------------------------------- */

#tribe-events .entry {
    padding: 0px;
}

.tribe-events-list-event-title {
    text-transform: uppercase !important;
}

.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
    max-width: none !important;
}

.tribe-events-event-image a {
    border-bottom: none;
}

.tribe-events-loop .tribe-events-event-meta {
    font-size: 1.6rem !important;
    font-size: 16px !important;
}

.tribe-events-schedule h2 {
    font-family: 'Lato', sans-serif;
    text-transform: none;
    font-size: 1.8rem;
    font-size: 18px;
}

/* ## NinjaForms
--------------------------------------------- */

.ninja-forms-form-wrap {
    max-width: 70%;
    margin: 0 auto;
    text-align: left;
}

.module-cta .ninja-forms-req-symbol, .module-cta .nf-error-msg {
    color: #fff;
}

/* ## Blackbaud
--------------------------------------------- */
.BBFormSortCodeTextbox {
    min-width: 50px;
}

#bbox-root {
    background: #eee;
}

/* ## Google Maps Pro
--------------------------------------------- */
div._ibani_2618 {
    height: 150px !important;
}

    div._ibani_2618 div {
        height: 150px !important;
    }

        div._ibani_2618 div:first-of-type {
            height: 0px !important;
        }

/* ## Cookies
--------------------------------------------- */
#cn-notice-text {
    font-size: 16px;
    font-size: 1.6rem;
}

#cn-accept-cookie.button {
    background: #337ab7;
    border-color: #337ab7 !important;
    color: #fff;
    padding: 9px 14px 6px 14px;
}

    #cn-accept-cookie.button:hover {
        background: transparent;
        border-color: #fff !important;
        color: #fff;
    }

#cn-more-info.button {
    border-color: #fff !important;
    color: #fff !important;
    padding: 9px 14px 6px 14px;
}

    #cn-more-info.button:hover {
        border-color: #337ab7 !important;
    }

/* # Skip Links
---------------------------------------------------------------------------------------------------- */

.genesis-skip-link {
    margin: 0;
}

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

/* # Utility Bar
---------------------------------------------------------------------------------------------------- */
.utility-bar {
    background: #434343;
    min-height: 40px;
    color: #fff;
    margin-bottom: 20px;
    display: none;
}

    .utility-bar .wrap {
        position: relative;
    }

.js-expandmore button {
    padding: 2px 8px 1px 35px;
    margin-right: 0px;
    font-size: 14px;
    border-color: #fff !important;
}

    .js-expandmore button:hover, .js-expandmore button:focus {
        background-color: #2dccd3;
        border: 2px solid #2dccd3 !important;
        outline: none;
    }

    .js-expandmore button:focus {
        border: 0px;
    }

.animated-expandmore__button {
    background: none;
    font-size: inherit;
    color: inherit;
    position: absolute;
    right: 0px;
    margin-top: -25px;
}

.js-to_expand input[type=search] {
    width: 80%;
    height: 53px;
    margin-top: 5px;
    border: 0px !important;
}

.js-to_expand input[type="submit"] {
    border: 0px !important;
    float: right;
    margin-left: 20px;
}

    .js-to_expand input[type="submit"]:hover {
        background: #2dccd3;
    }

.js-to_expand[aria-hidden=true] {
    display: none;
}

.animated-expandmore__button[aria-expanded=false]:before,
.animated-expandmore__button[data-expanded=false]:before {
    content: "\f179";
    font-family: "Dashicons";
    top: -4px;
    left: 4px;
    position: absolute;
    font-size: 22px;
}

.animated-expandmore__button[aria-expanded=true]:before,
.animated-expandmore__button[data-expanded=true]:before {
    content: "\f343";
    font-family: "Dashicons";
    top: -4px;
    left: 4px;
    position: absolute;
    font-size: 22px;
}

/* This is the opened state */
.animated-expandmore__to_expand {
    display: block;
    overflow: hidden;
    opacity: 1;
    transition: visibility 0s ease, max-height 1s ease, opacity 1s ease, margin 1s ease;
    max-height: 80em;
    /* magic number for max-height = enough height */
    visibility: visible;
    transition-delay: 0s;
    text-align: center;
    width: 60%;
    margin: 30px auto;
}

/* This is the hidden state */
[aria-hidden=true].animated-expandmore__to_expand {
    display: block;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition-delay: 1s, 0s, 0s;
    text-align: center;
    width: 60%;
    margin: 0px auto;
}

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

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

    .site-header a {
        border-bottom: none;
    }

    .site-header .wrap {
    }

.mobile-logo {
    display: none;
}

.logo-round {
    width: 180px;
    margin-top: -14px;
    z-index: 999;
    position: relative;
}

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

.title-area {
    margin: 0 auto;
}

.header-full-width .title-area {
    width: 180px;
}

.site-title {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1.2;
    position: absolute;
}

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

.header-image .site-title > a {
    background: url(images/logo.png) no-repeat left;
    width: 100%;
}

.site-description {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.5;
}

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

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

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

.genesis-nav-menu {
    clear: both;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1;
    width: 100%;
    padding: 7px 0 0 0;
}

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

    .genesis-nav-menu a {
        color: #333;
        display: block;
        text-align: center;
        padding: 10px 0;
        width: 200px;
        border-bottom: none;
    }

        .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: #007681;
            border-bottom: none;
        }

    .genesis-nav-menu .sub-menu {
        left: -9999px;
        opacity: 0;
        position: absolute;
        width: 200px;
        z-index: 9999;
    }

        .genesis-nav-menu .sub-menu a {
            background-color: rgba(255, 255, 255, 0.91);
            border-top: 0;
            font-size: 14px;
            font-size: 1.4rem;
            padding: 15px;
            position: relative;
            width: 200px;
            word-wrap: break-word;
            margin-left: -40px;
        }

        .genesis-nav-menu .sub-menu .menu-item-has-children > a:after {
            content: " \f345";
            font-family: Dashicons;
            top: 3px;
            position: relative;
            font-size: 120%;
        }

        .genesis-nav-menu .sub-menu .sub-menu {
            margin: -45px 0 0 170px;
        }

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

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

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

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

    .genesis-nav-menu > .right {
        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;
}

/* ## Super Side Me
--------------------------------------------- */
#slide-menu, .sidr-inner button {
    border: 0px !important;
}

.sidr-inner {
    font-family: "S7Futura", sans-serif;
    text-transform: uppercase;
}

    .sidr-inner .search-me {
        font-family: "Lato", sans-serif;
    }

/* ## 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 {
    margin-bottom: 15px;
}

    .nav-primary .genesis-nav-menu a {
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        font-family: S7Futura, sans-serif;
    }

        .nav-primary .genesis-nav-menu a:hover,
        .nav-primary .genesis-nav-menu a:focus,
        .nav-primary .genesis-nav-menu .current-menu-item > a {
            color: #236192;
        }

    .nav-primary .genesis-nav-menu .sub-menu a {
        color: #333;
    }

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

    .nav-primary .sub-menu {
        background: rgba(51, 51, 51, 0);
        background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(246, 246, 246, 0.35) 35%, rgba(214, 214, 214, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51, 51, 51, 0)), color-stop(35%, rgba(246, 246, 246, 0.35)), color-stop(100%, rgba(214, 214, 214, 1)));
        background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(246, 246, 246, 0.35) 35%, rgba(214, 214, 214, 1) 100%);
        background: -o-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(246, 246, 246, 0.35) 35%, rgba(214, 214, 214, 1) 100%);
        background: -ms-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(246, 246, 246, 0.35) 35%, rgba(214, 214, 214, 1) 100%);
        background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, rgba(246, 246, 246, 0.35) 35%, rgba(214, 214, 214, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#d6d6d6', GradientType=0);
    }

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

.nav-secondary a {
    font-family: S7Futura, sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 0.3;
    text-align: left;
}

.nav-secondary .genesis-nav-menu {
    padding-top: 0px;
}

/* ## Categories and Shop Navigation
--------------------------------------------- */
.nav-categories, .nav-shop {
    font-family: S7Futura, sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding: 10px 10px 5px 10px;
    text-align: center;
    border: 2px solid #000;
    z-index: 999;
}

    .nav-categories ul, .nav-shop ul {
        padding: 0px;
    }

    .nav-categories .genesis-nav-menu a, .nav-shop .genesis-nav-menu a {
        width: auto;
        padding: 0px 30px;
    }

.nav-shop {
    margin: 0 auto;
    margin-bottom: 100px;
    max-width: 1200px;
}

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

/* ## Page Header
--------------------------------------------- */

.page-header-wrapper {
    /*margin-top: 70px;*/
    /*background-size: cover;*/
    background-position: center center;
    position: relative;
    height: 550px;
    /*max-width: 967px;*/
    width:100%;
    z-index:1;
    /*float:left;*/
    /*margin-bottom: 30px;*/
}

.    {
    padding: 0px 0px 0px 0px;
    text-align: center;
    color: #fff;
    z-index: 50;
    /*position: relative;*/
    margin-bottom: 50px;
}


    .page-header h1 {
        color: #fff;
    }

    .page-header .entry-title {
        color: #fff;
        font-size: 6rem;
        display: inline-block;
        /*padding: 22px 30px 12px 30px;*/
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    /* IE10+ CSS HACK */
    .page-header .entry-title {
        padding: 22px 30px 22px 30px;
    }
}

@supports (-ms-ime-align:auto) {
    /* MS EDGE CSS HACK */
    .page-header .entry-title {
        padding: 22px 30px 22px 30px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
    .page-header .entry-title {
    }
}

.page-header-wrapper::after {
    background-image: url(images/overlay-header.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 150px;
    content: " ";
    width: 100%;
    /*height: 150px;*/
    position: absolute;
    bottom: 0px;
    left: 0px;
}

/* OLD VERSION
.page-header-wrapper::after {
	background-color: #fff;
	content: "";
	display: block;
	height: 160px;
	margin: 30px 0 0;
	position: relative;
	-webkit-transform: skewY(3deg);
	transform: skewY(3deg);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	width: 100%;
}
*/

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

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

.content .entry {
    background-color: #fff;
}

.after-post.widget-area .entry {
    padding: 0px;
    font-size: 1.5rem;
}

.after-post.widget-area h4 {
    font-size: 2.5rem;
}

.after-post.widget-area h3 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 50px;
}

.after-post.widget-area .entry-header .entry-meta {
    margin-bottom: 4px;
}

.after-post.widget-area a {
    border-bottom: 0px;
}

.after-post.widget-area {
    margin-bottom: 50px;
}

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

    .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: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
}

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

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

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

    .entry-tags .dashicons {
        margin-top: 3px;
        font-size: 1.8rem;
        font-size: 18px;
    }

.page-header .entry-tags a {
    margin: 0 15px 0 5px;
    border-bottom: 1px solid #c6a992;
    color: #fff;
}

    .page-header .entry-tags a:hover,
    .page-header .entry-tags a:focus {
        border-bottom: 1px solid #fff;
    }

.genre-term {
    margin: 0 15px 0 5px;
}

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

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

.pagination {
    clear: both;
    text-align: center;
}

    .pagination ul {
        padding: 0px;
    }

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

.archive-pagination li {
    display: inline;
}

    .archive-pagination li a {
        background-color: #333;
        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: #c3251d;
        }

/* ## 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;
}

/* # Template Specific
---------------------------------------------------------------------------------------------------- */

/* ## Custom Categories (Blog) template
--------------------------------------------- */
.where-we-work-map {
    margin-bottom: 50px;
}

/* ## Custom Categories (Blog) template
--------------------------------------------- */
.blog-preview {
    overflow: auto;
    margin-bottom: 30px;
    padding: 1px 0;
}

    .blog-preview a {
        border-bottom: none;
    }

    .blog-preview h3 a:hover,
    .blog-preview h3 a:focus {
        border-bottom: 2px dotted black;
    }

    .blog-preview img {
        width: 100%;
    }

.blog-preview-text a {
    border-bottom: none;
}

.blog-preview-text h1 {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding-bottom: none;
}

    .blog-preview-text h1:hover,
    .blog-preview-text h1:focus {
        border-left: 3px solid #007681;
        padding-left: 8px;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

/* ## Custom Topics template
--------------------------------------------- */
.page-template-custom-topics-template .entry {
    padding: 0;
}

.page-template-custom-topics-template .post-type {
    font-family: S7Futura, sans-serif;
    text-transform: uppercase;
    padding: 5px 10px 3px 10px;
    color: #fff;
    font-size: 18px;
    display: table-caption;
    white-space: nowrap;
    line-height: 1.25;
}

.page-template-custom-topics-template .entry-title {
    margin-top: 20px;
}

.page-template-custom-topics-template .attachment-thumbnail {
    width: 100%;
}

.page-template-custom-topics-template .entry-meta {
    margin-bottom: 20px;
}

.page-template-custom-topics-template .entry-title,
.page-template-custom-topics-template p {
    padding: 0 20px;
}

.page-template-custom-topics-template article.type-post {
    background: #b1e4e3;
}

    .page-template-custom-topics-template article.type-post .post-type {
        background: #2dccd3;
    }

.page-template-custom-topics-template article.s7_programmes {
    background: #f9e0a4;
}

    .page-template-custom-topics-template article.s7_programmes .post-type {
        background: #f2a900;
    }

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

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

    .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 {
        background-color: #fff;
        margin-bottom: 40px;
        padding: 40px;
    }

.after-post.widget-area {
    margin-top: 100px;
}

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

.footer-widgets {
    background-color: #333;
    clear: both;
    padding-top: 40px;
}

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

        .footer-widgets input {
            border: 1px solid #333;
        }

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

        .footer-widgets li {
            border-bottom: 1px dotted #666;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

        .footer-widgets .widget {
            margin-bottom: 40px;
        }

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

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    width: 340px;
}

.footer-widgets-1 {
    margin-right: 60px;
}

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

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

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

.site-footer {
    background: #bce8f1 url(images/footer.jpg) repeat;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic; 
    line-height: 1.2;
    padding: 0px 0 60px 0;
    color: #000;
    margin-top: 10px;
}

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

.footer-text p {
    margin-bottom: 10px;
}

.footer-logo {
    margin-bottom: 30px;
}

.site-footer::before {
    background-image: url(images/overlay-header.svg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 150px;
    content: " ";
    width: 100%;
    height: 150px;
    margin-top: 50px;
}

.row {
    /*margin-left: -15px;*/
    margin-right: -15px;
}

.bg-primary {
    color: #fff;
    background-color: #2e6da4;
    background-image: url('../../assetsLandingPage/images/hr-dotted-ochre.gif');
}

.well {
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    background-image: linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);
}

.well {
    height: 64px;
    width: 1170px;
    margin-left: 360px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

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

.col-xs-6 {
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float:left;
}

.col-xs-12 col sm-8 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.img-rounded {
    border-radius: 6px;
}

.img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* # Shortcodes
---------------------------------------------------------------------------------------------------- */
.go-deeper-links {
    padding: 20px 15px 15px 20px;
    margin: 0 20px 20px 0;
    width: 33%;
    background: #eeeeee;
    display: inline-block;
    float: left;
}

    .go-deeper-links ul {
        margin: 0px;
        padding-left: 0px;
    }

    .go-deeper-links li {
        list-style-type: none !important;
    }

        .go-deeper-links li:before {
            content: "\f504";
            -webkit-font-smoothing: antialiased;
            font-family: 'dashicons';
            font-size: 18px;
            margin-right: 10px;
            word-wrap: break-word;
        }

.go-deeper-warning {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 10px 0 0 0;
}

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

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

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

    .content,
    .site-header .widget-area {
        /*width: 620px;*/
    }

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

    .sidebar-primary,
    .title-area {
        width: 300px;
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .sidebar-primary,
    .title-area {
        width: 300px;
    }

    .footer-widgets-1 {
        margin-right: 30px;
    }

    .js-to_expand input[type=search] {
        width: 70%;
    }
}

@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,
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .sidebar-primary,
    .sidebar-secondary,
    .sidebar-sidebar-content .content,
    .sidebar-sidebar-content .content-sidebar-wrap,
    .site-header .widget-area,
    .title-area {
        width: 100%;
    }

    .site-header {
        display: none;
    }

        .site-header .wrap {
            padding: 20px 5%;
        }

    .header-image .site-title > a {
        background-position: center top;
    }

    .title-area {
        display: none;
    }

    .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: 20px 16px;
        }

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

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

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

    .masthead {
        margin-top: 0px !important;
    }

    .page-header-wrapper {
        margin-top: 0px;
    }

    .mobile-logo {
        position: absolute;
        z-index: 999;
        width: 100px;
        margin: 15px 0px 0px 15px;
        display: block;
    }

    .page-header-wrapper::after {
        height: 70px;
    }

    .page-header {
        /*padding: 150px 20px 140px 20px;*/
    }

    .nav-secondary {
        display: block !important;
    }

    .site-footer {
        padding: 100px 0 0 0;
        margin-top: 20px;
    }

        .site-footer::before {
            margin: -215px 0 0;
        }

    .module-cta {
        margin: 50px 0;
    }

    .module-wysiwyg-1col, .module-wysiwyg-2col, .module-wysiwyg-3col {
        padding: 0px;
    }

    .page-header h1 {
        word-wrap: break-word;
        padding: 20px !important;
        font-size: 40px !important;
        font-size: 4rem !important;
    }

    .go-deeper-links {
        width: 50%;
        display: block;
    }
}

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

    body {
        background-color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
    }

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

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

    .author-box {
        margin: 0;
    }

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

    .navbox-item {
        width: 380px;
        margin: 20px auto;
    }

    .ninja-forms-form-wrap {
        max-width: 90%;
    }

    .feature-grid a {
        width: 100%;
    }

    .feature-grid-left h3 {
        font-size: 33px !important;
    }

    .feature-grid-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 390px;
        margin-bottom: 20px;
        word-wrap: break-word;
    }

    .feature-grid-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-left: 0px;
    }

        .feature-grid-right .feature-grid-item:first-child {
            margin-bottom: 20px;
        }

    .woocommerce ul.products li.product {
        width: 100% !important;
    }

    .page-header-wrapper::after {
        background-size: 100%;
        content: " ";
        width: 100%;
        height: 150px;
        position: absolute;
        bottom: -1 px;
    }

    .site-footer::before {
        background-size: 100% 80px;
        width: 100%;
        height: 90px;
        margin-top: -100px !IMPORTANT;
    }

    .page-header .entry-title {
        margin-bottom: 60px;
    }

    .page-template-custom-topics-template .entry {
        margin-bottom: 20px;
    }

    .go-deeper-links {
        width: 100%;
        display: block;
    }
}

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

    .menu-left {
        border-left: 1px solid #bbb;
    }

    .menu-right {
        border-right: 1px solid #bbb;
    }

    .menu-right-offset {
        margin-left: 139px;
    }

    .utility-bar {
        display: inherit;
    }

    .title-area {
        visibility: visible;
    }
}

@media only screen and (min-width: 1200px) {
    .menu-right-offset {
        margin-left: 376px;
    }
}

/* # Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

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

    a,
    a:visited {
    }

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

@media screen and (min-width: 1280px) {
    footer.x-colophon.top, footer.x-colophon.bottom {
        padding: 40px 0 40px 0;
    }
}

footer.x-colophon.top {
    border-bottom: 14px solid white;
    border-top: 14px solid white;
    border-image-source: url(../../Images/border.png);
    border-image-slice: 22;
    border-image-width: 14px 0 14px 0;
    border-image-repeat: round;
}

footer.x-colophon.top {
    background-color: #85301a;
    color: #fff;
}

.x-colophon.top {
    position: relative;
    border-top: 1px solid #dfdfdf;
    border-top: 1px solid rgba(0,0,0,0.075);
    padding: 4% 0;
    background-color: #fff;
}

footer.x-colophon.top a i.x-icon {
    color: #fff;
    margin: 0 10px 3px 0;
}

a i.x-icon {
    color: #85301a;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

i.x-icon {
    font-size: 2.3em;
    margin: 3px 10px 0 0;
}

[data-x-icon-b] {
    font-family: FontAwesome;
}

[data-x-icon-o], [data-x-icon-l], [data-x-icon-s], [data-x-icon-b], [data-x-icon], [data-x-fa-pro-icon], [class*="x-icon-"] {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

/******************** FOOTER ********************/

footer.x-colophon.top {
    background-color: #85301a;
    color: #fff;
}

footer.x-colophon.top {
    border-bottom: 14px solid white;
    border-top: 14px solid white;
    /*border-image-source: url(/wp-content/uploads/2019/03/border.png);*/
    border-image-slice: 22;
    border-image-width: 14px 0 14px 0;
    border-image-repeat: round;
}

body.bannerAbove footer.x-colophon.top {
    border-top: 0 !important;
}

.x-colophon-content {
    text-transform: none !important;
    font-weight: unset !important;
    letter-spacing: unset !important;
    line-height: unset !important;
    font-size: unset !important;
}

footer.x-colophon.top p {
    color: #fff !important;
    font-weight: 1em !important;
    line-height: 1.3em !important;
}

footer.x-colophon.top a {
    color: #fff;
}

    footer.x-colophon.top a:hover {
        color: #c39617 !important;
    }

    footer.x-colophon.top a i.x-icon {
        color: #fff;
        margin: 0 10px 3px 0;
    }

    footer.x-colophon.top a:hover i.x-icon {
        color: #c39617;
    }

footer.x-colophon.top .x-column {
    margin-right: 0;
}

footer.x-colophon.bottom {
    text-align: left;
}

    footer.x-colophon.top p,
    footer.x-colophon.bottom p {
        font-weight: 1em !important;
        line-height: 1.3em !important;
    }

    footer.x-colophon.top p,
    footer.x-colophon.bottom p {
        font-size: 0.95em !important;
        font-weight: 1em !important;
        line-height: 1.3em !important;
        letter-spacing: -0.02em;
    }

    footer.x-colophon.bottom a {
        color: #585858;
    }

        footer.x-colophon.bottom a:hover {
            color: #c39617 !important;
        }

    footer.x-colophon.bottom .footerLogo,
    footer.x-colophon.bottom .footerTxt {
        float: left;
    }

/* newsletter signup */

input#mce-EMAIL {
    width: 290px;
    margin-bottom: 0 !important;
}

input#mc-embedded-subscribe {
    margin-left: 5px;
    margin-top: 0 !important;
    color: #fff;
    padding: 8px 18px !important;
    background: #c39617;
    border: 0;
    font-weight: 600;
    text-shadow: none !important;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    input#mc-embedded-subscribe:hover {
        background: #fff;
        color: #85301A;
        text-shadow: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

/* call to action circles */

#ctaHome,
#ctaAbout,
#ctaProjects,
#ctaNews,
#ctaEvents,
#ctaSupport,
#ctaInvolved,
#ctaContact {
    display: none;
    position: relative;
    font-size: 15px !important;
    line-height: 20px !important;
    letter-spacing: -0.02em;
}

body.home #ctaHome {
    display: flex !important;
}

body.about #ctaAbout {
    display: flex !important;
}

body.projects #ctaProjects {
    display: flex !important;
}

body.news #ctaNews {
    display: flex !important;
}

body.events #ctaEvents {
    display: flex !important;
}

body.support #ctaSupport {
    display: flex !important;
}

body.get-involved #ctaInvolved {
    display: flex !important;
}

body.contact #ctaContact {
    display: flex !important;
}

body.generic #ctaHome {
    display: flex !important;
}

footer.x-colophon.top .cta a {
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 5px;
    background: url(/wp-content/uploads/2019/03/underline-white.png) bottom repeat-x;
    display: block;
    margin-top: 20px;
}

    footer.x-colophon.top .cta a:hover {
        color: #85301A !important;
    }

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

    #custom_html-7,
    footer.x-colophon.bottom .footerLogo {
        display: none;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

    .cta {
        text-align: center;
        background: #c39617;
        padding: 50px;
        width: 300px;
        height: 300px;
        min-height: 300px;
        -moz-border-radius: 200px;
        -webkit-border-radius: 200px;
        border-radius: 200px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: -120px;
        margin-bottom: -120px;
    }

        .cta h2 {
            margin: 0 0 15px 0 !important;
            font-size: 2em !important;
        }
}

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

    .cta {
        text-align: center;
        background: #c39617;
        padding: 40px;
        width: 360px;
        height: 360px;
        min-height: 360px;
        -moz-border-radius: 280px;
        -webkit-border-radius: 280px;
        border-radius: 280px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: -150px;
        margin-bottom: -150px;
    }

        .cta h2 {
            margin: 0 0 15px 0 !important;
            font-size: 2.2em !important;
        }
}

/* end cta circles */



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

    footer.x-colophon.top form {
        margin: 20px 0 15px 0;
    }

    .x-colophon.top .x-column .widget {
        margin-top: 0 !important;
    }

    footer.x-colophon.top .x-column.x-md.x-1-3:nth-of-type(1) {
        width: 100%;
    }

    footer.x-colophon.top .x-column.x-md.x-1-3:nth-of-type(2) {
        width: 100%;
    }

    footer.x-colophon.top .x-column.x-md.x-1-3:nth-of-type(3) {
        display: none;
    }

    footer.x-colophon.top,
    footer.x-colophon.bottom {
        padding: 25px 0 25px 0;
    }

        footer.x-colophon.bottom .footerLogo {
            width: 100%;
            padding-bottom: 25px;
        }

        footer.x-colophon.bottom .footerTxt {
            width: 100%;
        }
}

@media screen and (min-width: 980px) and (max-width: 1279px) {

    footer.x-colophon.top form {
        margin: 11px 0 0 0;
    }

    .x-colophon.top .x-column .widget {
        margin-top: 0 !important;
    }

    footer.x-colophon.top .x-column.x-md.x-1-3:nth-of-type(1) {
        width: 25%;
    }

    footer.x-colophon.top .x-column.x-md.x-1-3:nth-of-type(2) {
        width: 45%;
    }

    footer.x-colophon.top .x-column.x-md.x-1-3:nth-of-type(3) {
        width: 30%;
    }

    footer.x-colophon.top,
    footer.x-colophon.bottom {
        padding: 30px 0 30px 0;
    }

        footer.x-colophon.bottom .footerLogo {
            width: 150px;
        }

        footer.x-colophon.bottom .footerTxt {
            width: 600px;
        }
}

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

    footer.x-colophon.top form {
        margin: 11px 0 0 0;
    }

    footer.x-colophon.top .x-column.x-md.x-1-3:nth-of-type(1) {
        width: 25%;
    }

    footer.x-colophon.top .x-column.x-md.x-1-3:nth-of-type(2) {
        width: 45%;
    }

    footer.x-colophon.top .x-column.x-md.x-1-3:nth-of-type(3) {
        width: 30%;
    }

    footer.x-colophon.top,
    footer.x-colophon.bottom {
        padding: 40px 0 40px 0;
    }

        footer.x-colophon.bottom .footerLogo {
            width: 150px;
        }

        footer.x-colophon.bottom .footerTxt {
            width: 900px;
        }
}

[data-x-icon-b]:before {
    content: attr(data-x-icon-b);
}

.x-slider-container.below {
    margin-top: -14px;
    border-image-source: url(../../Images/border-red.png) !important;
    border-image-slice: 22 !important;
    border-image-repeat: round !important;
    border-bottom: 14px solid white !important;
    border-top: 14px solid white !important;
    border-image-width: 14px 0 14px 0 !important;
}

a.x-brand img {
    position: absolute;
    top: 22px;
    width: 188px;
    height: 188px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 10;
    margin-left: 18%
}