/*!
Theme Name: Blue Bermondsey
Theme URI: http://www.purplenetwork.co.uk/
Author: Purple Network
Author URI: http://www.purplenetwork.co.uk/
Description: Website theme by Purple Network
Version: 1.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pnfolio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

pnfolio is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@import 'css/grid.css';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,700i');
@font-face {
    font-family: 'futurabold';
    src: url('fonts/Futura-Bold.woff2') format('woff2'),
        url('fonts/Futura-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
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-color: transparent;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 0 0 15px 0;
}

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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
}

ul li {
    margin: 0 0 0.5em 0;
}

.single-entry ul li,
.single-entry ol li {
    margin: 0 1em 0 0;
    max-width: 738px;
    font-size: 17px;
    line-height: 1.5em;
    font-weight: 300;
    text-align: left;
}

.wide-entry {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
html {
    height: 100%;
}

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

body {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    color: #151515;
    font-size: 17px;
    line-height: 1.3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'futurabold', 'Open Sans', sans-serif;
    clear: both;
    margin: 0 0 15px 0;
}

h1 {
    font-weight: 900;
    letter-spacing: 0.05em;
    font-size: 27px;
}

h2 {
    letter-spacing: 0.04em;
    font-size: 22px;
}

h1,
h2,
h3,
h4 {
    color: #024CAE;

}

p,
li {
    font-size: 17px;
    line-height: 1.35em;
    font-weight: 300;
    margin: 0 0 0.6em 0;
    letter-spacing: 0.01em;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

.entry-content {
    max-width: 900px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #144CAE;
    border-radius: 1px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    padding: 10px 20px;
    font-family: 'futurabold', 'Open Sans', sans-serif;
    border-radius: 5px;
    letter-spacing: 0.04em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #00A8D9;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 5px;
    MAX-WIDTH: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 7px;
}

textarea {
    padding-left: 3px;
    width: 100%;
}

fieldset.searchbox {
    margin: 0;
    padding: 0;
}

.searchfield {
    margin: 0 6px 0 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* remove default arrow */
    background-image: url(images/dropdown.png);
    /* add custom arrow */
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background-position: right 5px center;
    background-repeat: no-repeat;
    color: #414141;
    background-size: 22px;
    padding: 7px 50px 7px 10px;
    font-size: 17px;
    letter-spacing: 0.025em;
    border-radius: 5px;
    max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px;
    -webkit-appearance: none;
    background-color: #d5d6dc;
    border: NONE;
    padding: 10px;
    border-radius: 0;
    display: inline-block !important;
    position: relative;
    vertical-align: top;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #e4e4e4;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover {
    background-color: #e4e4e4;
}

input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 7px;
    height: 14px;
    border: solid 3px #177875;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

label {
    margin-bottom: 5px;
    display: block;
    font-weight: lighter;
    line-height: 1.5em;
}


span.wpcf7-list-item {
    display: block;
    margin: 5px 0
}

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


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

a {
    color: #024CAE;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #00A8D9;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

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



h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
    color: #024CAE;
}


h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active {
    text-decoration: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/* Effect 4: bottom border enlarge */

.main-navigation {
    display: inline-block;
    float: right;
    text-align: right;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 7.5px 0 0 0;
    padding-left: 0;
}

.main-navigation li {
    position: relative;
    padding: 9px;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px
}

.main-navigation ul > li {
    font-family: 'futurabold', 'Open Sans', sans-serif;
    margin-bottom: 5px;
}

.main-navigation a {
    text-decoration: none;
    position: relative;
    color: #024CAE;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #00A8D9;
    text-decoration: none;
}

/* Small menu. */

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

.main-navigation.toggled ul {
    clear: both;
    text-align: left;
}

button.menu-toggle {
    background-color: transparent;
    border: none;
    color: #777;
    position: relative;
    height: 26px;
    width: 30px;
    outline: none;
    float: right;
    position: relative;
    z-index: 9999;
    padding: 0;

}

button.menu-toggle:before,
button.menu-toggle:after,
button.menu-toggle span {
    content: "";
    height: 6px;
    background-color: #004db4;
    position: absolute;
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 30px;
    left: 0;
}

button.menu-toggle:before {
    top: 0;
    transform-origin: bottom left;
}

button.menu-toggle:after {
    bottom: 0;
    transform-origin: top left;
}

button.menu-toggle span {
    top: 50%;
    transform: translateY(-50%);
}

button.menu-toggle.close-menu:before {
    transform: rotate(45deg);
    top: -3px;
}

button.menu-toggle.close-menu:after {
    transform: rotate(-45deg);
}

button.menu-toggle.close-menu span {
    opacity: 0;
}

button.menu-toggle:hover,
button.menu-toggle:active,
button.menu-toggle:focus {
    outline: none;
}

.toggled .menu-toggle .fa-bars,
.menu-toggle .fa-times {
    DISPLAY: NONE !important;
}

.toggled .menu-toggle .fa-times,
.menu-toggle .fa-bars {
    DISPLAY: INLINE-BLOCK !important;
}

.main-navigation li {
    display: block;
}

.main-navigation li ul li {
    border-bottom: none;
}

.main-navigation ul ul a {
    color: #024CAE;
    margin-right: -9px;
}

.main-navigation ul ul li {
    display: inline-block;
}


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

    ul#primary-menu {
        padding: 100px 20px 0 20px;
        width: 300px;
        -webkit-box-shadow: -6px 0px 33px -2px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: -6px 0px 33px -2px rgba(0, 0, 0, 0.75);
        box-shadow: -6px 0px 33px -2px rgba(0, 0, 0, 0.75);
        background-color: #f7f7f7f7;
        position: fixed;
        overflow-y: scroll;
        right: -400px;
        top: 0;
        height: 100vh;
        z-index: 999;
        text-align: left;
        display: block;
        transition: right 0.5s ease-out;

        -webkit-transition: right 0.5s ease-out;
    }

    .main-navigation ul > li {
        background-color: #fffffff7;
    }


    ul#primary-menu ul {
        text-align: left;
    }

    ul#primary-menu ul li {
        padding-left: 0;
        margin-bottom: 0;
    }

    ul#primary-menu ul li:last-child {
        padding-bottom: 0;
    }

    ul#primary-menu.open-menu {

        right: 0;
    }

    ul#primary-menu .main-navigation li {
        display: block;
        text-align: left;
        padding: 0 10px;

    }

    .main-navigation li a {
        display: block;
    }

    .main-navigation li ul.sub-menu {
        display: none;
    }

    .main-navigation li.show-sub-menu ul.sub-menu {
        display: block;
    }

    .main-navigation li ul li {
        display: block;
    }

    .main-navigation ul li.menu-item-has-children > a:after {
        margin-left: 6px;
        float: right;
    }

    .main-navigation ul li.menu-item-has-children.show-sub-menu > a:after {
        content: "\f106";
    }

    .site-content {}

    .main-navigation ul > li.social-icon {
        background: none;
    }

}


