/*

Theme Name: RBM

Theme URI: http://www.almostanything.com.au

Description: Responsive starting point

Version: 2016

Author: Almost Anything Web and Graphic Design

Author URI: http://www.almostanything.com.au

*/



/*

 * RELATIVE EMS: target/context=result

 * So if you want a 24px heading, and the parent element is 15px, you need to specify 1.6ems

 * ie 24/15=1.6

 * Got it yet Stu?

 * Similarly with widths. Elements will be a %age or their parent.

 *

 * THIS IS A MOBILE-FIRST STYLESHEET

 * If you're styling for the desktop you are editing the WRONG FILE

 * Go back, do not pass Go, do not collect $200

 */



/* Resets, Globals */



html {

    -moz-box-sizing:border-box;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

}



    *, *::before, *::after {

        box-sizing: inherit;

    }



div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,button,p,table,blockquote,th,td {

    margin:0;

    padding:0;

    line-height:inherit;

}



    dl,ul,ol,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,table {

        margin:1em 0;

    }



        h1,h2,h3,h4,h5,h6 {

            margin:1em 0 .5em;

            line-height:1.2;

        }



            h1 {

                margin:0 0 .5em;

                font-weight:  100;

                font-size:  1.8em;

            }



                .site_title {

                    margin:0;

                }



table {

    border-collapse:collapse;

    border-spacing:0;

}



address,caption,cite,code,dfn,var {

    font-style:normal;

    font-weight:normal;

}

 

caption,th {

    text-align:left;

}



sup {

    vertical-align:text-top;

}



sub {

    vertical-align:text-bottom;

}



input,textarea,select {

    font-family:inherit;

    font-size:inherit;

    font-weight:inherit;

    padding:0 .4em;

}





/* Clearfix */

    

.clearfix::after, header>nav::after {

    content:"";

    display:block;

    clear:both;

}





/* Styles to support our JS scrollbar width calculations */

.scrollbar_measure {

    width: 100px;

    height: 100px;

    overflow: scroll;

    position: absolute;

    top: -9999px;

}





/* Accessibility (skip links, screen reader text) */



.screen-reader-text, .skiplink {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;

}



    .skiplink:focus, .screen-reader-text:focus {

        font-weight:bold;

        background:#eee;

        box-shadow:0 0 10px rgba(0,0,0,0.25);

        top:0;

        left:0;

        float:left;

        width: auto;

        height: auto;

        z-index:9999;

        display:block;

        position:fixed;

        z-index: 100000; /* Above WP toolbar. */

        padding:.5em .75em;

        clip: auto !important;

    }





/* Utilities */



/* General layout */



.u-fullwidth {

    width:100% !important;

}





/* Flexbox */



.u-flex {

    display:-ms-flexbox !important;

    display:-webkit-flex !important;

    display:flex !important;

}



    .u-flex--between {

        -ms-flex-pack: justify !important;

        -webkit-justify-content: space-between !important;

        justify-content: space-between !important;

    }



    .u-flex--around {

        -ms-flex-pack: distribute !important;

        -webkit-justify-content: space-around !important;

        justify-content: space-around !important;

    }



    .u-flex--center {

        -ms-flex-pack: center !important;

        -webkit-justify-content: center !important;

        justify-content: center !important;

    }



    .u-flex--end {

        -ms-flex-pack: end !important;

        -webkit-justify-content: flex-end !important;

        justify-content: flex-end !important;

    }



        @media (max-width:750px) {

            .u-flex--end\@m {

                -ms-flex-pack: end !important;

                -webkit-justify-content: flex-end !important;

                justify-content: flex-end !important;

            }

        }



    .u-flex--column {

        -ms-flex-direction:column !important;

        -webkit-flex-direction:column !important;

        flex-direction:column !important;

    }



        @media (max-width:500px) {

            .u-flex--column\@s {

                -ms-flex-direction:column !important;

                -webkit-flex-direction:column !important;

                flex-direction:column !important;

            }

        }



        @media (max-width:750px) {

            .u-flex--column\@m {

                -ms-flex-direction:column !important;

                -webkit-flex-direction:column !important;

                flex-direction:column !important;

            }

        }



        @media (max-width:1000px) {

            .u-flex--column\@l {

                -ms-flex-direction:column !important;

                -webkit-flex-direction:column !important;

                flex-direction:column !important;

            }

        }





/* Text */



/* Intended for intro sentences and similar */

.u-standout-text {

    font-size:1.2em !important;

}



/* Alignment */



.u-text-left {

    text-align:left !important;

}



.u-text-right {

    text-align:right !important;

}



.u-text-center {

    text-align:center !important;   

}



.u-text-middle {

    vertical-align: middle !important;

}



.u-text-top {

    vertical-align: top !important;

}



.u-text-bottom {

    vertical-align: bottom !important;

}





/* Components */



.c-semantic-list,

.c-semantic-list > li {

    list-style:none;

    margin:0;

    padding:0;

}



/***************************************************************

 *

 * Let's play Tetris!

 * This is basic grid, we're layout out the main semantic blocks

 *

 ***************************************************************/



html, body {

    margin:0;

    padding:0;

    line-height:1.5;

    background: #fff;

}



    html {

        font-family: "myriad-pro",sans-serif;

    }



    body {

        color: #1d1d1d;

        -webkit-text-size-adjust: 100%; /* Disable automatic iOS text resizing */

        font-size: 100%; /* Baseline: this means that 1em = 16px */

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

    }



.contentbox {

    width: 100%;

    margin: auto;

    font-size: 1em; /* 20px for normal paragraph text */

}



.gutter-wrap {

    padding:0 5%;

}



    .gutter-wrap--primary {

        clear:both;

    }



    .sidebar {

        margin:0 0 1.5em;

        padding:0 1.25em;

        float:right;

        clear:both;

        width:100%;

    }

    

article {

    padding:1.5em 0;

    font-weight:  400;

}



/***************************************************************

 *

 * Header

 *

 ***************************************************************/



