/*------------------------------------------------------------------------------------------------------------*/

/*  THEME NAME: lamontdesign benchpress
/*  VERSION: 2.5.1
/*  LEVEL: LAMONTDESIGN
/*  AUTHOR: LAMONTDESIGN LTD
/*--------------------------------------------------------------------------------------------------------------*/

/* typography */

/* placeholder styles for input elements */

::-webkit-input-placeholder {
    color: #808080;
    opacity: 1;
}

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

::-ms-placeholder {
    color: #808080;
    opacity: 1;
}

::placeholder {
    color: #808080;
    opacity: 1;
}


* {
    font-family: 'Ubuntu', sans-serif;
    font-variant-ligatures: none;
}

p,
ul,
ol {
    display: block;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 0;
    width: 100%;
}

p,
ul,
ol,
td,
th,
address,
dl,
code,
caption,
label {
    font-size: 1.6em;
    line-height: 1.8em;
    font-weight: 300;
    color: #000;

}

p code {
    font-size: 100%;
}

code,
p > code,
li > code,
dd > code,
td > code {
    background: #eee;
    padding: 0 5px 2px;
    border-radius: 4px;
    position: relative;
    top: -1px;
    margin: 0 3px 0 1px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

input,
textarea,
select {
    font-size: 1.6em;
    color: #fff !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 1.1em;
    font-weight: 300;
    width: 100%;
    clear: both;
    font-family: 'Lobster Two', cursive;
    color: #7C7C7C;
}


/* only apply em-based margins for typed content - this stops us having to override the margins in too many places when trying to line up other text. */

.content p {
    margin-top: 1em;
    margin-bottom: 2em;
    /*padding-left: 50px;
    padding-right: 50px;*/
}

/* Alan - added proportional content header margins  */

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    margin-bottom: .4em;
    margin-top: .83em;
    line-height: 1.2em;
}


/* margin overrides where the text element is the first element in the container - this stops excessive space at the top of a content area */

.content h1:first-child,
.content h2:first-child,
.content h3:first-child,
.content h4:first-child,
.content h5:first-child,
.content h6:first-child,
.content p:first-child {
    margin-top: 0;
}

h1 {
    font-size: 4.2em;
}

h2 {
    font-size: 4.2em;
}

h3,
.widgettitle {
    /* helps with wordpress, keeps widget titles consistent */
    font-size: 3em;
}

.widgettitle {
    margin-top: 0;
}

h4 {
    font-size: 2.2em;
}

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

a,
input {
    -webkit-transition: color .25s ease, background-color .25s ease, opacity .25s ease;
    transition: color .25s ease, background-color .25s ease, opacity .25s ease;
}

a {
    text-decoration: none;
    outline: none;
    border: 0;
}

a:hover {
    outline: 0;
}

ul,
ol {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    text-align: left;
    width: auto;
}

ul ul,
ol ol,
ul ol,
ol ul {
    display: block;
}

.text-center ul,
.text-center ol {
    margin: 0 auto 20px auto;
}

li {
    margin: 0;
    padding: 0;
}

ul ul,
ol ol,
ul ol,
ol ul,
ul.sidebar
/*kill off inheriting font sizes on uls and lis */

    {
    font-size: 100%;
    margin: 0;
}

main ol {
    list-style: decimal;
    padding-left: 20px;
}

main ul {
    list-style: disc;
    padding-left: 20px;
}

small {
    font-size: 80%;
}

blockquote {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 2em;
    line-height: 1.4em;
    font-weight: normal;
    font-style: italic;
}

blockquote p,
p blockquote
/* just incase */

    {
    font-size: 100%;
}

td,
th {
    padding: 10px 15px;
    text-align: left;
    vertical-align: top;
}


/*** end typography ***/

a {
    color: #BCC6A1;
}

a:hover,
a:active,
a:focus {
    color: #000;
}


/* buttons & controls */

.stnd-btn,
.big-buttons a {
    padding: 15px 40px;
    display: inline-block;
    color: #BCC6A1;
    -webkit-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease;
    background: #BCC6A1;
    font-size: 2.4em;
    font-weight: 300;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}

.stnd-btn:hover,
.big-buttons a:hover {
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
}

input,
textarea,
select {
    border: 1px solid #fff;
    color: #333;
    background: #CFD4C2;
}

input[type=submit],
button {
    background: #94A000;
    color: #fff;
    font-size: 1.6em;
    width: auto;
    padding: 20px;
    margin: 0 auto;
    float: none;
    display: block;
    min-width: 235px;
    text-transform: uppercase;
    border: none;
}

/*label
{
    font-size: 1.4em;
}*/

/* end of buttons & controls */

/** main nav styles **/

header .widget_nav_menu {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    /* stop the nav menu shrinking; instead other header elements should shrink. avoids nav menu breaking onto 2 lines */
}

header .widget_nav_menu .menu {
    display: block;
    position: relative;
    margin: 0;
    list-style-type: none;
    padding: 0;
    text-align: center;
    /* alignment of child <li>s */
}

header .widget_nav_menu .menu li {
    display: inline-block;
    position: relative;
}

header .widget_nav_menu .menu li a {
    /* color: #fff; */
    white-space: nowrap;
}
header .widget_nav_menu .menu .Orange-upper a:hover
{
    color: rgba(188, 198, 161, 0.3);
}
header .widget_nav_menu a,
header .widget_nav_menu .nav-stub-span {
    /* top level link styles */
    color: #fff;
    font-size: 2em;
    padding: 0 20px;
    text-align: left;
    line-height: 2em;
    display: block;
    font-weight: 100;
}