.main-navigation ul > li a {
    position: relative;
}

.mobdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    cursor: pointer;
    height: 100%;
    bottom: 0;
}

.main-navigation ul li ul.show {
    display: block;
}

.main-navigation ul li.menu-item-has-children a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    color: #004db4;
    margin-left: 3px;
    font-size: 18px;
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.main-navigation ul li.menu-item-has-children ul a:after {
    content: "";
}

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


    .main-navigation li {
        padding: 10px 7px;
        border-bottom: none;
        line-height: 1em;
    }

    .main-navigation li a {
        line-height: 1em;
    }

    .main-navigation ul ul li {
        display: block;
    }

    .main-navigation ul ul a {
        margin-right: 9px;
    }

    .main-navigation ul ul li {
        display: block;
    }

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }

    .main-navigation li {
        display: inline-block;
    }

    .main-navigation ul ul {
        float: left;
        position: absolute;
        top: 95%;
        left: -999em;
        z-index: 99999;
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        transition-duration: 0.3s;
        background-color: #f7f7f7f7;
        -webkit-box-shadow: -1px 2px 5px -1px rgba(0, 0, 0, 0.27);
        -moz-box-shadow: -1px 2px 5px -1px rgba(0, 0, 0, 0.27);
        box-shadow: -1px 2px 5px -1px rgba(0, 0, 0, 0.27);
    }

    .main-navigation ul ul a:hover::before,
    .main-navigation ul ul a:focus::before {
        opacity: 0;
    }

    .main-navigation ul > li:hover ul li a {
        opacity: 1;
    }

    .main-navigation ul ul li a:hover {
        color: #0598C9;
    }



    .main-navigation ul ul li {
        overflow: hidden;
        margin: 0;
        display: block;
        padding: 0;
    }

    .main-navigation ul > li:hover ul li {
        opacity: 1;
    }

    .main-navigation ul ul ul {
        left: -999em;
        top: 0;
    }

    .main-navigation ul ul a {
        width: 200px;
        padding: 5px 16px;
        line-height: 2em;
        display: block;
    }

    .main-navigation ul ul li {}

    .main-navigation li:hover > a,
    .main-navigation li.focus > a {}

    .main-navigation ul ul:hover > a,
    .main-navigation ul ul .focus > a {}

    .main-navigation ul ul a:hover,
    .main-navigation ul ul a.focus {}

    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        left: -7px;
        opacity: 1;
        transform: scale(1);
    }

    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
    }

    .main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a,
    .main-navigation .current_page_ancestor > a,
    .main-navigation .current-menu-ancestor > a {}
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation,
.entry-footer {
    width: 100%;
    margin: 1em auto;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu ul li {
    margin: 15px 15px 15px 0;
    padding: 0;
    display: inline-block;
}

.main-navigation li.current-menu-ancestor > a,
.main-navigation li.current-menu-parent > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation li.current-menu-item > a {
    color: #4d9cff;
}


.main-navigation li.social-icon a,
.social-icon a {
    background-color: #054CAE;
    color: #fff;
    border-radius: 20px;
    padding: 5px;
    width: 25px;
    display: block;
    text-align: center;
    line-height: 1em;
}

.social-icon a:hover {
    background-color: #00A8D9;
    color: #fff;
}

.main-navigation li.social-icon {
    padding: 5px 4px;
}

@media screen and (min-width: 1025px) {
    .main-navigation a {
           letter-spacing: 0.06em;
    }



}

@media screen and (max-width: 1025px) {
    .main-navigation ul > li {
        font-size: 13px;
    }
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

.widget-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget-area ul ul {
    margin: 0.5em 0 0 0.5em;
}

ul.list-portfolio {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

ul.list-portfolio li {
    margin-bottom: 15px;
}

h2.widget-title {
    font-size: 17px;
}



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


#main-header {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
align-items: center;
}

.site-branding {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}  

.main-navigation {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media (min-width: 768px) {

.site-branding {
 max-width: 150px;
}    
    
.main-navigation {
flex: 1;
    max-width: 100%;
}

    
}



#news .post {
    padding-bottom: 30px;
    border-bottom: solid 1px #151515;
    margin-bottom: 30px;
}

.site-content {
    min-height: 736px;
}

#main-header {
    padding: 15px;
}

.header-left i {
    padding-left: 5px;
}

.content-area,
.main-navigation ul ul li {
    text-align: left;
}


#page {
    overflow: hidden;
    margin: 0 auto;
}

.not-blank {
    padding: 0 15px;
}

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

.open-search.mobile {
    font-size: 26px;
    float: right;
    color: #564219;
}

#news .post {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.site-content {
    min-height: calc(100vh - 65px);
}

.header-right,
.header-right a,
.header-left,
.header-left a,
.site-footer,
.site-footer a {
    font-weight: 300;
}




.header-right a:hover,
.header-left a:hover,
.site-footer a:hover {
    text-decoration: none;
    color: #024CAE;
}

.header-left,
.site-header .header-right ul.menu {
    text-align: center;
}

.site-footer {
    background: #e6e6e6;
}

.site-footer {
    background: #001638;
    color: #fff;
}

.mobhead {
    padding-top: 15px;
}

.preheader .widget {
    margin: 0 0 0;
}

.search-mob {
    text-align: right;
    display: block;
    width: 100%;
}

.header-left p {
    font-size: 14px;
}


h1.site-title {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 27px;
    margin: 10px 0;
}

@media screen and (min-width:1025px) {
    h1.site-title {
        font-size: 34px;
    }
}

@media screen and (min-width:768px) {
    .open-search.mobile {
        display: none;
    }

    .header-left {
        text-align: left;
    }

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

    .hold-mast {
        min-height: 200px;
    }

    #masthead {
        top: -100px;
        transition: top 1s;
    }

    #masthead.scrolled .not-fixed {
        display: none;
    }

    #masthead.scrolled {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: #fff;
    }

    .admin-bar #masthead.scrolled {
        padding-top: 32px;
    }
}