.site-info {

    padding-top:1.5em;

    padding-bottom:1.5em;

}



    .site-info--contains-menu {

        /* padding-bottom:0; */

        position: relative;

    }



    .site_title {

        text-indent:-9999px;

        width:0;

        height:0;

    }

        .site_title a {

            text-decoration: none;

            color:#000;

        }



    .site-info__logo, .site-info__logo img {

        display:block;

        background:none;

        position:relative;

        border:none;

    }



        .site-info__logo {

            max-width:100%;

        }



            @media (min-width:751px) {

                .site-info__logo {

                    margin:0 1.5em 0 0;

                }

            }



            @media (max-width:750px) {

                .site-info__logo, .site-info__logo img, .site_title {

                    margin:0 auto;

                    text-align:center;

                }

            }



    .site-info__usereditable, .site-info__usereditable li {

        list-style:none;

        padding:0;

        margin:0;

    }



        .site-info__usereditable {

            clear:both;

            color: #fff;

        }



        @media (max-width:750px) {



            .site-info__usereditable {

                text-align:center;

            }



        }



        .site-info__usereditable>li {

            display:block;

            margin:.75em 0 0;

            line-height:1.25;

            font-weight:  bold;

        }



        .site-info__usereditable a[href^="tel"] {

            text-decoration:none;

            color: #fff;

        }



        @media (min-width:751px) {



            .site-info__aside {

                display:-ms-flexbox;

                display:-webkit-flex;

                display:flex;

                -ms-flex-direction:column;

                -webkit-flex-direction:column;

                flex-direction:column;

            }



                .nav--beside-logo {

                    -webkit-order:1;

                    -ms-order:1;

                    order:1;

                }



            .site-info>.contentbox {

                display:-ms-flexbox;

                display:-webkit-flex;

                display:flex;

                -ms-flex-align: center;

                -webkit-align-items: center;

                align-items: center;

            }



                .site_title, .site-info__logo {

                    -ms-flex:0 1 auto;

                    -webkit-flex:0 1 auto;

                    flex:0 1 auto;

                }



                .site-info__aside {

                    -ms-flex:1 1 auto;

                    -webkit-flex:1 1 auto;  

                    flex:1 1 auto;

                }



                .site-info__aside {

                    text-align:right;

                }



                    .site-info__usereditable>li {

                        display:inline-block;

                        vertical-align: top;

                        margin:.25em 0 .25em 1.25em;

                    }



                        .site-info__usereditable>li:first-child {

                            margin-left:0;

                        }



        }

/* No featured image on Offers category page */
body#page1872 div.feature-img {
	display: none;
}



/***************************************************************

 *

 * Navigation

 *

 ***************************************************************/



/* Basic list reformatting */

nav ul,

nav li {

    margin: 0;

    padding: 0;

    list-style: none;

}



/* Make the site menu a flex container */

.nav__page-menu,

.nav__page-menu ul {

    display:-ms-flexbox;

    display:flex;

    -ms-flex-flow:row wrap;

    flex-flow:row wrap;

    text-align:left;

}



/* Make this look like a nav bar */

.menu-under-logo-container {

    background: #000;

    line-height:2;

}



.nav a {

    display:block;

    color: #fff;

    border:none;

    line-height:1.3;

    text-decoration: none;

    font-size: 1em;

    font-weight:  100;

}



    .sub-menu a,

    .nav--under-logo a {

        color: #fff;

    }



    .nav--under-logo a {

        padding:.5em .7em;

    }



    .nav--beside-logo a {

        padding:.5em .35em;

    }



    .sub-menu a {

        padding:.35em .7em;

    }



    .nav--under-logo li:not([class*='current']) a:hover,

    .nav--under-logo li:not([class*='current']).sfHover>a,

    .nav .sub-menu li:not([class*='current']) a:hover {

        background:#353535;

    }



nav .current_page_item>a,

.single-post nav .current_page_parent>a,

nav .current_page_ancestor>a,

nav .current-menu-item>a,

nav .current-menu-parent>a,

nav .current-menu-ancestor>a,

nav .current-page-ancestor>a {

    /* font-weight: bold; */

}



    .nav--under-logo .current_page_item>a,

    .single-post .nav--under-logo .current_page_parent>a,

    .nav--under-logo .current_page_ancestor>a,

    .nav--under-logo .current-menu-item>a,

    .nav--under-logo .current-menu-parent>a,

    .nav--under-logo .current-menu-ancestor>a,

    .nav--under-logo .current-page-ancestor>a {

        background: #fff;

        color: #000;

    }



.contains_submenu>a {

    position:relative;

}



    .show_nav_children {

        position:absolute;

        top:-.25em;

        bottom:-.25em;

        right:-3%;

        line-height:2.5;

        font-weight:bold;

        cursor:pointer;

    }



/*

 * Section menu

 */



.section-menu {

        background:  #e6e7e8;

}





.section-menu::-webkit-scrollbar {

  display: none; 

}



    .gutter-wrap--primary+.section-menu {

        padding-top:0;

    }



    .section-menu .sub-menu {

        padding:0;

        margin:0 -.25em;

        font-size:1em;

        display: flex;

        justify-content: center;

        text-align:  center;

        flex-flow:  row wrap;

    }



        .section-menu .sub-menu .sub-menu {

            font-size:.9em;

            display: none;

        }



        .section-menu .sub-menu li {

            margin: .5em .25em .5em;

            max-width: 90px;

            font-size: .7em;

            text-align:  center;

            width: 100%;

        }



            .section-menu .sub-menu .sub-menu li {

                margin:.5em .25em 0;

            }



            .section-menu li .current-menu-item.menu-item-has-children, .section-menu li .current-menu-parent.menu-item-has-children {

                -ms-flex-direction:column;

                -webkit-flex-direction:column;

                flex-direction:column;

                -ms-flex:1 1 auto;

                flex:1 1 auto;

                /* background:#f4f4f4; */

                /* padding:.75em .7em; */

            }



    .section-menu a {

        line-height:1.3;

        text-decoration:none;

        color:#333;

        padding: .5em .75em;

    }



        .section-menu .current-menu-item>a {

            border: 1px solid #000;

            color:#000;

        }



            .section-menu .sub-menu .current-menu-item>a, .section-menu .sub-menu .current-menu-parent>a {

                /* background:#fff; */

                border: none;

                background:  none;

            }



        .section-menu a:hover {

            border-color:#333;

            color:#333;

            text-decoration:underline;

        }





    /* Hide current page link (hopefully!) */

    .section-menu .menu>li>a {

        display:none;

    }





/* Expanded (desktop) menu styles */

@media (min-width:751px) {



    /* Basic list reformatting */

    .nav__page-menu li { position:relative; }

    .nav__page-menu ul {

        position: absolute;

        top: -9999px;

        left: 0;

    }



    .nav__page-menu li:hover ul,

    .nav__page-menu li.sfHover ul {

        z-index: 100;

        display: -ms-flexbox;

        display: flex;

    }



        .nav__page-menu>li:hover>ul, .nav__page-menu>li.sfHover>ul { top:100%; }



    .nav__page-menu ul ul { left:auto; right:-250px; }

        .nav__page-menu li li:hover ul, .nav__page-menu li li.sfHover ul { top:0; }



    header .nav__page-menu ul, header .nav__page-menu li li {width: 250px;}



    .nav--under-logo {

        margin-left:-.7em;

    }



    .nav__page-menu li ul {

        display: none;

    }



    .nav .sub-menu, .nav .children {

        background:#222;

    }



        .sub-menu .current_page_item>a,

        .single-post .sub-menu .current_page_parent>a,

        .sub-menu .current_page_ancestor>a,

        .sub-menu .current-menu-item>a,

        .sub-menu .current-menu-parent>a,

        .sub-menu .current-menu-ancestor>a,

        .sub-menu .current-page-ancestor>a {

            background: #eee;

            color:#000;

        }



    .contains_submenu>a {

        padding-right:1.5em;

    }



        .show_nav_children {

            padding:0 .75em 0 .5em;

        }



}