header .widget_nav_menu a:hover,
header .widget_nav_menu a:active,
header .widget_nav_menu a:focus,
header .widget_nav_menu .nav-stub-span:hover,
header .widget_nav_menu .nav-stub-span:active,
header .widget_nav_menu .nav-stub-span:focus {
    /* hover state for top level navigation link */
    color: rgba(255, 255, 255, 0.3);
}

header .widget_nav_menu li.current-menu-item > a,
header .widget_nav_menu li.current-page-ancestor > a,
header .widget_nav_menu li.current-menu-item > .nav-stub-span,
header .widget_nav_menu li.current-page-ancestor > .nav-stub-span {
    /* currently active top level navigation link */
    color: rgba(255, 255, 255, 0.3);
}

header .widget_nav_menu .children {
    font-size: 100%;
}

header .widget_nav_menu .children a {
    color: #7C7C7C !important;
    background: #fff;
    font-size: 16px;
    line-height: 1.8em;
    text-align: left;
    padding: 5px 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

header .widget_nav_menu .children li:last-child a {
    border-bottom: none;
}

header .widget_nav_menu .children a:hover,
header .widget_nav_menu .children a:active,
header .widget_nav_menu .children a:focus {
    /* hover state for child level navigation link */
    color: #4D4D4D;
}

header .widget_nav_menu .children li.current-menu-item a,
header .widget_nav_menu .children li.current-page-ancestor a {
    /* active navigation child link */
    color: #4D4D4D;
}

header .widget_nav_menu .children {
    /* flyout subnav */
    background-color: transparent;
}

#header-top .widget_popup_button {
    -webkit-flex-grow: 0;
    flex-grow: 0;
}


/* header top bar sidebar styles */

#header-top-bar .widget {
    padding-top: 0;
    padding-bottom: 0;
}

#header-top-bar .widget_nav_menu a {
    font-size: 1.4em;
    padding: 5px 10px;
}

#header-top-bar .widget_nav_menu .menu .current-menu-item a,
#header-top-bar .widget_nav_menu .menu .current-page-ancestor a,
    {
    color: #fff;
}

#header-top-bar .widget_nav_menu .menu a:hover,
#header-top-bar .widget_nav_menu .menu a:focus {
    color: #94A000;
}

#header-top-bar a,
#header-top-bar p {
    color: #fff;
}

#header-top-bar p {
    margin-bottom: 0;
}


/* end of header top bar styles */

/* styles for fixed header on desktop */

/* note, you may want to pad the top of the main div to allow space for content to display that this would otherwise overlap */

/* note2, this won't work on mobile as expected and will be shonky at best. override at mobile screen sizes. */

#header-top-bar-wrapper.fixed {
    position: fixed;
    z-index: 100;
    /*height: 175px;*/
    top: 0;
    /*-webkit-transition: opacity .2s ease, height .2s ease;
    transition: opacity .2s ease, height .2s ease;*/
    backface-visibility: hidden;
}

.logged-in #header-top-bar-wrapper.fixed {
    top: 32px;
}

.fixed #header-top-bar {
    overflow: hidden;
    /*height: 63px;*/
    -webkit-transition: height .2s ease;
    transition: height .2s ease;
}

#header-top-bar .row {
    padding-top: 0;
    padding-bottom: 0;
}

.fixed #header-top .widget.logo img {
    -webkit-transition: max-width .2s ease;
    transition: max-width .2s ease;
}

.fixed.scrolled #header-top-bar {
    height: 0;
}

.fixed.scrolled #header-top .widget.logo img {
    max-width: 120px;
}


/* fade out the header when it gets the closed class. the closed class is added by javascript after the user has scrolled down enough and after a 1s timeout. */

/*#header-top-bar-wrapper.fixed.closed
{
    opacity: 0;
}*/

body {
    /*   padding-top: 43px;*/
}


/* */

/** mobile navigation colours */

.mob-nav-wrapper > ul.menu {
    font-size: 1.4em;
}

.mob-nav-wrapper a,
.mob-nav-wrapper .nav-stub-span {
    line-height: 1.6em;
    color: #000;
    border-bottom: 1px solid #BCC6A1;
    padding: 10px 20px 10px 20px;
}

.mob-nav-wrapper .children a {
    padding-left: 40px;
    background-color: #BCC6A1;
}


/** end of mobile navigation colours */

/** end of header navigation */

/* main elements */

#header-mobile-bar {
    background: #fff;
}

#header-mobile-bar .hamburger-menu {
    background: #fff;
}

#header-mobile-bar .hamburger-menu span {
    background: #BCC6A1;
}

#header-top-bar {
    background: #fff;
}

#header-top {
    background: #fff;
    z-index: 2;
}

.no-header-images #header-top,
.header-images-disabled #header-top {
    position: relative;
    /* avoid issues with overlapping the content when there are no header images */
    background: #fff;
    /* background with low opacity & no background image below it can wash out the nav link colours, fix that here and provide more contrast */
}

main {
    /*padding-bottom: 50px;*/
    /* to space back to top link that pokes up from the footer */
    background: #fff;
}

.header-images-disabled main,
.no-header-images main {
    /* pad the top of main if there are no header images */
    padding-top: 150px;
}

footer {
    /*padding-top: 35px;*/
    /* for the footer "back to top" button */
    background: #fff;
    z-index: 4;
}

footer p {
    color: #7C7C7C;
}

footer a {
    color: #7C7C7C;
}

footer a:hover,
footer a:focus,
footer a:active {
    color: #BCC6A1;
}

footer .widgettitle,
footer h5 {
    color: #7C7C7C;
}


/*footer .sidebar-footer
{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
footer .sidebar-footer .widget
{
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}
*/

footer .sidebar-footer .widget:not(.widget_content),
footer .sidebar-footer-top .widget:not(.widget_content) {
    text-align: center;
}