.footer-sidebar .footer-widget {
    text-align: left;
}

.footer-sidebar .footer-widget h2 {
    font-size: 17px;
    line-height: 29px;
    color: #333333;
}

.site-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-right,
.header-left {
    font-size: 14px;
}

.site-header .header-right ul.menu li {
    display: inline-block;
}

.site-header .header-right ul.menu li {
    line-height: 1.5em;
    margin: 0.6em 0 0.6em 0.6em;
}

.row.no-margin {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.site-info {
    padding: 30px 15px;
    font-size: 12px;
    color: #aaaaaa;
}

.site-info a {
    color: #aaaaaa;
}

.site-info a:hover {
    color: #916bd6;
}

.site-footer {
    padding: 22px 15px 15px 15px;
        margin-top: 15px;
}

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

.site-footer a:hover,
.site-footer a:focus {
    color: #00A8D9;
}

@media screen and (min-width: 900px) {
    .footer-sidebar .footer-widget.footer-left {
        text-align: left;
    }

    .footer-sidebar .footer-widget.footer-centre {
        text-align: center;
    }

    .footer-sidebar .footer-widget.footer-right {
        text-align: right;
    }
}


.header-left p {
    margin-top: 0.6em;
}

.open-search {
    cursor: pointer;
}

#search-header {
    background-color: #0598C9e0;
    color: #fff;
    display: block;
    text-align: left;
    position: fixed;
    z-index: 99999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 10%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#search-header:after {
    content: "";
    display: block;
    clear: both;
}

.search-header-icons {
    font-size: 20px;
    padding: 5px 15px;
}

#search-header .search-icon {
    float: left;
    font-size: 40px;
    padding: 5px 15px;
    background-color: #fff;
    color: #0598C9;
    border-radius: 5px 0 0 5px;
    margin-right: -4px;
}

#search-header .close-icon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 36px;
}

#search-header .search-form {
    float: left;
}

#search-header .search-submit {
    display: none;
}

#search-header input[type="search"].search-field {
    background-color: transparent;
    color: #fff;
    border: none;
    outline: none;
    letter-spacing: 0.025em;
    display: block;
    /* text-align: center; */
    width: 100%;
    font-size: 34px;
    border: 2px solid #fff;
    padding: 7px 20px;
}

#search-header .search-form {
    width: calc(100% - 80px);
    float: left;
}

#search-header input[type="search"].search-field::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

#search-header input[type="search"].search-field::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

#search-header input[type="search"].search-field:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

#search-header input[type="search"].search-field:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}





/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.padded {
    padding: 30px;
}

.sticky {
    display: block;
}

.hentry {}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.entry-image img {
    display: block;
}

.entry-image {
    margin-bottom: 15px;
}

.excerpt .excerpt-copy {
    padding-bottom: 0;
    border-bottom: solid 6px #1F4C8D;
}

.read-more {
    display: block;
    margin-bottom: 15px;
}

.search-result {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #151515;
}

h1.portfolio-excert-header {
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
}

h1.portfolio-excert-header a:hover {
    text-decoration: underline;
}


#masonry:after {
    content: '';
    display: block;
    clear: both;
}

#masonry {
    position: relative;
    margin-bottom: 100px;
    max-width: 1560px;
    margin: 0 auto;
    max-width: 1366px;
}



#infinite-handle {

    padding: 15px;
    clear: both;
    display: table;
    WIDTH: 100%;
    text-align: center;
}

#post-list #infinite-handle span {
    background: #144CAE;
    border-radius: 1px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    padding: 10px 30px;
    font-family: 'futurabold', 'Open Sans', sans-serif;
    border-radius: 5px;
    letter-spacing: 0.04em;

}

.entry-meta {
    margin-bottom: 7px;
}

.entry-meta a {
    color: #151515;
    font-weight: lighter;
    font-size: 12px;
}


h1.excerpt-title {
    font-size: 22px;
    letter-spacing: 0.04em;
    margin-bottom: 7px;
}

h1.single-header {
    background-color: #004db4;
    color: #fff;
    text-align: left;
    padding: 15px 30px 10px 30px;
    margin: 0 -15px 15px -15px;
}


.page .single-entry {}

.single-image img {
    margin: 0 0 30px 0;

    max-height: 70vh;
    width: auto;
    max-width: 100%;

}

p {
    max-width: 800px;
}


.entry-image a img {
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


.entry-image a:hover img {

    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-animation: flicker-in 2s;
    -moz-animation: flicker-in 2s;
    -o-animation: flicker-in 2s;
    animation: flicker-in 2s;
    opacity: 0.75;
}

.boxgrid,
.socialgrid {
    margin: 0 auto;
    max-width: 1280px;
    padding: 15px 15px 0 15px;
}

.boxgrid4 {
    margin: 0 auto;
    padding: 15px 15px 0 15px;
}

.gridbox {
    background-color: #00A8D9;
    text-align: left;
    border-radius: 15px;
    -webkit-transition: background 2s ease;
    transition: background 2s ease;
    overflow: hidden;
    min-height: 270px;
    margin-bottom: 15px;
}



.gridbox-copy {
    padding: 13px 15px;
}

.gridbox-copy .sharedaddy {
    display: none;
}

.gridbox .gridbox-image a {
    width: 100%;
    display: block;
    text-align: center;
    overflow: hidden;
}

.gridbox .gridbox-image a img {
    -webkit-transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    display: block;
    width: 100%;
}

.gridbox:hover .gridbox-image a img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}


.boxgrid {}

.box-header {
    padding: 15px;
}

.gridbox h1 {
    font-size: 20px;
    letter-spacing: 0.05em;
    margin: 0;
}

.gridbox a,
.gridbox a:hover {
    color: #fff;
    text-decoration: none;
}

.gridbox p {
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    margin: 0;
}

a.gridbox-more {
    font-size: 10px;
    font-weight: 900;
    font-family: 'futurabold', 'Open Sans', sans-serif;
    letter-spacing: 0.1em;
    color: #fff;
}

a.gridbox-more:hover {
    color: #024CAE;
}

.post-date {
    font-weight: lighter;
    font-size: 12px;
    display: block;
}

.sd-sharing-enabled {
    padding: 15px 0;
    margin-top: 15px;
}

.widget ul li > a {

    font-family: 'futurabold', 'Open Sans', sans-serif;
}