/* Mobile menu styles */

@media (max-width: 750px) {



    /* Provide space for the plus/minus symbol */

    .contains_submenu>a {

        padding-right:2.5em;

    }



        /* Element for showing/hiding sub-menus */

        .show_nav_children {

            position:absolute;

            top:-.25em;

            bottom:-.25em;

            right:-3%;

            line-height:2.5;

            z-index:10;

            padding:0 5% 0 .75em;

            padding:0 calc(3% + .5em) 0 .75em;

        }



    /* Turn off floats, force block display - we want vertical flow! */

    .nav__page-menu,

    .nav__page-menu ul {

        -ms-flex-direction:column;

        -webkit-flex-direction:column;

        flex-direction:column;

    }



        /* Indent sub-menus */

        .sub-menu, .nav .children {

            padding:0 0 0 1em;

            font-size:.9em;

        }



    /* Off screen menu */



    .site-info nav {

        line-height:0;

    }



    /* Reduce vertical padding */

    .nav a {

        padding:.35em 1em;

        color:#fff;

        text-align: center;

        text-transform: capitalize;

    }



        .nav a:hover {

            background:#222;

        }



        .nav .current_page_item>a,

        .single-post .nav .current_page_parent>a,

        .nav .current_page_ancestor>a,

        .nav .current-menu-item>a,

        .nav .current-menu-parent>a,

        .nav .current-menu-ancestor>a,

        .nav .current-page-ancestor>a {

            background: #fff;

            color: #000;

        }



        /* Make sure background stretches to edge of menu */

        .nav .sub-menu a, .nav .children a {

            margin-left: -9999px;

            padding-left: calc(9999px + .75em);

            text-align: center !important;

        }

}





/*

 * Slide panel

 */



/* Mobilefirst default appearance styles */



.slide-panel__trigger-label--under-logo {

    color:#fff;

}



@media (max-width:750px) {

    .slide-panel__panel--main-nav {

        background: #0088cb;

        font-size: 1.1em;

        position: relative;

    }

}





/* Slide Panel FRAMEWORK */



/* Trigger checkbox doesn't need to be visible */

.slide-panel__trigger {

    display: none;

}



.slide-panel__trigger-label {

    /* Hidden by default */

    display: none;



    /* Needed to contain generated content */

    position: relative;



    /* Enhance tap target area */

    border: 1em solid transparent;

    border-width:1em 0;



    /* UI */

    cursor:pointer;

    line-height: 1.2;

    font-weight:bold;

    padding-right: 2.3em;

    text-indent:  -9999px;

}



    .slide-panel--from-left .slide-panel__trigger-label {

        padding-right:0;

        padding-left:2.3em;

    }



    /* Base rules for page content overlay and hamburger icon */

    .slide-panel__trigger-label::after,

    .slide-panel__trigger-label::before {

        display:block;

        content:"";

        top:0;

        right: 0;

        bottom: 0;

    }



    /* Overlay for page content */

    .slide-panel__trigger-label::before {

        position:fixed;

        z-index: 20;



        /* Mobile Safari doesn't cover the page without negative values... */

        top:-200px;

        bottom:-200px;

        left:-200px;



        /* UI / UX */

        -moz-transition:opacity 125ms ease-in-out;

        -webkit-transition:opacity 125ms ease-in-out;

        transition:opacity 125ms ease-in-out;

        background: rgba(0,0,0,0.75) url(images/cross.svg) 218px 222px / 1.5em no-repeat;

    }



        /* Accommodate WP admin bar */

        .logged-in .slide-panel__trigger-label::before {

            background-position-y:265px;

        }



        .slide-panel--from-left .slide-panel__trigger-label::before {

            background-position:right 1em top 222px;

        }



            .logged-in .slide-panel--from-left .slide-panel__trigger-label::before {

                background-position-y:265px;

            }



        /* Hide and deactivate overlay if menu is closed */

        .slide-panel__trigger:not(:checked) ~ .slide-panel__trigger-label::before {

            opacity:0;

            pointer-events:none;



            /* Required to hide overlay for IE <= 10 (no support for pointer-events) */



            /* IE9 */

            -ms-transform:matrix(0,0,0,0,0,0);

            

            /* IE10 */

            -ms-transform:translate3d(100%,0,0);

        }



    /* Hamburger icon */

    .slide-panel__trigger-label::after {

        position:absolute;

        width: 1.5em;

        background: linear-gradient(             to bottom,             #ffffff 0,             #ffffff 15%,             transparent 15%,             transparent 42%,             #ffffff 42%,             #ffffff 57%,             transparent 57%,             transparent 85%,             #ffffff 85%         );

    }



        .slide-panel__trigger-label--under-logo::after {

            background:linear-gradient(

                to bottom,

                #fff 0,

                #fff 15%,

                transparent 15%,

                transparent 42%,

                #fff 42%,

                #fff 57%,

                transparent 57%,

                transparent 85%,

                #fff 85%

            );

        }



        .slide-panel--from-left .slide-panel__trigger-label::after {

            right:auto;

            left:0;

        }





.slide-panel__panel {

    /* Positioning */

    top: 0;

    right: 0;

    bottom:0;

    margin:0;

    z-index: 100;



    /* Slide-in animation. Custom cubic bezier used to provide a fast initial slide, slowing down near the end.  */

    -moz-transition:-moz-transform 200ms cubic-bezier(0.15, 0.73, 0.44, 1.03), transform 200ms cubic-bezier(0.15, 0.73, 0.44, 1.03);

    -webkit-transition:-webkit-transform 200ms cubic-bezier(0.15, 0.73, 0.44, 1.03), transform 200ms cubic-bezier(0.15, 0.73, 0.44, 1.03);

    transition:-webkit-transform 200ms cubic-bezier(0.15, 0.73, 0.44, 1.03);

    transition:-moz-transform 200ms cubic-bezier(0.15, 0.73, 0.44, 1.03);

    transition:transform 200ms cubic-bezier(0.15, 0.73, 0.44, 1.03);

}



    /* Variant for using left edge of window */

    .slide-panel--from-left .slide-panel__panel {

        right:auto;

        left:0;

    }



    /* Turn pointer events back on when the nav is active */

    .slide-panel__trigger:checked ~ .slide-panel__panel {

        pointer-events:auto;

    }



    /* Make allowance for WordPress admin bar */



    @media (max-width:600px) {

        .logged-in .slide-panel__panel.slide-panel__panel {

            padding-top:56px;

            padding-top:calc(46px + .5em);

        }

    }



    @media (min-width:601px) {

        .logged-in .slide-panel__panel.slide-panel__panel {

            top: 46px; 

        }

    }



    @media (min-width:782px) {

        .logged-in .slide-panel__panel.slide-panel__panel {

            top:32px;

        }

    }





/***********************************

 * Slide panel aims to be reusable.

 * Two default viewport widths provided to enable slide effect: .slide-panel@m: 750px and .slide-panel@l: 1000px

 ***********************************

 * To trigger at other widths:

 * CSS: copy unique selectors and rules below to custom media query. Drop the .slide-panel--enabled/.slide-panel@m/.slide-panel@l prefix

 * JS: Add the slide-panel--enabled class to slide-panel wrapping div

 ***********************************/



/* Show the trigger label */



.slide-panel--enabled .slide-panel__trigger-label {

    display:block;

}



@media (max-width:1000px) {

    .slide-panel\@l .slide-panel__trigger-label {

        display:block;

    }

}



@media (max-width:750px) {

    .slide-panel\@m .slide-panel__trigger-label {

        display:block;

        position: absolute;

        top: 1em;

        right: 2em;

    }

}



/* Ensure slide panel floats above content */



.slide-panel--enabled .slide-panel {

    position:fixed;

    pointer-events:none;

    will-change:transform;

    padding-top:.5em;

    width:80%;



    /* Scroll on vertical overflow, hide horizontal overflow */

    overflow-y: scroll;

    overflow-x: hidden;



    /* Enable momentum scrolling */

    -webkit-overflow-scrolling: touch;

}



@media (max-width:750px) {

    .slide-panel\@m .slide-panel__panel {

        position: fixed;

        pointer-events:none;

        will-change:transform;

        padding-top:.5em;

        width:80%;



        /* Scroll on vertical overflow, hide horizontal overflow */

        overflow-y: scroll;

        overflow-x: hidden;



        /* Enable momentum scrolling */

        -webkit-overflow-scrolling: touch;

    }

}



@media (max-width:1000px) {

    .slide-panel\@l .slide-panel__panel {

        position: fixed;

        pointer-events:none;

        will-change:transform;

        padding-top:.5em;

        width:80%;



        /* Scroll on vertical overflow, hide horizontal overflow */

        overflow-y: scroll;

        overflow-x: hidden;



        /* Enable momentum scrolling */

        -webkit-overflow-scrolling: touch;

    }

}



/* Hide the panel off screen - this is a FLIPped animation (https://aerotwist.com/blog/flip-your-animations/) */



.slide-panel--enabled .slide-panel__trigger:not(:checked) ~ .slide-panel__panel {

    -moz-transform:translate3d(100%,0,0);

    -webkit-transform:translate3d(100%,0,0);

    transform:translate3d(100%,0,0);

}



    /* Left side panel */

    .slide-panel--from-left.slide-panel--enabled .slide-panel__trigger:not(:checked) ~ .slide-panel__panel {

        -moz-transform:translate3d(-100%,0,0);

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0);

    }