#copyright {
    border-top: solid 1px rgba(124, 124, 124, 0.3);
    max-width: 1240px;
    margin: auto;
}

#copyright p {
    margin: 0;
    font-size: 1.2em;
}

#copyright a {
    /*color: #fff;*/
}


/*******/

/* front page columns content */

.front-cont-cols {
    text-align: center;
}


/* height for header slider */

.ld-fadey-slider {
    /* initial dimensions of slider */
    height: 600px;
    min-height: 340px;
    height: calc(70vh - 43px);
    /* % of viewport height */
    /*background-attachment : fixed;*/
    /* uncomment when you want to fix the header image (i.e doesn't move with scroll) */
}

.logged-in .ld-fadey-slider {
    height: calc(70vh - 75px);
}

/*
    sized sliders - set these to pixels or use vh units for the different sizes.
    NOTE: if using vh, include a height declaration in px before it as a fallback for old browsers.
*/

.ld-fadey-slider.slider-size-full {
    height: 800px;
    height: calc(100vh - 43px);
    /* when using vh, include a normal height fallback on the previous line for older browsers. */
}

.logged-in .ld-fadey-slider.slider-size-full {
    height: calc(100vh - 75px);
}

.ld-fadey-slider.slider-size-large {
    height: 600px;
}

.ld-fadey-slider.slider-size-med {
    height: 555px;
}

.ld-fadey-slider.slider-size-small {
    height: 180px;
    min-height: 180px;
}

/* end of header slider height declarations


/* left / right buttons for h-slider and header image slider */

.ld-fadey-slider-nav {
    height: 50px;
    width: 50px;
    background: url(assets/images/elements/arrow.png) no-repeat center center;
    bottom: 300px;
    opacity: 0.7;
}

.ld-fadey-slider-nav:hover {
    opacity: 1;
}

.h-slider-nav {
    /* nav for featured sliders */
}

.ld-fadey-slider-nav:hover,
.h-slider-nav:hover {
    /*background : rgba(0,0,0,.6);*/
}

.ld-fadey-slider-nav.next,
.h-slider-next {
    right: 20px;
}

.ld-fadey-slider-nav.prev,
.h-slider-prev {
    left: 20px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


/* tab nav - can be set to display: none; */

.ld-fadey-slider-tabs li a,
.h-slider-tabs li a {
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    width: 10px;
    height: 10px;
}

.ld-fadey-slider-tabs li.ld-fadey-slider-tab-here a,
.h-slider-tabs li.slider_here a {
    background: rgba(255, 255, 255, 1);
}


/* head / scroll down button */

.head-btn {
    display: block;
    background: url(assets/images/elements/down-arrow.png) no-repeat center center;
    margin: 20px auto;
    width: 70px;
    height: 70px;
    -webkit-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease;
    top: -90px;
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0;
}

.ld_popover__close {
    /* close button for the LD Popover */
    background-color: #94A000;
}

.head-btn:hover,
.back-to-top-btn:hover,
.head-btn:focus,
.back-to-top-btn:focus,
.ld_popover_close:focus,
.ld_popover_close:focus,
.widget.subnav .hamburger-menu:hover {
    /* hover state for back to top, popover close & scroll down buttons */
}

.back-to-top-btn {
    position: relative;
    -webkit-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%);
    z-index: 10;
    margin: 0 auto;
    margin-bottom: -40px;
}


/* big gallery button */

.big-gallery {
    overflow: hidden;
}

.big-gallery .row {
    height: auto;
    min-height: 0;
}

.big-gallery__btn {
    font-size: 1.6em;
    background: #fff;
    border: 1px solid #000;
}

.big-gallery__btn:hover,
.big-gallery__btn:focus {
    /* hover state for gallery button */
}

.big-gallery-title {
    color: #7C7C7C;
    text-transform: lowercase;
    margin-top: 80px;
    margin-bottom: 40px;
}

.big-gallery img {
    width: 100%;
}


/* styles for google recaptcha box */

.g-recaptcha {
    margin-bottom: 20px;
}


/* header slider caption styling */

.caption-wrapper {
    background: transparent;
}

.caption-wrapper .caption {
    display: table;
    width: 100%;
    height: 100%;
}

.caption-inner {
    vertical-align: top;
    display: table-cell;
    height: 300px;
}

.caption-wrapper .caption-link a {
    padding: 15px 40px;
    width: auto;
    display: inline-block;
    background: rgba(255, 255, 255, .6);
    -webkit-transition: background .25s ease;
    transition: background .25s ease;
    font-weight: 100;
    color: #7C7C7C;
    font-size: 0.8em;
    text-shadow: none;
}

.caption-wrapper .caption-link a:hover,
.caption-wrapper .caption-link a:focus {
    background: rgba(255, 255, 255, .8);
}

.caption-wrapper .caption-title,
.caption-wrapper .caption-text,
.caption-wrapper .caption-link {
    text-shadow: 0 0 3px rgba(0, 0, 0, .6);
    color: #fff;
    padding-top: 10px;
    margin-bottom: 10px;
}

.caption-title {
    font-size: 6em;
}

/* end of caption styling */

/* styles for featured items & posts */

.post {
    box-shadow: 0 0 10px rgba(149, 152, 138, 0.25);
    display: block;
    /*-webkit-transition : box-shadow .25s ease;
    transition         : box-shadow .25s ease;*/
}


/* for posts, grow the box shadow when hovered */

.post:hover,
.post:focus {
    /*box-shadow : 0 0 10px rgba(149, 152, 138, .5);*/
}


/* alternate styling where the image of the post will darken on hover */

.post .thumb {
    position: relative;
}