.gridbox:hover {
    background-color: #00C5FF;
}

.social-box {
    background-color: #024CAE;
    text-align: left;
    border-radius: 10px;
    box-sizing: border-box;
    border: solid 2px #024CAE;
    overflow: hidden;
    margin-bottom: 15px;
}

.social-header {
    color: #fff;
    padding: 10px 15px;
}
.social-grid2 {
    margin: 30px 0;
}

.social-header a {
    color: #fff;
}

.social-header a:hover {
    color: #00A8D9;
}

.social-header h2 {
    color: #fff;
    margin: 0;

}

.social-content {
    background-color: #fff;
    display: block;
    min-height: 400px;
}


.mailing-content a {

    color: #00A8D9;
}

.mailing-content {
    padding: 15px;
    color: #fff;
    display: block;
    min-height: 400px;
}

.mailing-content label {
    margin-bottom: 5px;
    display: block;
}

.mailing-content .input[type="text"],
.mailing-content input[type="email"] {
    width: 100%;
}




.mailing-content button,
.mailing-content input[type="button"],
.mailing-content input[type="reset"],
.mailing-content input[type="submit"] {

    border: solid 2px #fff;
}

.smallprint p {
    font-size: 10px;
}

ul.related-posts {
    list-style: none;
    margin: 0 0 30px 15px;
    padding: 0;
}

ul.related-posts li > a {
    font-family: 'futurabold', 'Open Sans', sans-serif;
}




.mobile-header-image img {
    display: block;
}

.header-parallax-image h1.single-header {
    margin-bottom: 0
}

.post-image-parallax {
    margin-bottom: 30px;
}



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


    .mobile-header-image {
        display: none;
    }

    .post-image-parallax {
        display: block;
        width: 100%;
        background-position: center;
        background-size: cover;
        height: calc(100vh - 200px);
        background-attachment: fixed;
        margin-bottom: 30px;
        max-height: 600px;
    }

    .full-image-parallax {
        display: block;
        width: 100%;
        background-position: top center;
        background-size: contain;
        background-attachment: fixed;
        background-repeat: no-repeat;
    }

    .full-image-parallax img {
        opacity: 0;
        max-height: 100vh;
    }


    .home .post-image-parallax {
        height: 100vh;
    }

}

.directory-entry {
    max-width: 1600px;
    margin: 0 auto;
}

.business-image {
    text-align: center;
    background: #083173;
}

.business-image img {
    display: block;
    margin: 0 auto;
}

.businessmap {
    width: 100%;
    min-height: 500px;
}

.directorymap {
    width: 100%;
    min-height: 500px;
    height: calc(100vh - 200px);
    position: relative;
}

.map-wrapper #btnAction {
    position: absolute;
    bottom: 30px;
    left: 5px;
}

.map-wrapper {
    position: relative;
}

.business-info,
.businessmap {
    border-radius: 30px;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.17);
    margin-bottom: 30px;
}

h2.sectors-header {
    background-color: #114fa0;
    color: #fff;
    text-align: left;
    padding: 15px 20px 10px 20px;
    margin-bottom: 30px;
    font-size: 27px;
}

h2.sectors-header a,
.business-info a {
    color: #fff;
}

h2.sectors-header a:hover,
.business-info a:hover {
    color: #00A8D9;
}

h1.business-title {
    color: #fff;
    padding: 15px 20px;
    margin: 0;
}

.business-info {
    background-color: #024CAE;
    color: #fff;
}

.business-details {
    padding: 10px 20px 20px 20px;
}

ul.businessmeta {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.businessmeta li {
    list-style: none;
    margin: 10px 0;
    padding: 10px 0 0 0;
    border-top: solid 1px #ffffff30;
        display: flex;
    justify-content: flex-start;
}


ul.business-social {
    list-style: none;
    margin: 0;
    padding: 15px 0 10px 0;
    border-top: solid 1px #ffffff30;
}

ul.business-social li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline-block;
}

ul.businessmeta li .meta-label {
    width: 40px;
    display: inline-block;
    vertical-align: top;
}

.meta-content {display: inline-block;
vertical-align: top;
    max-width: calc(100% - 45px);
}



ul.business-social li a {
    background-color: #fff;
    color: #024CAE;
    padding: 5px;
    border-radius: 100%;
    width: 33px;
    display: block;
    text-align: center;
}

ul.business-social li a:hover {
    color: #00A8D9;
}

.meta-delivery {margin: 7px 0;}

ul.sector-list {
    color: grey;
}

ul.sector-list li{
    line-height: 30px;
    margin: 5px 0;
}

ul.sector-list li > a {
    font-family: 'futurabold', 'Open Sans', sans-serif;
    color: #00A8D9;
    font-size: 23px;
}

ul.sector-list li ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #024CAE;
}

ul.atoz-list {
    list-style: none;
    margin: 0 -7px;
    padding-left: 0;
display: flex;    
    flex-wrap: wrap;
}

ul.atoz-list li {
    padding: 7px;
    margin: 0;
}

ul.atoz-list li .delivery .bidicon {
    width: 30px;
    height: 30px;
}

.bidicon {
    display: inline-block;
    width: 30px;
    height: 22px;
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}

ul.atoz-list li .delivery .deliver-badge {
    padding: 5px;
    border-radius: 15px;
    background-color: #024CAE;
    display: inline-block;
    width: 30px;
    height: 30px;
    align-items: center;
    vertical-align: ceny;
    align-content: center;
    display: flex;
    justify-content: center;
    margin: 10px 10px 10px 0;
}

.backtoindex {
margin: 15px 0;
    padding: 15px 0;
    border-top: solid 1px #ccc;
    /* border-bottom: solid 1px #ccc; */
    display: block;
    font-weight: lighter;
}

ul.atoz-list li .delivery {
    display: flex;
    justify-content: flex-start;
}

ul.atoz-list li .delivery .deliver-badge .bidicon  {
    width: 20px;
    height: 20px;
    display: block;
}

ul.atoz-list li .delivery .deliver-badge i  {
font-size: 14px;
    color: #fff;
}

.bidicon.deliveroo {
    background-image: url(images/deliveroo.png);
}

.bidicon.ubereats {
    background-image: url(images/ubereats.png);
}
.bidicon.justeat {
    background-image: url(images/justeat.png);
}
.bidicon.cargo {
    background-image: url(images/bidcargo.png);
}

.atoz-item {
    display: flex;
    background-color: #fff;
        width: 100%;
}