@media (max-width:750px) {

    .slide-panel\@m .slide-panel__trigger:not(:checked) ~ .slide-panel__panel {

        -moz-transform:translate3d(100%,0,0);

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0);

    }



        /* Left side panel */

        .slide-panel--from-left.slide-panel\@m .slide-panel__trigger:not(:checked) ~ .slide-panel__panel {

            -moz-transform:translate3d(-100%,0,0);

            -webkit-transform:translate3d(-100%,0,0);

            transform:translate3d(-100%,0,0);

        }



}



@media (max-width:1000px) {

    .slide-panel\@l .slide-panel__trigger:not(:checked) ~ .slide-panel__panel {

        -moz-transform:translate3d(100%,0,0);

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0);

    }



        /* Left side panel */

        .slide-panel--from-left.slide-panel\@l .slide-panel__trigger:not(:checked) ~ .slide-panel__panel {

            -moz-transform:translate3d(-100%,0,0);

            -webkit-transform:translate3d(-100%,0,0);

            transform:translate3d(-100%,0,0);

        }

}



    /* IE9 doesn't get anything particular fancy! */



    .ie9 .slide-panel--enabled .slide-panel__trigger:not(:checked) ~ .slide-panel__panel {

        display:none;

    }



    @media (max-width:750px) {

        .ie9 .slide-panel\@m .slide-panel__trigger:not(:checked) ~ .slide-panel__panel {

            display:none;

        }

    }

    

    @media (max-width:1000px) {

        .ie9 .slide-panel\@l .slide-panel__trigger:not(:checked) ~ .slide-panel__panel {

            display:none;

        }

    }





/***************************************************************

 *

 * Main Content - <article>

 *

 ***************************************************************/



article h1 {

    font-size: 1.8em;

    font-weight: 100;

    color: #ffffff;

}



article h2 {

    font-size: 1.8em;

    color: #219ccf;

    font-weight: 100;

}



article h3 {

    font-size: 1.3em;

    color: #434343;

    font-weight:  400;

}



article h4, article h5, article h6 {

    font-size: 1em;

}



article a {

    /* standard colours are okay, unless they're not */

    color: #0088cb;

    text-decoration:  none;

    font-weight: 600;

}



article a:hover {

    color:#000;

}



/* Clear any floated images down near the bottom of posts */

.blog_navigation {

    clear:both;

}



/* the next 3 rules are for the way WP sets its image floats. On skinny screens we'll just centre them all */

.alignleft, .alignright, .aligncenter {

    text-align:center;

    margin:1.5em auto;

    display:block;

}



img {

    max-width:100%;

    height:auto;

}



a img {

    border:none;

}



#colorbox, #colorbox * {

    -moz-box-sizing:content-box;

    -webkit-box-sizing:content-box;

    box-sizing:content-box;

}



    #colorbox img {

        max-width:none;

    }

    

/* These 2 will make image captions look a bit like polaroids */

.wp-caption {

    background:#eee;

    overflow:hidden;

    max-width:100%;

}



    body.attachment .wp-caption {

        background:none;

        overflow: visible;

    }



    .wp-caption.alignnone {

        margin:1.5em 0;

    }



    .wp-caption>a, .wp-caption img {

        display:block;

    }



        .wp-caption img {

            width:100%;

        }



    .wp-caption-text {

        padding:0;

        margin:.75em 1em;

        line-height:1.3;

    }



        body.attachment .wp-caption-text {

            margin:.75em 0;

            font-weight:bold;

        }



        .gallery .wp-caption-text, .gallery-caption {

            margin:.35em 1em 0 0;

            padding:0;

            font-size:.9em;

        }



.gallery .gallery-item {

    float: left;

    margin: 0 .5em 3%;

    text-align: center;

}



.gallery-icon a, .gallery img {

    display:block;

    position: relative;

}



    .gallery img {

        max-width:95%;

        width:auto;

        height:auto;

        margin: 0 auto;

    }