.post .thumb::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.post:hover .thumb::after,
.post:focus .thumb::after {
    opacity: .1;
}


/* feature styles */

.feature {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: block;
    height: 100%;
    /* make features the same height */
    /*-webkit-transition : box-shadow .25s ease;
    transition         : box-shadow .25s ease;*/
}


/* alternate styling where the image of the feature will darken on hover */

.feature .thumb {
    position: relative;
}

.feature .thumb::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.feature:hover .thumb::after,
.feature:focus .thumb::after {
    opacity: .1;
}

.feature .fea-btn {
    width: 56px;
    height: 56px;
    display: block;
    position: absolute;
    z-index: 2;
    background: url(assets/images/elements/arrow-colour.png) no-repeat center center #fff;
    border-radius: 50%;
    box-shadow: 0 0 11px rgba(0, 0, 0, .4);
    top: -28px;
    left: 50%;
    margin-left: -28px;
}

.feature .desc {
    position: relative;
    padding: 40px 0 15px 0;
    text-align: center;
}

.feature__title,
.post__title {
    height: 70px;
    /* 2 lines min height - 2 x line height of element, in px */
    width: 100%;
    display: table;
    margin-bottom: 5px;
}

.feature__description,
.post__description {
    height: 118px;
    /* 2 lines min height - 2 x line height of element, in px */
    width: 100%;
    display: table;
    margin-bottom: 20px;
}

.feature__title h3,
.post__title h3,
.feature__description p,
.post__description p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    /* vertically center text */
}


/* posts */