.atoz-list .atoz-image {
    width: 100px; 
    
}
.atoz-list .atoz-image img {
    display: block;
}
.atoz-list .atoz-image {
    display: block;
}
.atoz-copy {
 padding: 10px; 
    
}

@media screen and (min-width: 512px) {
    .columns {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
    }
    

    
    
}

@media screen and (min-width: 768px) {
    .columns {
        -webkit-column-count: 3;
        /* Chrome, Safari, Opera */
        -moz-column-count: 3;
        /* Firefox */
        column-count: 3;
    }
ul.atoz-list li {
    flex: 0 0 50%;
    display: flex;
}   
    
}

@media screen and (min-width: 1280px) {
    .columns {
        -webkit-column-count: 4;
        /* Chrome, Safari, Opera */
        -moz-column-count: 4;
        /* Firefox */
        column-count: 4;
    }
ul.atoz-list li {
    flex: 0 0 33.333%;
    display: flex;
}     
}

@media screen and (min-width: 1440px) {
ul.atoz-list li {
    flex: 0 0 33.333%;
    display: flex;
}     
}


table {
    font-size: 17px;
    line-height: 1.5em;
    font-weight: 300;
    margin: 0 0 0.6em 0;
    letter-spacing: 0.01em;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

table tr th {
    padding: 7px 15px;
    border-bottom: solid 1px #ccc;
}

table tr td {
    padding: 7px 15px;
}

table tr:nth-child(odd) {
    background-color: #f0f7ff;
}

/* Style the tab */
.tab {
    overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
    background-color: #00A8D9;
    border-radius: 10px 10px 0 0;
    margin-right: 3px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #005AD1;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #024CAE;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 0;
    border-radius: 0 30px 30px 30px;
    border-top: none;
    overflow: hidden;
    background-color: #f7f7f7;
}

.tabcontent {
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */
}


.atoz-wrapper {
    padding: 30px;
    width: 100%;
    min-height: 500px;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.excerpt-copy {
    margin-bottom: 30px;
}

.list-accordion {padding: 30px 0;}

div.toggle:last-child {margin-bottom: 30px;}

.toggle-title {
    background-color: #00A8D9;
    color: #fff;
    text-align: left;
    padding: 15px 15px 10px 15px;
    margin: 0 0 2px 0;
    font-weight: 900;
    letter-spacing: 0.05em;
    font-size: 21px;
    cursor: pointer;
    position: relative;
    
}

.toggle-title:after {
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: solid 4px #fff;
    border-right: solid 4px #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 15px;
    right: 15px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
}

.active.toggle-title:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.toggle-content {
    padding: 15px;
    display: none;
}


.toggle-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.toggle-content ul li {
    list-style: none;
    margin: 0;
    padding: 5px;
}

.toggle-content ul li a {
    list-style: none;
    margin: 0;
    padding: 10px 15px;
    background-color: #0e74b2;
    border-radius: 5px;
    display: block;
    font-size: 21px;
    color: #fff;
    height: 100%;

}

.toggle-content ul li a:hover {
    background-color: #00A8D9;
    text-decoration: none;
}

.toggle-content ul li a:before {
    content: "\f56d";
    display: block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
}

.toggle-content ul li a i {
    font-size: 1.6em;
}


@media (min-width:768px) {
    .toggle-content ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .toggle-content ul li a {
        text-align: center;
    }

    .toggle-content ul li a:before {
        margin: 10px;
        color: #aae2f3;
        font-size: 32px;
    }
}

.wp-block-media-text {
    margin-bottom: 15px;
}

.responsive-table {
    max-width: 100%;
    overflow-x: auto;
}


.dealcard-image-background {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #024CAE;
    color: #fff;
    position: relative;
    padding: 20px 30px 20px 30px;
    display: block;
    min-height: 320px;
    margin-bottom: 30px;
}


.animated-header {
    width: 100%;
    max-width: 960px;
    color: #fff;
    margin: 0 auto;
}

h1.slide-title {
    color: #fff;
}

.slide-excerpt p {
    font-weight: normal;
}

.fadeIn,
.slideRight {
    visibility: hidden;
}

.slideRight.play-animation {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }

    50% {
        transform: translateX(8%);
    }

    65% {
        transform: translateX(-4%);
    }

    80% {
        transform: translateX(4%);
    }

    95% {
        transform: translateX(-2%);
    }

    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }

    50% {
        -webkit-transform: translateX(8%);
    }

    65% {
        -webkit-transform: translateX(-4%);
    }

    80% {
        -webkit-transform: translateX(4%);
    }

    95% {
        -webkit-transform: translateX(-2%);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}



.fadeIn.play-animation {
    animation-name: fadein;
    -webkit-animation-name: fadein;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.edit-link {

    position: FIXED;
    bottom: 0;
    left: 15px;
    background-color: #cccccc47;
    padding: 5PX 10PX;
    COLOR: #FFF;
    BORDER-RADIUS: 5PX 6PX 0 0;
}



.post-list { 
max-width: 1200px;
    margin: 0 auto;
    width: calc(100% - 30px);
}

.post-list h1.single-header {margin: 0 ;}

#post-list { 
    margin: 30px auto;
}

.filter-posts {
    
    background-color: #f5f5f5;

}


#filter-search #searchform {
    background-color: #e0e0e0;
    padding: 15px;
}


#filter-search #searchform:after {
    content: " ";
    display: table;
    clear: both;
}

#filter-search #searchform input {width: 100%; border-radius: 0;}
#filter-search #searchform input[type="submit"] {text-transform: uppercase;     font-size: 13px;}
#filter-search #searchform input[type="text"] {border:none; padding: 7px;}

.filer-module {padding: 15px;}


.filer-module .blog-link {
margin: 5px 0;
    border-bottom: 1px dashed #b9b9b9;
    cursor: pointer;

}
.filer-module .blog-link:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    margin-left: 3px;
    font-size: 14px;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	
}

.filer-module .blog-list {
    max-height: 0; 
    display: none;
    overflow: hidden;
    -webkit-transition: -webkit-transform 2s ease;
    transition: transform 2s ease;}

.filer-module:hover .blog-list, .filer-module:focus.blog-list, .filer-module .blog-list.active {
    max-height: 500px;}

.blog-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#post-list .list {
    padding-bottom: 30px;
     margin-bottom: 30px;
        border-bottom: 1px solid #004db4;
}