@media (max-width: 450px) {



    .gallery dl.gallery-item {

        float: none;

        margin: 0 0 1em;

        width:auto;

        text-align:center;

    }



        .gallery-icon a {

            display:inline-block;

        }



    .gallery .wp-caption-text {

        text-align: center;

        font-size:inherit;

    }



    .gallery br {

        display:none;

    }



    .gallery img {

        max-width:100%;

    }



}



/*

Image sizes depending on the number of columns

Based on Hybrid theme

*/



.gallery-columns-0 .gallery-item {

    width: 100%;

}

.gallery-columns-1 .gallery-item {

    width: 100%;

}

.gallery-columns-2 .gallery-item {

    width: 50%;

}

.gallery-columns-3 .gallery-item {

    width: 31%;

}

.gallery-columns-4 .gallery-item {

    width: 25%;

}

.gallery-columns-5 .gallery-item {

    width: 20%;

}

.gallery-columns-6 .gallery-item {

    width: 16.66%;

}

.gallery-columns-7 .gallery-item {

    width: 14.28%;

}



/* Callouts, pullquotes */

blockquote {

    position:relative;

    padding:0 0 0 3em;

    margin:1.5em 0;

}



blockquote::before {

    content: "\00201C";

    font-size: 5em;

    position: absolute;

    left: 0;

    top: -.3em;

    color:#333;

}



/* Definition Lists */



dt {

    display:block;

    margin-top: 0.5em;

    font-weight:bold;

}



    dt:first-child {

        margin-top:0;

    }



dd {

    padding-left:1em;

}



/* Tables */



table, th, td {

    border:none;

    border:1px solid #ddd;

    text-align:left;

    border-collapse:collapse;

}



    table {

        margin:1em 0;

    }



    td, th {

        line-height:1.3;

        padding:.4em .6em;

    }



        th em,

        th i {

            font-weight:normal;

        }



    @media (max-width:500px) {



        article table {

            border:none;

        }



        article tr, article td, article th {

            display:block;

            border:none;

        }



            article tr {

                margin:0 0 1em;

            }

            

    }



/* CTA Buttons */



.button, button {

    color: #fff;

    background: #219ccf;

    border:none;

    cursor:pointer;

    font-weight: 100;

    border-radius: 5px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    padding: .2em 1.5em .3em;

    text-decoration: none;

    font-size: .9em;

}



    .button:hover, button:hover {

        color:#fff;

        background:#222;

        text-decoration:  none;

    }



    .button--inline {

        display:inline-block;

        padding:.05em .5em .1em;

        line-height:1.3;

        margin:0 .2em;

    }



/* Gravity Forms Style fixes */ 



.gform_wrapper form {

    margin-top: 0;

}



:root .gform_wrapper textarea,

:root .gform_wrapper input[type=text],

:root .gform_wrapper input[type=url],

:root .gform_wrapper input[type=email],

:root .gform_wrapper input[type=tel],

:root .gform_wrapper input[type=number],

:root .gform_wrapper input[type=password],

:root .gform_wrapper .ginput_complex label,

:root .gform_wrapper .gfield_time_hour label,

:root .gform_wrapper .gfield_time_minute label,

:root .gform_wrapper .gfield_date_month label,

:root .gform_wrapper .gfield_date_day label,

:root .gform_wrapper .gfield_date_year label,

:root .gform_wrapper .instruction {

    font-size: 1em;

}



    :root .gform_wrapper textarea,

    :root .gform_wrapper input[type=text],

    :root .gform_wrapper input[type=url],

    :root .gform_wrapper input[type=email],

    :root .gform_wrapper input[type=tel],

    :root .gform_wrapper input[type=number],

    :root .gform_wrapper input[type=password] {

        padding:.15em .2em;

        font-size: .8em;

        max-width: 100%;

    }



:root .gform_wrapper .gfield_checkbox li input[type=checkbox],

:root .gform_wrapper .gfield_radio li input[type=radio],

:root .gform_wrapper .gfield_checkbox li label,

:root .gform_wrapper .gfield_radio li label {

    display:inline-block;

    vertical-align:top;

    float:none;

    white-space: normal;

}



    :root .gform_wrapper.gform_wrapper .gfield_checkbox li input[type=checkbox],

    :root .gform_wrapper.gform_wrapper .gfield_radio li input[type=radio] {

        margin-top: .25em;

    }



    :root .gform_wrapper .gfield_checkbox li label {

        margin:0 0 0 .25em;

    }



    :root .gform_wrapper .gfield_radio li label {

        margin:0 0 0 .5em;

    }

    

    :root .gform_wrapper .gfield_checkbox li label,

    :root .gform_wrapper .gfield_radio li label {

        margin-right:1em;

        line-height:1.25;

    }



/* Cut back on vertical spacing! */



:root .gform_wrapper .top_label .gfield_label,

:root .gform_wrapper .field_sublabel_above .gfield_date_day label,

:root .gform_wrapper .field_sublabel_above .gfield_date_month label,

:root .gform_wrapper .field_sublabel_above .gfield_date_year label,

:root .gform_wrapper .field_sublabel_above .gfield_time_ampm label,

:root .gform_wrapper .field_sublabel_above .gfield_time_hour label,

:root .gform_wrapper .field_sublabel_above .gfield_time_minute label,

:root .gform_wrapper .field_sublabel_above .ginput_complex label,

:root .gform_wrapper .field_sublabel_above .instruction {

    margin:.6em 0 .15em;

    font-weight: 400;

    line-height:1.3;

    display:block;

}



:root .gform_wrapper .ginput_complex label {

    font-size:.85em;

}



:root .gform_wrapper label.gfield_label+div.ginput_container {

    margin-top:0;

}



:root .gform_wrapper .gfield_checkbox li, :root .gform_wrapper .gfield_radio li {

    margin:0 .25em;

    overflow:initial;

    white-space: nowrap;

}



:root .gform_wrapper .gform_footer {

    padding:0;

}





/***************************************************************

 *

 * Sidebar

 *

 ***************************************************************/



.sidebar {

    background:#eee;

}



.sidebar li ul { /* a nested list, so this should actually be displayed as a list */

    padding-left: 7.142857142857%; /* 20/280=0.07142857142857 */

}



.sidebar li ul li {

    list-style: disc;

}





/***************************************************************

 *

 * News and/or blog

 *

 ***************************************************************/