.blog-post {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog-post .desc {
    position: relative;
    padding: 20px;
}

.blog-post .thumb {}

.blog-post .thumb img {
    width: 100%;
}


/*.blog-post .thumb
{

}
.blog-post .desc
{

}*/

.blog-post .post__category-label {
    position: absolute;
    height: 1.8em;
    line-height: 1.8em;
    padding: 0 20px;
    background: #BCC6A1;
    z-index: 2;
    font-size: 1.6em;
    left: 0;
    top: 0;
    font-family: 'Lobster Two', cursive;
    color: #fff;
}


/* alternate post & feature styling (full width, thumb 1/3rd and desc 2/3rds) */

/* currently this will only take place while the viewport is wider than 600px, after that it will default
to standard over / under layout to avoid getting too squashed */

@media all and (min-width: 600px) {
    .alt-posts .blog-post {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        display: block;
    }
    .alt-posts .post,
    .alt-features .feature {
        -webkit-display: flex;
        display: flex;
        flex-wrap: nowrap;
    }
    .alt-posts .post {
        border-top: 1px solid #94A000;
        padding-top: 20px;
        box-shadow: none;
    }
    .alt-posts .blog-post:first-child .post {
        border-top: none;
        padding-top: 0;
    }
    .alt-posts .blog-post .thumb {
        -webkit-flex: 1 1 33.3333%;
        flex: 1 1 33.3333%;
    }
    .alt-posts .blog-post .desc {
        -webkit-flex: 1 1 66.6666%;
        flex: 1 1 66.6666%;
        margin-left: 20px;
        border: 1px solid #95989A;
    }
    .alt-features .desc,
    .alt-features .thumb {
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
    }
    .alt-features .desc {
        padding: 20px 20px 20px 40px;
    }
    .alt-posts .post__category-label {
        position: static;
        width: auto;
        display: inline-block;
        margin-bottom: 50px;
    }
    .alt-features .fea-btn {
        top: 50%;
        margin-top: -28px;
        left: -28px;
        margin-left: 0;
    }
    .alt-features .col {
        /* default alt-features to a 50% width to prevent them growing too much when the screen is full width */
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
}

@media all and (max-width:1200px) and (min-width:600px) {
    /* make alt-features full width but only under 1200px width and above 600px width.
    this prevents them getting too big, but overrides the default 50% width when they can grow comfortably. */
    .alt-features .col {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
}


/* end of posts */

/* styling for previous / next buttons on posts and pages and listings */

.post-controls {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px 0;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.post-controls p {
    margin: 0;
}

.post-controls a {
    text-transform: uppercase;
    position: relative;
    overflow: visible;
}

.post-controls a span {
    background: url(assets/images/elements/arrow-colour.png) no-repeat center center;
    display: block;
    width: 15px;
    height: 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    background-size: 100%;
}

.post-controls .prev-post {
    text-align: left;
}

.post-controls .next-post {
    text-align: right;
}

.post-controls .next-post a {
    padding-right: 40px;
}

.post-controls .next-post a span {
    right: 0;
}

.post-controls .prev-post a {
    padding-left: 40px;
}

.post-controls .prev-post a span {
    transform: rotate(-180deg);
    left: 0;
}

.post-controls .home-link a {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-indent: 999px;
    overflow: hidden;
    background-color: #BCC6A1;
    background-image: linear-gradient(90deg, #fff 50%, transparent 50%), linear-gradient(#fff 50%, transparent 50%);
    background-size: 10px 10px;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

.post-controls .home-link a:hover {
    background-color: #808080;
}

.blog-listing__load-more-btn {
    text-align: center;
}

.blog-listing__load-more-btn a {
    padding: 20px 40px;
    display: inline-block;
    border: 1px solid #94A000;
    color: #94A000;
    -webkit-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease;
}

.blog-listing__load-more-btn a:hover {
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
}


/* end of styling for previous / next buttons on posts and pages and listings */

/* styles for the hamburger menu when used as a toggle for the sibling navigation in pages or category navigation */

.widget.subnav {
    text-align: center;
    max-width: 320px;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}

.widget.subnav li a {
    border-bottom: 1px solid #243417;
    padding: 15px 20px;
    text-align: center;
}

.widget.subnav li a:hover,
.widget.subnav .current_page_item a {
    color: #808080
}

.widget.subnav .hamburger-menu {
    background: #BCC6A1;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .3);
    margin-top: 20px;
    margin-bottom: 10px;
}

.widget.subnav .hamburger-menu span {
    background: #fff;
}


/* end of styles for the hamburger menu when used as a toggle for the sibling navigation in pages or category navigation */

/* popover styling */

.ld_popover__inner {}


/* forms used in popover boxes */

.ld_popover form {
    max-width: 100%;
    padding: 20px 7%;
}

.ld_popover input[type=text],
.ld_popover input[type=search],
.ld_popover input[type=email] {
    /*float         : none;*/
    display: block;
    width: 100%;
    height: auto;
    border: none;
    border-bottom: 2px solid #95989A;
    font-size: 5em;
    padding: 10px 20px;
    text-align: center;
    color: #000;
    background: #fff;
    margin-bottom: 40px;
    font-weight: 300;
    text-transform: lowercase;
}

.ld_popover input[type=search],
.ld_popover input[name=s],
.ld_popover .searchform input[type=text] {
    background: url(assets/images/elements/search@2x.png) no-repeat 0 22px;
    padding: 10px 40px;
    background-size: 40px;
}

.ld_popover input[type=submit] {
    float: none;
    /*display  : block;*/
    width: auto;
    height: auto;
    padding: 20px 40px;
    display: inline-block;
    border: 1px solid #94A000;
    color: #94A000;
    background: #fff;
}


/* */

/* mobile header  */

.sidebar-header-mobile {
    padding: 15px;
    height: 90px;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-header-mobile .mobile-nav-btn {
    text-align: right;
    height: auto;
}

.sidebar-header-mobile .logo img {
    width: auto;
    max-height: 50px;
}

.gmap iframe {
    margin: 0 auto;
    width: 100%;
    /* make google maps full width */
}


/* center social icons when displayed using the shortcode */

.social_links {
    text-align: center;
}


/**/

/* contact form styles */

.contact_form label {
    display: none;
}

.contact_form textarea {
    min-width: 100%;
}


/* end of contact form styles */

/* google map iframe styles - remove 20px margin when it's in a widget */

.widget .gmap iframe {
    margin: 0;
}


/* end of google map iframe styles */

/* styles for the flow flow social plugin */

#ff-stream-1 .ff-header h1,
#ff-stream-1 .ff-header h2 {
    text-align: center;
    text-transform: none;
    font-size: 4em;
    margin: 0 !important;
}

#ff-stream-1.ff-stream {
    /*padding-top: 70px;*/
    /*margin-top: 30px;*/
}

.ff-item-cont {
    padding: 0;
}

.picture-item__inner.picture-item__inner--transition {
    padding: 0 !important;
}

.ff-img-holder.ff-no-margin.ff-img-loaded {
    margin-bottom: 0;
}

.ff-item h4 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.ff-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.ff-item-meta {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}


/* background of the loader squares */

#ff-stream-1 li,
#ff-stream-1-slideshow li,
#ff-stream-1 .ff-square {
    background: #94a000 !important;
}


/* end of flow flow social plugin styles */

/* fancybox3 close button background */

.ld_fancybox_close {
    background: #fff;
    display: block;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 125%);
    z-index: 50;
    position: absolute;
    color: #BCC6A1;
    text-transform: uppercase;
    text-align: center;
    font-size: 2em;
    cursor: pointer;
    padding: 15px 40px;
}

.social_links ul.social {
    text-align: center;
    margin: 0;
}

/* ADDITIONS */

.green-wrap .feature {
    background: #fff;
}
.page-privacy-cookies .hero-title-wrapper.wrapper.empty-hero-title {
    display: none;
}
.fancybox-caption
{
    font-size: 2em;
}
.fancybox-caption-wrap
{
    background: transparent;
}
.main-con a
{
    color: #fff;
}
.main-con a:hover
{
    color: #3f3f3f;
}
.widget.widget_content.head-contact {
    padding: 90px 10px 0 10px !important;
}
.head-contact p
{
    font-size: 2em;
    font-family: 'Oswald', sans-serif;
    color: #7C7C7C;
}
.head-contact span
{
    color: #BCC6A1;
}
.head-contact a
{
    color: #7C7C7C;
    font-family: 'Oswald', sans-serif;
}
.head-contact a:hover
{
    color: #BCC6A1;
}
.hero-message p {
    color: #434343;
}

.big-gallery.very-wide.no-row-padding.row {
    padding-bottom: 10px;
}

.front-cont-cols .front-cont-title {
    color: #BCC6A1;
    margin-bottom: 30px;
    font-size: 2.6em;

}

.front-cont-cols .front-cont-content p {
    color: #7C7C7C;
    margin-bottom: 0;
    font-size: 1.5em;
}

.footer-seo-content.big-buttons a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.readmore-fea {
    background: #fff;

}

.readmore-fea h4 {
    color: #BCC6A1;
    font-family: 'Oswald', sans-serif;
    margin: 0;
    font-size: 1.8em;
    padding-top: 15px;
}

.hero-title {
    font-family: 'Ubuntu', sans-serif;
    color: #7C7C7C;
    margin-bottom: 0;
    font-weight: 400;
}

.row.top-con {
    padding-bottom: 60px;
}

.social-tab-foot {}

#footer-top p::after {
    content: "";
    width: 60px;
    height: 5px;
    background: #BCC6A1;
    display: block;
    position: absolute;
    margin-top: 35px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.wrapper.google-map-wrapper {
    height: 400px;
}

.map-overlay {
    background-color: rgba(188, 198, 161, 0.8);
    z-index: 2;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.map-overlay .map-text {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    font-family: 'Oswald', sans-serif;
    font-size: 5em;
    text-align: center;
}

.comments textarea {
    min-width: 100%;
}

.commentlist.clearfix {
    font-size: 80%;
}

.contact-form-content-wrapper.wrapper .col.span-1-2 {
    position: relative;
}


.contact-form-header {
    margin-bottom: 30px !important;
    font-size: 3.2e;
}

.contact-form-content-wrapper.wrapper {
    padding-bottom: 20px;
    background: #fff;
    padding-top: 70px;
}

.wrapper.contact-form-wrapper {

    padding: 60px 0;
}

.wrapper.contact-form-wrapper::before {
    background: url(assets/images/elements/white-circle-flair.png) no-repeat center center;
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -60px;
    z-index: 2;
}

 input[type="submit"] {
    background: url(assets/images/elements/contact-arrow-flair.png) #BCC6A1 no-repeat calc(100% - 10px) center;
    padding: 15px;
    float: left;
    font-weight: 100;
    font-family: 'Oswald', sans-serif;
    font-size: 2.4em;
}


.contact-form-content-wrapper p {
    font-size: 1.4em;
    color: #808080;
}

.contact-form-content-wrapper h4 {
    font-size: 3.2em;
}

.blog-slider a:hover {
    color: #BCC6A1;
}

.wrapper.blog-listing {
    padding-bottom: 100px;
}


.big-gallery-fp-overlay.text-center {
    position: relative;
}

.big-gallery.very-wide.no-row-padding.row {
    max-width: 1780px;
}

.big-gallery-fp-overlay.text-center {
    position: relative;
}


.frontpage .top-con p {
    font-size: 1.8em;
    ;
}

.fancybox-dotted-nav li {
    width: 15px;
    height: 15px;
}

.main-con {
    background: #BCC6A1;
    padding: 60px 0;

}

.main-con .row.wide {
    margin: 50px auto 60px auto;
}

.row.wide.hero-message.top-con {
    text-align: center;
    padding-top: 0;
}

.main-con h1,
.main-con h2,
.main-con h3,
.main-con h4,
.main-con h5,
.main-con h6 {
    color: #fff;
}

.top-con p {
    font-size: 1.8em;
}


#footer-top {
    padding-bottom: 30px;
    padding-top: 90px;
}

.footer-btm .orange-upper {
    padding-top: 25px;
}

#footer .orange-upper a {
    color: #BCC6A1;
    text-transform: uppercase;
    font-size: 1.6em;
}

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

.social_links.social-small.social-inverted {
    transform: scale(0.8);
}

.social-small .social li a {
    width: 40px;
    height: 40px;
}

#footer {
    border-top: solid 1px rgba(255, 255, 255, 0.3);
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}

#footer * {
    margin-bottom: 0;
}