@media (min-width:768px) {
 #filter-search #searchform input[type="submit"] {width: 50%; float: left;}
#filter-search #searchform input[type="text"] {width: 50%; float: left;}   
    
    .filer-module .blog-list {position: absolute; top: calc(100% - 15px); left: 15px; background-color:  #f5f5f5; width: 100%; box-sizing: border-box; padding: 15px; z-index: 1;}    
}


.slide-meta .recurring-info-tooltip {display: none;}
.slide-meta .recurringinfo {display: inline-block;}

.wpcf7-list-item .wpcf7-list-item-label {font-weight: lighter; display: inline-block;}

.wp-block-button__link {
font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 20px;
    font-size: 21px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}

.wp-block-button__link:hover {
    box-shadow: 0 0 10px #005e98;
	text-decoration: none;
}

/*--------------------------------------------------------------
## Events Calendar
--------------------------------------------------------------*/


#tribe-events .tribe-events-button,
#tribe-events .tribe-events-button:hover,
#tribe_events_filters_wrapper input[type=submit],
.tribe-events-button,
.tribe-events-button.tribe-active:hover,
.tribe-events-button.tribe-inactive,
.tribe-events-button:hover,
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-],
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] > a {
    background-color: #00A8D9;
}

#tribe-bar-form .tribe-bar-submit input[type=submit] {
    background: #004db4;
}

.tribe-events-calendar thead th {
    background-color: #00A8D9;
}

.tribe-events-calendar div[id*=tribe-events-daynum-],
.tribe-events-calendar div[id*=tribe-events-daynum-] a {
    background-color: #83CEE3;
}

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-],
.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-] > a {
    background-color: #BEEAFD;

}

.tribe-events-pg-template h1.tribe-events-single-event-title,
.tribe-events-pg-template h1.tribe-events-page-title {
    background-color: #004db4;
    color: #fff;
    text-align: left;
    padding: 15px 15px 10px 15px;
    margin: 0;
}

.tribe-events-user-recurrence-toggle {
    margin: 15px 0
}


.tribe-events-list-separator-month {
    background-color: #004dbb;
    color: #fff;
}

.single-tribe_events .tribe-events-event-image {
    text-align: left;
}

.tribe-event-summary {
    width: 66.66%;
    clear: none;
    display: inline-block;
    box-sizing: border-box;
}

#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
    font-weight: bold;
}

#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-].cat_markets h3.tribe-events-month-event-title a {
    font-weight: normal;
    color: #00A8D9;
}

.tribe-events-calendar th {
    color: #fff;
}

#tribe-events-content .tribe-events-calendar td,
#tribe-events-content table.tribe-events-calendar {
    border: 1px solid #126a84;
}


.tribe-events-list .type-tribe_events {
    border-bottom: 1px solid #004db4;
}

#tribe-events-pg-template, .tribe-events-pg-template {
    width: calc(100% - 30px);
}

.single-tribe_events .tribe-events-schedule .recurringinfo  {
    margin-left: 10px;
    font-size: 0.8em;
}


@media (min-width:768px) {
.single-tribe_events .tribe-events-event-image {
    width: 50%;
    float: LEFT;
    padding-right: 15PX;
    box-sizing: border-box;
}

.single-tribe_events .tribe-events-content {
     width: 50%;
    float: LEFT;
    padding-left: 15PX;    
}
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#comments {
    margin: 30px 0;
    padding: 30px 0;
    border-top: solid 6px #1F4C8D;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

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


/*--------------------------------------------------------------
## Cycle-slideshow
--------------------------------------------------------------*/

.newsslider {
    background-color: #024CAE;
    color: #fff;
    position: relative;
    padding: 20px 30px 20px 30px;
    display: block;
    min-height: 320px;
    margin-bottom: 15px;
}

.newsslider:after {
    content: " ";
    display: table;
    clear: both;
}

.slide-image {
    padding-bottom: 30px;
}

@media (min-width:768px) {

    .slide-image {
        padding-bottom: 0;
    }

    .newsslider {
        background-image: url(images/lion-bg.svg);
        background-size: 33.333%;
        background-repeat: no-repeat;
        background-position: bottom right;

    }
}








.newsslider p {
    font-weight: 400;
}

.slide-meta {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 15px;
}

.newsslider .cycle-slideshow {
    width: 100%;
    max-width: 960px;
}

.newsslider a,
.newsslider h1 a {
    color: #fff;
}

.newsslider a.read-more {
    font-weight: 900;
    font-family: 'futurabold', 'Open Sans', sans-serif;
    letter-spacing: 0.1em;
}

.newsslider a.read-more:hover {
    text-decoration: none;
    color: #009DC5;
}

.cycle-slideshow img {
    width: 100%;
    height: auto
}


.cycle-slideshow img {
    width: 100%;
    height: auto
}

/* slideshow images (for most of the demos, these are the actual "slides") */
.business-slider .cycle-slideshow img {
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block;
}

/* in case script does not load */
.business-slider .cycle-slideshow img:first-child {
    position: static;
    z-index: 100;
}

.business-slider #adv-custom-page:after,
.business-slider:after {
    content: " ";
    display: table;
    clear: both;
}

.business-slider {
    background: #0c4796;
}

.business-slider #adv-custom-pager {
    margin-bottom: 0;
}

.business-slider #adv-custom-pager img {
    margin: 0;
    padding: 0;
    float: left;
}

.cycle-slideshow,
.cycle-slideshow * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cycle-slideshow {
    width: 100%;
    margin: auto;
    padding: 0;
}

/* anchors */
.cycle-slideshow > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block;
}

/* images */
.cycle-slideshow img {
max-width: 100%;
    position: static;
    display: block;
    max-height: 250px;
    width: auto;
    margin: 0 auto;
}




/* divs */
.cycle-slideshow > div.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
}

#adv-custom-pager {
    margin-bottom: 30px;
    margin: 1px;
}

#adv-custom-pager a {
    display: block;
    margin: 1px;
    height: 60px;
    float: left;
}

#adv-custom-pager img {
    max-height: 100%;
    display: block;
}

.news-pager {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.news-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}

.news-pager span {
    font-size: 50px;
    width: 16px;
    height: 16px;
    margin: 0 3px;
    display: inline-block;
    color: #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.news-pager span.cycle-pager-active {
    color: #009DC5;
}

.news-pager > * {
    cursor: pointer;
}