.post-box {

    display:-ms-flexbox;

    display:flex;

    margin: 1.5em .5em;

    position:relative;

    border-bottom: 1px solid #ddd;

}



    .post-box:last-child {

        /* margin-bottom:0; */

    }



    @media (max-width:750px), (min-width:1001px) and (max-width:1200px) {

        .post-box {

            -ms-flex-direction:column;

            -webkit-flex-direction:column;

            flex-direction:column;

        }

    }



    .post-box__imagery {

    width: 100%;

    }



        .post-box__img {

            display:block;

            width:100%;

        }





    /* Gutters */

    .post-box__text, .post-box__cta {

        padding:0 1.5em 1em 1em;

    }



        .post-box__text {

            padding-bottom:0;

        }



    .post-box__link--image {

        text-decoration:none;

    }



    .post-box__link--button,

    .post-box__link--button:hover,

    .post-box__img-button,

    .post-box__img-button:hover {

        color:#000;

        background:#fff;

        border-radius:0;

        padding:.3em .7em;

        display:block;

        float:right;

    }



        /* Button overlayed on image - needs absolute positioning */

        .post-box__img-button {

            position:absolute;

            bottom:0;

            right:0;

        }



        a:hover .post-box__img-button, .post-box__link--button {

            background:#eee;

        }



        .post-box__link--button:hover {

            background:#ccc;

        }



        /* Hide button overlaying image above 750px. Hide separate CTA button below 750px */



        @media (min-width:751px) and (max-width:1000px), (min-width:1200px) {

            .post-box__cta {

                display:none;

            }

        }

        

        @media (max-width:750px), (min-width:1001px) and (max-width:1200px) {

            .post-box__img-button {

                display:none;

            }

        }



    .post-box__date, .postdate, .postmetadata {

        font-size: 0.6em;

        font-style:italic;

        margin:0;

    }





.pagination {

    margin:1em 0;

}



/***************************************************************

 *

 * Homepage

 *

 ***************************************************************/



.cta {

    width:31%;

    margin: 0 0 1em;

    background: #ccc;

    float: left;

}



    .cta2 {

        margin:0 3.5% 0;

    }



    .cta a {

        display:block;

        padding: .75em 1em;

    }



    .cta p {

        display:inline;

    }



@media (max-width:800px) {



    .cta {

        width: 100%;

        margin: 0 auto 1em auto;

        float: none;

    }



}



/***************************************************************

 *

 * Contact Page

 *

 ***************************************************************/



.contact--widgetcontent,

.contact--widgetcontent>li {

    list-style:none;

    margin:0;

    padding:0;

}



/***************************************************************

 *

 * Footer

 *

 ***************************************************************/



footer {

    background: #fff;

    color: #000000;

    font-size: .9em;

    clear: both;

}



    footer .contentbox {

        padding:1em 0;

    }



    footer a {

        color:#fff;

    }



footer .widgetarea {text-align:  center;}



footer .widgetarea>ul, footer .widgetarea>ul>li {

    list-style:none;

    margin:0;

    padding:0;

}



section.credits {

    clear:both;

    color: #ffffff;

    padding: .5em 0;

    text-align:center;

    font-size:  .7em;

    font-weight:  100;

}



/* Rich Contact Widget */



.widget_rc_widget ul, .widget_rc_widget li {

    list-style:none;

    margin:0;

    padding:0;

}



    .widget_rc_widget>ul>li {

        margin:0 0 .5em;

    }



    .widget_rc_widget .email {

        font-size:.8em;

    }



    .widget_rc_widget .tel::before {

        content: "Phone: ";

        font-weight:bold;

    }



@media (max-width:800px) {



    footer .widgetarea {

        width:100%;

        padding:0;

        margin:1em 0;

    }



    footer>nav, footer .vcard, section.credits {

        width: auto;

        float: none;

    }



}



/** Panels **/



.primary-column {

    max-width: 1000px;

    margin: 2em auto;

    padding: 1em 2% 0;

    width: 100%;

}



.pane--text-align-left {

    display: flex;

    justify-content: flex-start;

}



.pane--text-align-right {

    display: flex;

    justify-content: flex-end;

}



.pane--text-align-center {

    display: flex;

    justify-content: center;

}



.pane__heading {

    margin-top: 0;

}



.gutter-wrap--pane.panels__pane {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    padding: 1px 0;

}



@media (min-width:1050px ) {

    .primary-column__image--mobile {

        display: none;

    }

}



@media (max-width: 1050px) {



    .gutter-wrap--pane.panels__pane {

       /* background: none; */

       /* padding: 0; */

    }



    .gutter-wrap--pane.panels__pane .contentbox {

        /* flex-flow: row wrap; */

    }



    .primary-column {

        /* max-width: 100%; */

        /* margin: 0; */

        /* padding-top: 0.5em; */

    }

}



/* Boxed layout */



.panels.boxed {

    display: flex;

    justify-content: center;

    margin: 0 auto;

    background: #d0d1d2;

}



.boxed .primary-column {

    padding: 0 1em;

    margin: .5em 0;

}



.boxed .gutter-wrap--pane.panels__pane {

    padding: 0;

    width: 24%;

}



.panels.boxed .contentbox {

    display: flex;

    justify-content: center;

    flex-flow: row wrap;

    padding: 0 5%;

    font-size:  inherit;

}



/* Blog Nav */



#post-nav {

    display: flex;

    margin: 2em 0;

}



.post-box.blog-nav {

    width: 48%;

    margin: 0 .5em;

}



@media (max-width: 650px) {



    .post-box.blog-nav {

        width: 100%;

        margin: .5em 0;

    }



    #post-nav {

        display: flex;

        flex-flow: row wrap;

        margin: 0;

    }



}



/* Advertising */



.AdvertisingBanner {

    position:relative;

    z-index:3;

    display:block;

    text-align:center;

    color:#FFF;

    background: #000;

    padding:1px;

}



.AdvertisingBanner a {

    color:#FFF;

    text-decoration:underline

}



.AdvertisingBanner a:hover {

    color:#FFF;

    text-decoration:underline;

    font-weight:bold;

}



#DesktopAdvert {

    display:none;

}



@media (min-width:700px) {

    

	#DesktopAdvert {

        display:block;

        padding: .5em 0 .7em;

    }

	

	#DesktopAdvert p {

        margin:0 auto;

        margin-bottom:-5px;

    }

	

	#MobileAdvert {

        display:none;

    }

	

} 



#MobileAdButton {

    display:block;

    cursor:pointer;

}

	

#MobileAdContent {

    position:fixed;

    top:0;

    bottom:-10px;

    left:0;

    right:0;

    z-index:9999;

    background:rgba(0,0,0,0.8);

    overflow-y: auto;

}



#MobileAdContent .inner {

    width:90%;

    margin:40px auto 40px;

    text-align:center;

    color:#FFF;

}





#MobileAdContent a {

    color:#FFF;

    text-decoration:underline

}



#MobileAdContent a:hover {

    color:#FFF;

    text-decoration:underline;

    font-weight:bold;

}



#MobileAdContent {

    display:none;

}	



#maCloseButton {

    display:block;

    margin:20px auto 20px;

    font-size:1.3em;

    font-weight:200; 

    color:#FFF;

    line-height:2;

    padding-bottom:5px;

}



#maCloseButton span {

    vertical-align:middle;

}



#maCloseButton span.close {

    font-size:1.8em;

    vertical-align:middle;

}



#maCloseButton:hover {

    cursor:pointer;

    font-weight: 500;

}