#footer .social_links ul.social {
    text-align: right;
}

#commentform #submit {
    background: #BCC6A1;
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 40px;
}

.footer-seo-content.big-buttons p {
    margin-bottom: 60px;
    color: #fff;
}

.footer-seo-content.big-buttons h3 {
    margin-bottom: 20px;
    font-size: 3.7em;
    color: #BCC6A1;
}


footer h1,
footer h2,
footer h3,
footer h4,
footer a,
footer p {
    color: #7C7C7C;

}

footer h2 {
    font-size: 3.5em;
}

footer h2 a {
    font-family: 'Lobster Two', cursive;
}

.sidebar.sidebar-footer-top {
    text-align: center;
}

.row.very-wide.footer-seo-content.big-buttons {
    position: relative;
}

.wrapper.foot-cont {
    background: #7C7C7C;

}

.wrapper.foot-cont {
    z-index: 5;
    padding: 30px 0 10px 0;
}

.wrapper.foot-cont::before {
    background: url(assets/images/elements/green-circle-flair.png) no-repeat center center;
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -60px;
    z-index: 2;
}

.front-blog-btn {
    top: 20px;
    font-size: 1.4em;
}

.hero-title-wrapper.wrapper {
    padding-top: 60px;
    padding-bottom: 10px;
}

.hero-title-wrapper.wrapper {
    background: #fff;
    text-align: center;
}

.page-contact .hero-title-wrapper.wrapper {
    background: #CFD4C2;
    padding-top: 40px;
    padding-bottom: 30px;
}

.page-contact .hero-title-wrapper.wrapper .hero-title {
    color: #fff;
    font-weight: 100;
}

.front-col-wrapp {
    padding: 30px 0;
}


header .widget_nav_menu .menu .Orange-upper a {
    color: #BCC6A1;
    text-transform: uppercase;
}

.feature__description p,
.post__description p {
    font-size: 1.3em;
}

.feature:hover .arrow-flair {
    /*background-color: #EDEDED;
    border: 1px #EDEDED solid;*/
}

.feature .arrow-flair {
    background-color: #E6E6E6;
    border: none;
    display: block;
    position: absolute;
    z-index: 4;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 4;
}

.arrow-flair {
    width: 50px;
    height: 50px;
    background-color: #fff;

    display: block;
    position: relative;
    font-size: 0;
    font-size: 0;
}



.feature .desc,
.post .desc {
    background: #fff;
}

.green-wrap {
    background: #BCC6A1;
    padding: 30px 10px;
}

.fea-wrap-title {
    text-align: center;
    color: #fff;
    font-size: 4em;
    margin-bottom: 25px;
}

.feature__title h3,
.post__title h3 {
    font-size: 2.6em;
    color: #7C7C7C;
}

.ld-fadey-slider-tabs {
    bottom: 60px;
}