.newsslider .newsnav {
    opacity: 0;
    z-index: 99;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.newsslider:hover .newsnav {
    opacity: 1;
}

.next,
.prev {
    display: block;
}

.newsnav {
    width: 60px;
    height: 60px;
    background-color: #001638;
    position: absolute;
    top: calc(50% - 30px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}

.newsnav:hover {
    background-color: #009DC5;
}

.next {
    right: 0;
    background-image: url(images/right.svg);
}

.prev {
    left: 0;
    background-image: url(images/left.svg);
}

.newsslider .slide {
    opacity: 0;
}
@media (min-height:768px) {


    .cycle-slideshow .slide-image img,
    .slide-image img {
        max-height: calc(100vh - 354px);
        width: auto;
        margin: 0 auto;
	  /* min-height: 280px;	*/	
    }
    .newsslider {
        background-size: contain;
    }	

}




/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/




.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
    display: block;
}


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

.shop {
    padding: 30px;
}


h2.woocommerce-loop-product__title {
    color: #444;
}

.single-product-woo {
    text-align: left;
}

.woocommerce .myaccount_user a,
.woocommerce .button,
.woocommerce-page .button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce-page input[type="submit"]:not(.qode_search_field),
.woocommerce input[type="submit"]:not(.qode_search_field),
.woocommerce ul.products li.product .added_to_cart,
.woocommerce .select2-container .select2-choice .select2-arrow .select2-arrow:after,
.woocommerce-page .select2-container .select2-choice .select2-arrow:after,
.woocommerce-checkout .form-row #billing_country_chzn.chzn-container-single .chzn-single div b:before,
.woocommerce-checkout .form-row #shipping_country_chzn.chzn-container-single .chzn-single div b:before,
.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b:before,
.woocommerce-account .form-row .chosen-container-single .chosen-single div b:before,
.woocommerce-checkout .chosen-container .chosen-results li.active-result.highlighted,
.woocommerce-account .chosen-container .chosen-results li.active-result.highlighted,
.woocommerce ul.products li.product span.product-title:hover,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce div.product .summary p.price span.amount,
.woocommerce.single-product button.single_add_to_cart_button:hover,
.woocommerce .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce div.product div.product_meta > span span,
.woocommerce div.product div.product_meta > span a,
.woocommerce .star-rating,
.woocommerce-page .star-rating,
.woocommerce div.cart-collaterals div.cart_totals table tr.order-total strong span.amount,
.woocommerce-page div.cart-collaterals div.cart_totals table tr.order-total strong span.amount,
.woocommerce div.cart-collaterals div.cart_totals table tr.order-total strong,
.woocommerce form.checkout table.shop_table tfoot tr.order-total th,
.woocommerce form.checkout table.shop_table tfoot tr.order-total td span.amount,
.woocommerce aside ul.product_list_widget li > a:hover,
aside ul.product-categories li > a:hover,
.woocommerce aside ul.product_list_widget li span.amount,
aside ul.product_list_widget li span.amount,
.woocommerce .widget_shopping_cart_content p.buttons a.button,
.woocommerce aside .widget ul.product-categories a:hover,
aside .widget ul.product-categories a:hover,
.woocommerce-page aside .widget ul.product-categories a:hover,
.woocommerce aside.sidebar .woocommerce.widget ul.product-categories ul.children li a:hover,
aside ul.product-categories ul.children li a:hover,
.woocommerce-page aside.sidebar .woocommerce.widget ul.product-categories ul.children li a:hover,
.woocommerce aside.sidebar .woocommerce.widget ul.product-categories a:hover,
aside ul.product-categories a:hover,
.woocommerce-page aside.sidebar .woocommerce.widget ul.product-categories li a:hover,
.woocommerce .widget_shopping_cart_content .total .amount,
.woocommerce-page .widget_shopping_cart_content .total .amount,
.woocommerce .select2-results li.select2-highlighted,
.woocommerce-page .select2-results li.select2-highlighted,
.woocommerce .product .woocommerce-product-rating .woocommerce-review-link:hover,
.shopping_cart_header .header_cart:hover i,
.shopping_cart_dropdown ul li a:hover,
.shopping_cart_dropdown span.total span,
.woocommerce .product .woocommerce-product-rating .woocommerce-review-link:hover,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #A11917;
}

.woocommerce .button:hover,
.woocommerce-page .button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce #submit:hover,
.woocommerce ul.products li.product a.qbutton:hover,
.woocommerce-page ul.products li.product a.qbutton:hover,
.woocommerce ul.products li.product .added_to_cart:hover,
.woocommerce-page input[type="submit"]:not(.qode_search_field):hover,
.woocommerce input[type="submit"]:not(.qode_search_field):hover,
.woocommerce .product .onsale.out-of-stock-button,
.woocommerce.single-product button.single_add_to_cart_button,
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .quantity .minus:hover,
.woocommerce #content .quantity .minus:hover,
.woocommerce-page .quantity .minus:hover,
.woocommerce-page #content .quantity .minus:hover,
.woocommerce .quantity .plus:hover,
.woocommerce #content .quantity .plus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page #content .quantity .plus:hover,
.woocommerce .checkout-opener-text {
    background-color: #A11917;
}

.woocommerce .button,
.woocommerce-page .button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce-page input[type="submit"]:not(.qode_search_field),
.woocommerce input[type="submit"]:not(.qode_search_field),
.woocommerce.single-product button.single_add_to_cart_button:hover,
.woocommerce .quantity .minus:hover,
.woocommerce #content .quantity .minus:hover,
.woocommerce-page .quantity .minus:hover,
.woocommerce-page #content .quantity .minus:hover,
.woocommerce .quantity .plus:hover,
.woocommerce #content .quantity .plus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page #content .quantity .plus:hover {
    border-color: #A11917;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt .woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 3px;
    text-transform: uppercase;
    border: solid 2px #A11917;
    background-color: #fff;
    color: #A11917;
    letter-spacing: 1px;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active {
    background-color: #A11917;
    color: #fff;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-weight: normal;
}

.woocommerce ul.products li.product .price {
    font-weight: 600;
    font-size: 1em;
}

.woocommerce ul.products li.product a img {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.woocommerce ul.products li.product a img:hover {
    opacity: 0.8;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #fff;
    border: solid 1px #e6e6e6;
    padding: 15px;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.22);
    box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.22);
}

.meta-label {
    font-weight: bold;
    text-transform: uppercase;
}

.woocommerce .product .onsale.out-of-stock-button {
    display: none;
}