/* Mobile Widget Area's */



@media (max-width: 750px) {



    .SocialMediaMobile, #SocialMediaMobile {

        display: block;

    }



}



@media (min-width: 751px) {



    .SocialMediaMobile, #SocialMediaMobile {

        display: none;

    }



}



/* Mobile Title */



@media (max-width: 750px) {



    #beside-logo:before {

        content: "menu";

        text-align: center;

        text-transform: uppercase;

        font-size: 3em;

        font-weight: 300;

        padding: .1em 0;

        border-bottom: 1px solid #fff;

        color: #fff;

        margin: 0 5% .5em;

        line-height: 1;

    }

    

    #under-logo:before {

        content: "menu";

        text-align: center;

        text-transform: uppercase;

        font-size: 2em;

        font-weight: 300;

        padding: .5em 0;

        border-bottom: 2px solid #fff;

        color: #fff;

        margin: 0 5% .5em;

        line-height: 1;

    }

}



/* Search Field Mobile Menu */



.SearchBar input#s {

	background: transparent url(images/search.svg) right center no-repeat;

	background-size: 30px 30px;

	color: #ffffff;

	border:none;

	border-bottom: 2px solid #ffffff;

	font-weight: 100;

	font-size: 1em;

	padding: 0.25em 0 0.25em 0.25em;

	line-height: 1;

	text-transform: uppercase;

}



.SearchBar .textwidget {

    text-align: center;

}



.SearchBar .textwidget form {

    margin-top: 0;

}



/* Search Field Header */



.site-info__usereditable input#s {

	background: transparent url(images/search-black.svg) right center no-repeat;

	background-size: 30px 30px;

	color: #000;

	border:none;

	border-bottom: 2px solid #000;

	font-weight: 400;

	font-size: 1em;

	padding: 0.25em 0 0.25em 0.25em;

	line-height: 1;

	text-transform: uppercase;

}



@media (max-width: 750px) {



    .site-info__usereditable input#s {

        display: none;

    }

}



/* Feature Image */



.feature-img {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    padding: 13% 0 13%;

    position: relative;

}



@media (max-width: 750px) {



    .feature-img {

        padding: 20% 0 20%;

    }

    

}



/* News Feed Home Page */



.News.yes {

    display: block;

    padding: 2em 0;

}



.News.no {

    display: none;

}



.NewsStories {

    display: flex;

    justify-content: center;

    flex-flow:  row wrap;

    margin-bottom: 1em;

}



.NewsStories .post-box {

    display: flex;

    width: 20%;

    flex-flow: row wrap;

    border: none;

}



header {

    background:  #1d1d1d;

}



.panels.panel .contentbox {

    max-width:  none;

}



.pane--text-align-centre .primary-column {

    text-align:  center;

    font-weight:  100;

}



.pane__content {

    color: #fff;

}



.home article {

    text-align:  center;

}



.panels__pane--3 .pane__heading--primary {

    display: none;

}



.News.yes h1 {

    text-align:  center;

}



.News.yes .button {

    text-align:  center;

    display: block;

    max-width:  140px;

    margin: 0 auto;

}



#menu-home-services {

    padding: 0;

    list-style: none;

    display: flex;

    justify-content: center;

    flex-flow:  row wrap;

    margin-top: 3em;

}



#menu-home-services a {

    color: #fff;

}



#menu-home-services li {

    width: 28%;

    margin-bottom: 2em;

}



#menu-home-services img {

    width: 110px;

}



.panels__pane--2 .pane__heading--primary {

    color: #1d1d1d;

    font-size:  1.6em;

    margin-top: -.5em;

}



.home .Partners img {

    /*height: 40px;*/

    margin: 1em 1em 0;

}



.post-box__title a {

    color: #219ccf;

    text-decoration:  none;

    font-weight: 100;

}



.post-box__excerpt {

    font-weight:  100;

}



.DigitalIcon {

    width: 200px;

}



.gutter-wrap--credit {

    background-image: url(/wp-content/themes/RBM/images/footer-bg.jpg);

    background-size: cover;

    padding: 1em 0 10em;

    color: #fff;

}



section.credits a {

    color: #fff;

    text-decoration:  none;

}



.button.reverse {

    background:  #fff;

    color: #219ccf;

}



.button.reverse:hover {

    background: #219ccf;

    color: #fff;

}



.HomePageTitle {

    margin-top: 0em;

}



.HomePageTitle .large {

    font-size: 2.4em;

    font-weight: 700;

    line-height: .8;

}



.HomePageTitle .normal {

    font-size: 1.7em;

    line-height: 1;

}



.HomePageTitle .small {

    font-size: 1.9em;

    line-height: 1;

}



.post-archive {

    display: flex;

    justify-content: center;

    flex-flow:  row wrap;

}



.post-box__title a {

    text-decoration:  none;

    font-weight: 400;

    color: #0088cb;

}



.post-box__title {

    margin-top: .5em;

    margin-bottom: 0;

    font-size: 1.1em;

}



.post-box__excerpt {

    font-size: .9em !important;

}



.post-box__excerpt p {

    margin-top: .5em !important;

    color: inherit !important;

    /* font-size:  .9em !important; */

}



.post-box {

    display: flex;

    width: 21%;

    flex-flow: row wrap;

    margin: 0 .5em 1em;

    position: relative;

}



@media (max-width: 980px) {



     .post-box {

        width: 45% !important;

    }

}



@media (max-width: 550px) {



     .post-box {

        width: 100%;

    }

}



header .menu-item a.menu-image-title-below.menu-image-not-hovered img {

    display: none;

}



header .menu-item a.menu-image-title-below {

    text-align:  left;

}



.home .gutter-wrap--header.upperheader {

    display: none;

}



.menu-item a.menu-image-title-below.menu-image-not-hovered img {

    width: 40px;

}



.gutter-wrap--header.upperheader h1 {

    color: #000;

    text-align:  center;

    font-size:  2em;

    margin: 0;

}



.section-menu  .contentbox {

    /* display: flex; */

    /* justify-content: center; */

    /* align-items:  center; */

}



.section-menu .contentbox h2 {

    font-weight:  100;

    font-size: 1.1em;

    margin-right: .5em;

}



article p:nth-child(1) {

    /*color: #219ccf;  I don't know why the first line in the article as set to be blue. But anyways.  */ 

    /*font-size: 1.1em; */

}



@media (max-width: 960px) {



    .section-menu .contentbox {

        justify-content: flex-start;

    }

}



#left-button {

    position: absolute;

    left: 0em;

    min-width: 0;

    width: 40px;

    top: 50%;

    transform: translate(0, -50%);

    padding: 26px 10px;

    z-index:  1;

}



#right-button {

    position:  absolute;

    right: 0em;

    width: 40px;

    min-width: 0;

    top: 50%;

    transform: translate(0, -50%);

    padding: 26px 10px;

    z-index:  1;

}