#menu_main-nav .sub-menu.children.children-wrapper {
    padding-top: 20px;
}

.sub-menu.children.children-wrapper:hover {
    cursor: pointer;
}

header .widget_nav_menu .children-inner {
    font-size: 100%;
    box-shadow: 0px 0px 15px -1px rgba(00, 00, 00, 0.4);
    min-width: 160px;
    top: 115%;
}

header .widget_nav_menu .children li:last-child a {
    border-bottom: none;
}

header .widget_nav_menu .children li:last-of-type a {
    padding-bottom: 20px;
}

header .widget_nav_menu .children li:first-of-type a {
    padding-top: 20px;
}

header .widget_nav_menu .children::after {

    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 9px 5px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    left: 0;
    top: 11px;
    transition: border .25s ease;
    transform: translateX(300%);

}

header .widget_nav_menu .menu > li:last-of-type::after {
    display: none;
}

#header-top .widget.widget_logo.logo {
    padding-top: 50px;
    padding-bottom: 20px;
}

#header-top .widget.widget_nav_menu {
    background: #7C7C7C;
}

.sidebar.sidebar-header {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#header-top .sidebar-header li {
    flex-basis: 33.333%;
    -webkit-flex-basis: 33.333%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

input,
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.mob-nav-wrapper .dropdown {
    right: 10px;
}

.ff-theme-classic.ff-style-4 .ff-item-meta {
    border-top: none !important;
}

.ld_popover__wrapper {
    top: 90px;
}

.logged-in .ld_popover__wrapper {
    top: 112px;
}

input[type="submit"] {
    -webkit-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease;
}

input[type="submit"]:hover {
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
}



/* woocommerce styles */

/* product elements */

.product .thumb {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.product .desc {
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.product .thumb img {
    visibility: hidden;
}

.product a {
    display: block;
    position: relative;
}

.product .desc {
    padding-bottom: 20px;
}

/* department menu in shop archive */

ul.sidebar-departments {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.6em;
    width: 100%;
}

ul.sidebar-departments li {
    list-style: none;
    display: block;
    margin-bottom: 2px;
}

ul.sidebar-departments li a {
    display: block;
    width: 100%;
    padding: 10px 20px;
    color: #94A000;
    text-align: left;
}

/* single product page - gallery has wierd margins. */

.woocommerce-product-gallery__wrapper {
    margin: 0;
}

.woocommerce-product-gallery__wrapper a,
.woocommerce-product-gallery__wrapper img {
    display: block;
}

.woocommerce .product-footer-content h3 {
    font-size: 3em;
}

.post-type-product .woocommerce-Price-amount.amount {
    color: #94A000;
}

/* breadcrumbs style */

.breadcrumbs p {
    margin: 0;
}

/* override for blue buttons on woocommerce */

html .woocommerce #respond input#submit.disabled,
html .woocommerce #respond input#submit:disabled,
html .woocommerce #respond input#submit:disabled[disabled],
html .woocommerce a.button.disabled,
html .woocommerce a.button:disabled,
html .woocommerce a.button:disabled[disabled],
html .woocommerce button.button.disabled,
html .woocommerce button.button:disabled,
html .woocommerce button.button:disabled[disabled],
html .woocommerce input.button.disabled,
html .woocommerce input.button:disabled,
html .woocommerce input.button:disabled[disabled] {
    display: none;
}

html .woocommerce table.shop_table tbody th,
html .woocommerce table.shop_table tfoot td,
html .woocommerce table.shop_table tfoot th,
html .woocommerce table.shop_table td,
html .woocommerce table.shop_table {
    border: none;
    border-radius: 0;
}

/* checkout forms reset (tripping over myself...) */

.woocommerce p.form-row,
.woocommerce .woocommerce-shipping-calculator p {
    font-size: 100%;
}

.woocommerce p.form-row label {
    text-align: left;
    font-size: 1.4em;
}

html .woocommerce td,
html .woocommerce th {
    font-size: 1.8em;
    color: #94A000;
}

html .woocommerce td input,
html .woocommerce th input,
html .woocommerce td select,
html .woocommerce th select,
html .woocommerce td textarea,
html .woocommerce th textarea {
    font-size: 100%;
}

html .woocommerce .woocommerce-cart-form table.shop_table th {
    background: #94A000;
    color: #fff;
    padding: 10px;
    font-weight: normal;
    font-size: 2.4em;
}

html .woocommerce .cart_totals table.shop_table th {
    text-align: right;
    font-weight: normal;
}

html .woocommerce #respond input#submit.alt,
html .woocommerce a.button.alt,
html .woocommerce button.button.alt,
html .woocommerce input.button.alt {
    font-size: 2.4em;
    padding: 10px 20px;
    text-align: center;
    background: #94A000;
}

html .woocommerce #respond input#submit.alt:hover,
html .woocommerce a.button.alt:hover,
html .woocommerce button.button.alt:hover,
html .woocommerce input.button.alt:hover {
    background: #94A000;
}

/* load more button */

.woocommerce .products .load-more a {
    font-size: 2em;
    padding: 10px 20px;
    text-align: center;
    min-width: 150px;
    color: #fff;
}

.wc-proceed-to-checkout {
    text-align: right;
}


/* new in product flash */

.product-flash {
    position: absolute;
    right: -10px;
    top: 10px;
    background: #94A000;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 1.5em;
}

.fp-featured-products .product-flash {
    display: none;
}

/* search icon */

.search-icon {
    /*font-size    : 50px;*/
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 3px solid #fff;
    position: relative;
    border-radius: 50%;
    color: transparent;
    /*text-indent  : 100%;
    white-space  : nowrap;
    overflow     : hidden;*/
}

.search-icon::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: -10px;
    bottom: -5px;
    border-width: 0;
    background: #fff;
    width: 15px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* frontpage bottom features //Alan */
.frontpage-bottom-features
{
    background: #BCC6A1;
    padding-bottom: 30px;
    padding-top: 20px;
    display: none;
}
.frontpage-bottom-features .featured-section-title h2
{
    color: #fff;
    text-transform: lowercase;
    font-size: 4em;
}
.frontpage-bottom-features .feature .desc
{
    border: 30px solid #C5CDAD;
}
.frontpage-bottom-features .feature .thumb
{
    width: calc(100% + 60px);
    margin-left: -30px;
}
/* end frontpage bottom features //Alan */

/* custom additions before this line */

/* RESPONSIVE RULES */

@media all and (max-width: 1280px) {
    /* first breakpoint to tidy up anything too big */
}

@media all and (max-width: 980px) {
    /* second breakpoint for tablet in portrait mode */
    /* remove padding top from body since the fixed header will be hidden at this point */
    .caption-wrapper .caption {
        padding: 20px;
    }
    .frontpage .wrapper.foot-cont::before {
        display: none;
    }

    body,
    body.logged-in {
        padding-top: 0;
    }

    /* remove left / right buttons on header, add in tabbed nav */
    .ld-fadey-slider-nav {
        display: none;
    }
    /* change font sizes down */
    h2,
    h3 {
        font-size: 2.4em;
    }
    h4 {
        font-size: 2em;
    }
    .caption-title {
        font-size: 4em;
    }
    .caption-text,
    .caption-link {
        font-size: 2em;
    }
    .ld-fadey-slider {
        /*height: calc(100vh - 210px);*/
        /* % of viewport height */
        /*min-height: 300px;*/
        /* absolute height we don't want it to go below */
    }
    .caption-inner {
        height: 260px;
    }
    /* responsive rules for post controls to stop them stacking wierdly */
    main .post-controls .span-1-3 {
        -webkit-flex-basis: 33.3333%;
        -moz-flex-basis: 33.3333%;
        -ms-flex-basis: 33.3333%;
        -o-flex-basis: 33.3333%;
        flex-basis: 33.3333%;
        flex-grow: 1;
    }
    main .post-controls .span-1-3 p {
        padding: 0;
    }
    .wrap.span-1-3.home-link {
        -webkit-flex-basis: 40px;
        -moz-flex-basis: 40px;
        -ms-flex-basis: 40px;
        -o-flex-basis: 40px;
        flex-basis: 40px;
    }
    /* end of responsive rules for post controls to stop them stacking wierdly */
    /* responsive styles for flowflow plugin */
    #ff-stream-1 .ff-item,
    #ff-stream-1 .shuffle__sizer {
        max-width: 100% !important;
    }
    #ff-stream-1 .ff-theme-classic .ff-item img {
        height: auto !important;
    }
    #ff-stream-1 .ff-stream-wrapper .ff-item:nth-child(n+3) {
        display: none;
    }
    #ff-stream-1 .ff-stream-wrapper.show-all .ff-item:nth-child(n+3) {
        display: block;
    }
    #ff-stream-1 .ff-stream-wrapper .ff-item {
        text-align: left;
        float: none;
        position: relative !important;
        transform: none !important;
        width: 100%;
    }
    #ff-stream-1.ff-stream {
        min-height: 0 !important;
    }
    #ff-stream-1 .ff-stream-wrapper {
        height: auto !important;
    }
    .ff-stream-more-button.stnd-btn {
        /* styles for "more" button */
    }
    /* end of responsive styles for flowflow plugin */
    #header-top-bar-wrapper.fixed {
        /* override fixed positioning for mobile to avoid shonkyness. Also remove any padding added to <main> for the fixed positioning. */
        position: relative;
        height: auto;
    }
    body {
        padding-top: 0;
    }
    .span-1-6 {
        -webkit-flex-basis: 16.6666%;
        -moz-flex-basis: 16.6666%;
        -ms-flex-basis: 16.6666%;
        -o-flex-basis: 16.6666%;
        flex-basis: 16.6666%;
    }


}