.woocommerce ul.products li.product .image-wrapper img {
    width: initial;
}

.woocommerce ul.products li.product .image-wrapper {
    min-height: 300px;
}

.woocommerce ul.products li.product .top-product-section {
    padding: 15px 15px 0 15px;
}

.meta-info {
    padding: 5px 7px;
    font-weight: bold;
}

dl.product-addon-totals {
    margin-bottom: 1em;
    overflow: hidden;
    font-size: 26px;
    line-height: 36px;
}

.document-icon .title {
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    min-height: 20px;
}

.document-gallery .document-icon {
    display: inline-block;
    vertical-align: baseline;
}

.woocommerce-LoopProduct-link {
    display: block;
    overflow: hidden;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #414141;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #d3ced2;
}

.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
    clear: initial;
}

@media screen and (min-width: 768px) {
    .wc-tabs-wrapper {
        float: right;
        width: 48%;
        box-sizing: border-box;
    }
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fefbf9;
    border-bottom-color: #fefbf9;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {}

h1.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    margin-bottom: 2px;
    letter-spacing: 1px;
    font-size: 28px;
    font-weight: bold;
}

.woocommerce form .form-row label {
    line-height: 1.5;
}

.sku_wrapper,
.posted_in,
.tagged_as {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.sku_wrapper span,
.posted_in a,
.tagged_as a {
    font-weight: 300;
    text-transform: initial;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #F4E7D3;
    border-color: #F4E7D3;
    color: #fff;
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    padding: 8px;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin: 0 -5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
    list-style: none;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.woocommerce-cart table.cart td.actions .coupon #coupon_code {
    width: 120px;
    height: 40px;
    line-height: 40px;
}

#customer_details {
    text-align: left;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
}

section.up-sells {
    clear: both;
}


/*--------------------------------------------------------------
## Style updates to be rolled out
--------------------------------------------------------------*/
.page-template-page-v3-home #page, 
.page-template-page-v3-projects #page, 
.page-template-page-v3-blank #page, 
.page-template-page-v3-blank2 #page, 
.page-template-page-v3-blank3 #page, 
.page-template-page-v3-dealcard #page, 
.page-template-page-v3-news #page, 
.page-template-page-v3-news-archive #page   
{max-width: 1600px; padding: 15px 30px;}
.page-template-page-v3-home #main-header,
.page-template-page-v3-projects #main-header,
.page-template-page-v3-blank #main-header,
.page-template-page-v3-blank2 #main-header,
.page-template-page-v3-blank3 #main-header,
.page-template-page-v3-dealcard #main-header,
.page-template-page-v3-news #main-header,
.page-template-page-v3-news-archive #main-header
{
    padding: 15px 0 30px 0;
}
.homeslider-title {
    padding: 30px;
    max-width: 960px;
}

.borderradius {
        border-radius: 10px;
}

.animated-header .row  {
    align-items: center;
    align-items: center;
}

.bbb-image-parallax {
  background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    border-radius: 10px;
}

.bbb-image-parallax .bbb-header {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 43, 78, 0.1);
    width:100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #000;
    padding: 30px;
    text-align: left;
}
.homeslider-title h1,
.bbb-image-parallax h1.bbb-heading,
.homeslider-title p {
    color: #fff;
}

@media (min-width:992px) {

.homeslider {position: relative;
    
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px
    }

.homeslider-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 43, 78, 0.3);
    width:100%;
    height: 100%;
    display: flex;
        align-items: center;
    color: #000;
}






 

.image-wrap, .bbb-image-parallax {
  width: 100%;
  min-height: 60vh;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}




.image-wrap img {
  width: 100%;
  animation: move 30s ease;
  /* Add infinite to loop. */
  
  -ms-animation: move 30s ease;
  -webkit-animation: move 30s ease;
  -0-animation: move 30s ease;
  -moz-animation: move 30s ease;
  position: absolute;
}

    
}

@media (min-width: 1280px){
.bbb-image-parallax  h1.bbb-heading,
.homeslider-title h1 {
    font-size: 46px;
}
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    
    -o-transform: scale(1.2);
    /* Opera */
    
    -moz-transform: scale(1.2);
    /* Firefox */
  }
}



.attatchedposts .bbbox { 
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
      position: relative;
    margin-bottom: 30px;
}

h1.bbbox-title {
    font-size: 21px;
    letter-spacing: 0.05em;
    margin: 0;
}

a.bbbox-more {
    border: solid 2px #fff;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
    font-family: 'futurabold', 'Open Sans', sans-serif;
    border-radius: 5px;
    letter-spacing: 0.08em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
margin: 7px 0;
    display: inline-block;
}
a.bbbox-read-more {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
  
    font-family: 'futurabold', 'Open Sans', sans-serif;
    display: inline-block;
}
.bbbsingle-image img  {
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
    max-height: 70vh;
    width: auto;
    border-radius: 10px;
    display: block;
}


.bbbox img {
    display: block;
}
.bbbox .bbbox-content {
        background-color: #00A8D9;
    flex: 1;
        border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;    
}
.bbbox:hover .bbbox-content {
        background-color: #267fe2
}
.bbbox .bbbox-copy {

    color: #fff;
    text-align: center;
    padding: 15px;
}
.bbbox .bbbox-copy a {
       color: #fff; 
}

.bbbox  .sharedaddy {display: none;}



.bbgrid .bbitem { 
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
      position: relative;
    margin-bottom: 30px;
}

.bbgrid .bbitem  { 
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.bbbox-excerpt p {
    font-size: 14px;
}

.bbgrid .bbitem > div {
    flex: 1;
        border-radius: 10px;
    overflow: hidden;  
}

@media (min-width: 400px) {
    
    .bbgrid .bbitem {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media (min-width: 992px) {
    
.bbgrid .bbitem {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
    

}

@media (min-width: 1280px) {
    
    .bbbox .bbbox-copy {
    padding: 15px;
}

     
    
}

.bbbcontained {margin: 60px auto; max-width: 800px;}
.attatchedposts {
    justify-content: center;
}

.bbb-header-projects {
    text-align: center;
    margin: 60px 0;
}
/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 992px) {
    .hide-desktop {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .hide-mobile {
        display: none;
    }
}

.row.nomargin,
.nomargin {
    margin-left: 0;
    margin-right: 0;
}

.maxed,
.row.nomargin.maxed,
.nomargin.maxed {
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

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

    .maxed,
    .row.nomargin.maxed,
    .nomargin.maxed {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }

}