#right-button, #left-button {

    display: none;

}



@media (max-width: 960px) {



    #right-button, #left-button {

        display: flex;

        flex-direction:  column;

    }

}



.panels__pane--3 h2 {

    color: #fff;

}



.home .gutter-wrap--primary h1 {

    display: none;

}



.primary-column__image--mobile {

    display: none;

}



@media (max-width: 550px) {



    #menu-home-services li {

        width: 40%;

    }

}



@media (max-width: 350px) {



    #menu-home-services img {

        width: 80px;

    }

}



@media (max-width: 750px) {



    .NewsStories .post-box {

        width: 100% !important;

    }

    

    .NewsStories .post-box:nth-last-child(1), .NewsStories .post-box:nth-last-child(2), .NewsStories .post-box:nth-last-child(3) {

        display: none;

    }

}



.News.yes .gutter-wrap--primary h1 {

    display: block;

}



header .sub-menu .sub-menu {

    display: none !important;

}



.menu-item a.menu-image-title-below {

    display: flex;

    justify-content:  center;

    flex-flow:  row wrap;

    flex-direction:  column;

    font-weight:  100;

}



.gallery-icon .no-lightbox:after {

    content: "";

    background-image: url(/wp-content/themes/RBM/images/pdf.png);

    display: block;

    width: 44px;

    height: 50px;

    background-size: cover;

    position: absolute;

    background-repeat:  no-repeat;

    right: 3em;

    bottom: 0;

}



.archive .gutter-wrap--header.upperheader {

    display: none;

}



.archive .gutter-wrap--header h1 {text-align:  center;color: #1d1d1d;margin: 0;}


.archive .post-box {

    width: 45% !important;

    padding: 1em 1em;

}



.archive .post-box__text {

    width: 100%;

    order: 1;

    flex: 2;

    margin-bottom: 1em;

}



.archive .post-box__imagery {

/*    order: 2;

    flex: 1;*/

}



.home .post-box__imagery {

    display: none;

}



.post-box__button {

    position: absolute;

    right: 0;

    bottom: 0;

    border-radius:  0;

}



.widgetarea--HomeHeaderText ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.widgetarea--HomeHeaderText ul p {

    text-align:  center;

    color: #fff;

}



.widgetarea--HomeHeaderText ul p .small {

    font-size:  2.5em;

    line-height: 1;

    font-weight:  200;

    text-shadow: 0 0 6px rgba(0,0,0,0.9), 0 0 6px rgba(0,0,0,0.9), 0 0 10px rgba(0,0,0,0.9);

}



.widgetarea--HomeHeaderText ul p .large {

    font-size: 4em;

    line-height:  1;

    font-weight: 700;

    text-shadow:  0 0 6px rgba(0,0,0,0.9), 0 0 6px rgba(0,0,0,0.9), 0 0 10px rgba(0,0,0,0.9);

}



.home .feature-img {

    padding: 9% 0 9%;

}



.widgetarea--HomeHeaderText {

    display: block;

}



.widgetarea--HomeHeaderText { display: block; }



@media (max-width: 600px) {



    .home .widgetarea--HomeHeaderText {

        font-size:  80%;

    }

}



.News.yes .post-box__button {

    background: none;

    color: #1d1d1d;

}



.News.yes .post-box__text {

    padding-bottom: 2em;

}



@media (max-width: 750px) { /*Posts*/


	.archive .post-box {
	
	    width: 100% !important;
	
	
	}

    .archive .post-box {

        /*flex-flow: column-reverse;*/

    }

}



.News.yes .post-box__button:hover {

    text-decoration:  underline;

}



#showhidebutton {

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

    padding: 5px 20px 10px;

    margin-right: 20px;

    display: inline-block;

    text-decoration: none;

    font-size: 10px;

    cursor: pointer;

    background: #219ccf;

    color: #fff;

    float: right;

}



.section-menu-container {

    transition: max-height linear 0.25s;

    -webkit-transition: max-height linear 0.25s;

    max-height: 650px;

}



.section-menu-container.hidden {max-height: 0;overflow: hidden;}



.gutter-wrap--header {

    border-bottom: 1px solid #c7c7c7;

}



.MenuToggle {

    display: none;

}





@media (max-width: 750px) {



    .MenuToggle {

        display: block;

    }

}



.gutter-wrap--MapContainer {

    padding: 0;

}



.gutter-wrap--MapContainer ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.footerlogo {

    width: 150px;

}



.pane__content a {

    color: #fff;

}



.SocialMediaMobile {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translate(-50%);

}



.SocialMediaMobile img {

    width: 110px;

}



/* arrow bouce */



.downArrow{

	position: fixed;

	bottom: 5%;

	z-index: 9999;

	width: 100%;

}

.bounce {

	-moz-animation: bounce 3s infinite;

	-webkit-animation: bounce 3s infinite;

	animation: bounce 3s infinite;

}

@-moz-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -moz-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@-webkit-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}



.downArrow img {

    display: block;

    margin: 0 auto;

}



.HomeHeaderNav {

    position: absolute;

    top: 0;

    z-index: 9999;

    width: 100%;

    min-height: 400px;

}



header {

    position: relative;

}



.SlideShowWide {

    display:block;

}



.SlideShowMobile {

    display:none;

}



@media (max-width:800px) {

    

    .SlideShowWide {

        display:none;

    }



    .SlideShowMobile {

        display:block;

    }

    

    .HomeHeaderNav {

        position: absolute;

        top: 0;

        z-index: 9999;

        width: 100%;

        min-height: 400px;

    }

}



.widgetarea--HomeHeaderText.TextSlider {position: absolute;bottom: 25%;left: 50%;transform: translate(-50%);width: 100%;display: none;}



.slider {

    position: relative;

    max-height: 400px;

    overflow: hidden;

}



.nav-links span, .nav-links a {

    background: #219ccf;

    color: #fff;

    font-weight:  100;

    padding: .5em .5em;

    line-height: 1;

    margin: 0 2px;

}



.nav-links span.page-numbers.current {

    background: #1d1d1d;

}



.nav-links span:hover, .nav-links a:hover {

    color: #fff;

    background: #1d1d1d;

}



.HeaderLink {

    color: #fff;

    font-weight: 600;
    
    text-decoration: none;

}



.HeaderLink:hover {

    color: #219ccf;

}

.slideshow_container .slideshow_view .slideshow_slide.slideshow_slide_image .slideshow_description_box {
    position: absolute !important;
    background:  none;
    color: #fff !important;
    opacity:  1;
    text-shadow: 0 0 6px rgba(0,0,0,0.9), 0 0 6px rgba(0,0,0,0.9), 0 0 10px rgba(0,0,0,0.9);
    max-width: 550px !important;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, 50% );
    font-size:  140%;
    bottom: 50% !important;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
}

.slideshow_container_style-light .slideshow_description_box div.slideshow_title {
    font-size:  1.6em !important;
}