@media all and (max-width: 800px) {
    .span-1-6 {
        -webkit-flex-basis: 33.3333%;
        -moz-flex-basis: 33.3333%;
        -ms-flex-basis: 33.3333%;
        -o-flex-basis: 33.3333%;
        flex-basis: 33.3333%;
    }
    .footer-gallery-img.col.span-1-6:nth-child(n+10) {
        display: none;
    }

}

@media all and (max-width: 650px) {
    /* intermediate breakpoint between tablet in portrait and phone in portrait */
    /* change font sizes down */
    .ld-fadey-slider-tabs {
        bottom: 80px;
    }
    h1 {
        font-size: 3em;
    }
    .caption-title {
        font-size: 3.4em;
    }
    .caption-text,
    .caption-link {
        font-size: 1.8em;
    }
    #footer .row.very-wide ul {
        text-align: center;
    }

    .blog-fea-cont {
        font-size: 1.4em;
    }
    .blog-fea-title {
        font-size: 2.4em;
    }

    .blog-fea-cont {
        font-size: 1.4em;
    }
    .blog-fea-title {
        font-size: 2.4em;
    }
}

@media all and (max-width: 500px) {
    /* breakpoint for phone in portrait */
    #copyright p,
    #copyright p.text-right {
        text-align: center;
    }

    .span-1-6 {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        -o-flex-basis: 50%;
        flex-basis: 50%;
    }
    .footer-gallery-img.col.span-1-6:nth-child(n+7) {
        display: none;
    }

}

@media all and (max-width: 400px) {}

/* END OF RESPONSIVE RULES */