/*
Theme Name: Fitzroy Basin Association
Theme URI: http://fba.org.au
Version: 2016.1
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;
            font-family: "prenton",sans-serif;
        }

            h1 {
                margin:0 0 .5em;
            }

                .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, .search__keyword-notice {
    font-size:1.4em !important;
	font-weight: 300;
/*	text-align: justify;*/
}

.search__keyword-notice--notfound {
	font-size: 1em!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: "acumin-pro",sans-serif;
		font-weight: 300;
    }

    body {
        color: #58595b;
        -webkit-text-size-adjust: 100%; /* Disable automatic iOS text resizing */
        font-size: 100%; /* Baseline: this means that 1em = 16px */
    }

.contentbox {
    width: 100%;
    margin: auto;
    font-size: 1em; /* 20px for normal paragraph text */
}

.gutter-wrap {
    padding:0 5%;
}

    .gutter-wrap--primary {
        clear:both;
        background:#fff;
    }

    .sidebar {
        margin:0 0 1.5em;
        padding:0 1.25em;
        float:right;
        clear:both;
        width:100%;
    }

        .sidebar--posts {
            float: none;
            padding: 0;
            margin: 0;
        }
    
article {
    padding:1.5em 0;
}

/***************************************************************
 *
 * Header
 *
 ***************************************************************/

.site-info {
    padding-top:.25em;
    padding-bottom:.75em;
    background:#FFF;
}

    .site-info--contains-menu {
        padding-bottom:0;
    }

    .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 {
            width: 100%;
			max-width: 180px;
        }

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

        @media (max-width:750px) {

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

        }

        .site-info__usereditable>li {
            display:block;
            margin:.75em 0 0;
            font-size:1.25em;
            line-height:1.25;
        }

        .site-info__usereditable a[href^="tel"] {
            text-decoration:none;
        }

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

        }

.TopLinks {
	color:#FFF;
	/*display:flex;
	align-content: center;
	justify-content: center;*/
}

.TopLinks a {
	color: #FFF;
	text-decoration: none;
	/*border-right: 1px solid #FFF;*/
	display: inline-block;
	text-align: center;
	padding:0 5px 0;
	line-height: 2;
}

.TopLinks a.hover {
	color:#FFF;
	text-decoration:underline;
}

.TopLinks a.icon {
	width: 30px;
	height: 30px;
	padding:10px;
}

a.mail, a.mail:hover {
	background-image:url(images/mailicon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80%;
}

a.phone, a.phone:hover {
	background-image:url(images/phoneicon-new.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80%;
}

a.FB, a.FB:hover {
	background-image:url(images/fbicon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80%;
}

a.TW, a.TW:hover {
	background-image:url(images/twicon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80%;
}

a.YT, a.YT:hover {
	background-image:url(images/yticon.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80%;
}


.TopLinks img {
	margin: 0 auto;
	width:30px;
	/*display: inline-block;
	position: absolute;
	top: -17px;*/
}

.TopLinks a:last-child {
	border-right:none;
	position: relative;
}

a.ContactLink {
	line-height: 1.4em;
	background:#ca9233;
	color:#FFF;
	border-radius: 20px;
	border:1px solid #ca9233;
	padding:2px 15px 3px;
	font-size: 13px;
	margin-bottom: 10px;
}

a.ContactLink:hover {
    background: #67675d;
    border:1px solid #67675d;
	text-decoration: none;
	color:#FFF;
}

form input#s {
	border:none;
	border-bottom:2px solid #67675d;
	background: transparent;
	background-color: transparent;
	color:#67675d;
	-webkit-appearance:none;
	outline: none;
	padding:5px 40px 5px 2px;
	width: 100%;
    font-size: 15px;
	background: url(images/mag-glass.png) right center no-repeat;
    background-size: 20px 20px;
	border-radius: 0;
}

.TopLinks p, #searchform {
	margin:0 0;
}

@media (max-width:750px) {
	
	.TopLinks a {
	border-right:none;
}
	
	a.ContactLink {display:none;}
	
	form input#s {
		max-width: 264px;
	}
}


header ::-webkit-input-placeholder {
   color:#67675d;
}

header :-moz-placeholder { /* Firefox 18- */
   color:#67675d;
}

header ::-moz-placeholder {  /* Firefox 19+ */
  color:#67675d;
}

header :-ms-input-placeholder {  
   color:#67675d;
}

 .FeaturedImg {
	position:relative; 
	margin: 0 auto; 
	text-align: center; 
	overflow:hidden; 
	margin-bottom:0; 
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	color:#FFF;
	min-height:330px}

@media (max-width:535px) {
	
	 .FeaturedImg {
	min-height: 200px;
	background-size: contain;
	}
	
	
}


.hideonwide {
	display:none;
}

@media (max-width:750px) {
	.hideonwide {
	display:block;
}
}

/* USED ON INTERNAL PAGES TO DISPLAY THE OLD FEATURED IMAGE  NOT AS A BACKGROUND */

.FeaturedImgFull  {
    display: block;
    width:100%;
	max-width: 1400px;
    margin:1.5em auto 0;
    text-align: center
}

.FeaturedImgFull img {
	margin: 0 auto;
	width:90%;
    display: block;
}

.SlideShowMobile {
    display:none;
}

.SlideShowWide {
    display:block;
}

@media (max-width:767px) {

    .SlideShowMobile {
    display:block;
}

.SlideShowWide {
    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:center;
}

/* Make this look like a nav bar */
.menu-under-logo-container {
    background:#67675d;
    line-height:2;
}

.nav a {
    display:block;
    color:#000;
    border:none;
    line-height:1.3;
    text-decoration: none;
}

    .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;
		text-align: left;
    }

    .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-color:#5f7e23;
    }

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: #ca9233;
        color: #FFF;
    }

.contains_submenu>a {
    position:relative;
}

    .show_nav_children {
        position:absolute;
        top:-.25em;
        bottom:-.25em;
        right:-6%;
        line-height:2.5;
        font-weight:400;
        cursor:pointer;
    }

/*
 * Section menu
 */

.section-menu {
    overflow:hidden;
    background:#ca9233;
}

    .gutter-wrap--primary+.section-menu {
        padding-top:0;
        padding-bottom: 0;
    }

.section-menu h1 {
	font-size: 2.2em;
	font-weight: 400;
	color: #11363d;
    font-family: "prenton",sans-serif;
}

.section-menu .sub-menu {
        display:flex;
        flex-flow: wrap row;
        justify-content: center;
        text-align: center;
        padding:0;
        margin:0 -.25em;
        font-size:1em;
    }

        .section-menu .sub-menu .sub-menu {
            font-size:.9em;
        }

/*
        .section-menu .sub-menu li {
            display:-ms-flexbox;
            display:flex;
            -ms-flex:1 1 auto;
            -webkit-flex:1 1 auto;
            flex:1 1 auto;
        }
*/

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

    .section-menu a {
        display: block;
        min-width:100%;
        padding: .8em;
        -ms-flex:1;
        flex:1;
        color: #FFF;
        line-height:1.3;
        font-size: 1.15em;
        text-align: center;
        text-decoration:none;
        transition: background 70ms linear;
        border-bottom: 5px solid #ca9233;
    }

        .section-menu .menu-image {
            display: block;
            margin: 0 auto .5em;
            max-width: 9em;
            padding: 0 !important /* Overwrite menu image styles */;
        }

        .section-menu.section-menu .current-menu-item>a {
            color:#FFF;
/*            background: rgba(255,255,255,0.5);*/
/*            font-weight: bold;*/
            background:transparent;
            border-bottom: 5px solid #FFF;
        }

        .section-menu a:hover {
            text-decoration:none;
            /*background: rgba(255,255,255,0.25);*/
            border-bottom: 5px solid #deb421;
        }


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

    .section-menu .menu>li>a,
    .section-menu .current-menu-parent > a,
    .section-menu .sub-menu li {
        display:none;
    }

        .section-menu li .current-menu-item,
        .section-menu li .current-menu-parent,
        .section-menu .current-menu-parent li,
        .section-menu li .current-menu-parent > .sub-menu > li,
        .section-menu li .current-menu-ancestor {
            display: block;
        }


/* 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: url(images/header-bg.png) top center repeat-x;
		background-size: contain;
    }

        .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: #deb421;
            color: #000;
        }

    .contains_submenu>a {
        padding-right:1.5em;
    }

        .show_nav_children {
            padding:0 .75em 0 .5em;
        }

}

#under-logo ul.sub-menu {display: none;}

/* Mobile menu styles */
@media (max-width: 750px) {
	
	#under-logo ul.sub-menu {
		display: block;
		background: #444;
	}

    /* 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;
		font-size: 1.3em;
    }

        .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: #deb421;
            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);
        }
}


/*
 * Slide panel
 */

/* Mobilefirst default appearance styles */

.slide-panel {
	margin:0 auto;
}

.slide-panel__trigger-label--under-logo {
    color:#fff;
}

@media (max-width:750px) {
    .slide-panel__panel--main-nav {
        font-size: 1.1em;
    	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12373d+0,0b1d20+100 */
		background: #67675d; /* Old browsers */
	}
	
	ul#under-logo:before {
	content:"Menu";
	display:block;
	width:100%;
	color:#FFF;
	text-align: center;
	margin:20px auto 20px;
	font-size:1.7em;
	border-bottom: 1px solid #FFF;
	padding-bottom:5px;
}
	
	ul.sub-menu {
		/*background: rgba(0,0,0,0.4);*/
	}
	
	.sub-menu a {
        padding:.35em .7em;
		text-align: center;
    }
	
	a.ContactLink {display:none;}
	
	#SocialMediaMobile {
		width:90%;
		margin:0 5% 0;
	}
	
	#SocialMediaMobile:before {
	content:"#Connect";
	display:block;
	width:100%;
	color:#FFF;
	text-align: center;
	margin:20px auto 20px;
	font-size:1.7em;
	border-bottom: 1px solid #FFF;
	padding-bottom:5px;
}
	
	#SocialMediaMobile:after {
	content:"";
	width:100px;
	height: 50px;
	 background: url(images/fba-footer-logo-wht.png) center center no-repeat;
	background-size: contain;
	display:block;
	width:100%;
	color:#FFF;
	text-align: center;
	margin:90px auto 20px;
}
	
	#SocialMediaMobile a {
		padding:0.3em 0.4em;
	}	
	
}


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

    .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,
            #000 0,
            #000 15%,
            transparent 15%,
            transparent 42%,
            #000 42%,
            #000 57%,
            transparent 57%,
            transparent 85%,
            #000 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;
    }
	
	.slide-panel {
	margin:0;
}
}

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


/***** NEW USER CONTROLLED SUBMENU *******
* FBA wanted more control of the submenu so now using ACF and Custom Menu
* plugins a custom menu has to be created for each page that needs it 
***************************************************************/

.NewSubMenu {
    display:block;
    width:100%;
    overflow:hidden;
    background:#ca9233;
}

.NewSubMenu ul.menu {
    display:flex;
    flex-flow: wrap row;
    justify-content: center;
    text-align: center;
    padding: 0;
    margin: 0 -.25em;
    font-size: 1em;
}

.NewSubMenu ul.menu a {
    display: block;
    min-width: 100%;
    padding: .8em;
    -ms-flex: 1;
    flex: 1;
    color: #FFF;
    line-height: 1.3;
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    transition: background 70ms linear;
    border-bottom: 5px solid #ca9233;
}

.NewSubMenu ul.menu li.current_page_item a, .NewSubMenu ul.menu li.current-page-ancestor a {
    border-bottom: 5px solid #005677
}

.NewSubMenu ul.menu li.current_page_item a:hover, .NewSubMenu ul.menu li a:hover, .NewSubMenu ul.menu li.current-page-ancestor a:hover {
    border-bottom: 5px solid #FFF
}


/*** HIDE SUBMENU ITEMS IN MOBILE MENU ****/
@media (max-width:750px) {
 
	header .sub-menu img.menu-image {display: none!important;}
    
    .TopLinks a {
        display: inline-block;
    }
	
	.NewSubMenu {display:none;}
	
	/*** news posts submenu ****/
	
	.section-menu {display:none;}
}


/***************************************************************
 *
 * Main Content - <article>
 *
 ***************************************************************/

article.home {
	text-align: center;
}

.TitleBar {
	background: url(images/header-bg.png) top center repeat-x;
	background-size: contain;
	/*background: #0b4386;*/
	width:100%; 
	margin: 0 auto; 
	}

.TitleBar .contentbox {
	padding: 0 3% 0;
	background: url(images/white-corner.png) right center no-repeat;
	background-size: contain;
	max-width: 100%;
	width:100%;
}

.TitleBar h1 {
	font-size: 2.8em;
	color:#FFF;
	padding: 20px 60px 20px 3%;
	font-weight: 300;
	display: block;
	margin: 0 auto;
	max-width: 1600px;
    font-family: "prenton",sans-serif;
	}

article h1 {
    font-size: 2.8em;
	font-weight: 500;
	color: #005677;
    font-family: "prenton",sans-serif;
}

article h2 {
    font-size: 1.8em;
	font-weight: 100;
	color: #0b4385;
/*	border-bottom: 1px solid #58595b;*/
	padding-bottom: 10px;
	margin:1.5em 0 10px;
    font-family: "prenton",sans-serif;
}

article h3 {
    font-size: 1.6em;
	font-weight: 400;
	color: #0b4385;
/*	border-bottom: 1px solid #58595b;*/
	padding-bottom: 5px;
    font-family: "prenton",sans-serif;
}

article h4, article h5, article h6 {
    font-size: 1.2em;
	font-weight: 400;
	color: #0b4385;
    font-family: "prenton",sans-serif;
}

article a {
    color:#0b4385;
}

article a:hover {
    color:#0f454e;
}

/* 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%;
	border:10px solid #FFF;
box-shadow: 0 0 20px #888
}

    body.attachment .wp-caption {
        background:none;
        overflow: visible;
    }

    .wp-caption.alignnone {
        margin:1.5em 0;
		display: block;
		width: 100% !important;
    }

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

.gallery-icon a, .gallery img {
    display:block;
}

    .gallery img {
        max-width:95%;
        width:auto;
        height: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: 33.33%;
}
.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, .article-types a {
    color: #fff;
    background:#0c4486 ;
    border:none;
    cursor:pointer;
    font-weight:100;
    border-radius:3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
    padding: 2px 10px 5px;
    text-decoration: none;
}

    .button:hover, button:hover, .article-types a:hover {
        color:#FFF;
        background:#11373e;
    }

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

/***************************************************************
 *
 * Service Selector Menu
 *
 ***************************************************************/

ul.ServicesSelector, ul.ServicesSelector li {
	list-style: none;
	margin:0 auto;
	padding:0;
	text-indent: 0;
	text-align: center;
}

ul.ServicesSelector {
	display:flex; 
	flex-flow: wrap; 
	justify-content: center; 
	text-align: center;
}

ul.ServicesSelector li {
	width:16%;
	color:#0b1e21;
}

@media (max-width:999px) {
	
	ul.ServicesSelector li {width:30%; margin-bottom: 25px;}
	
}

@media (max-width:600px) {
	
	ul.ServicesSelector li {width:48%; margin-bottom: 25px;}
	
}

@media (max-width:350px) {
	
	ul.ServicesSelector li {width:100%; margin-bottom: 25px;}
	
}

ul.ServicesSelector li img {max-width: 200px;}

ul.ServicesSelector li a {text-decoration: underline; font-size: 1.1em; color:#0b1e21;}

ul.ServicesSelector li a:hover {text-decoration: none;}

ul.ServicesSelector li h2 {
	font-weight: 400;
	font-size: 1.8em!important;
    font-family: "prenton",sans-serif;
}

a.ServiceTitle {
	text-decoration: none!important;
}

a.ServiceTitle:hover {
	text-decoration: underline!important;
}

/***************************************************************
 *
 * Sidebar
 *
 ***************************************************************/

.sidebar {
    background:#eee;
	border-radius:1em;
	box-shadow:0 0 15px #888;
}

    .sidebar--posts {
        background: none;
        border-radius: 0;
        box-shadow: none;
    }

.sidebar h2 {
	font-weight: 400;
	font-size: 2.2em!important;
	margin:20px 0 5px;
    font-family: "prenton",sans-serif;
}

.sidebar a {
	color:#58595b;
}

.sidebar a:hover {
	color:#0c4486;
}

.widget_categories ul,
.widget_categories ul li,
.sidebar ul.menu,
.sidebar ul.menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .widget_categories ul,
    .sidebar ul.menu {
        font-size: 1.2em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
    }

        .widget_categories ul li,
        .sidebar ul.menu li {
            border-right:1px solid #cbd3d4;
        }

            .widget_categories ul li:last-child,
            .sidebar ul.menu li:last-child {
                border-right: none;
            }

        .widget_categories ul li a,
        .sidebar ul.menu li a {
            display:block;
            margin-left: 1em;
            margin-right: 1em;
            text-decoration: none;
        }

            .widget_categories ul li:first-child a,
            .sidebar ul.menu li:first-child a {
                margin-left: 0;
            }

            .widget_categories ul li:last-child a,
            .sidebar ul.menu li:last-child a {
                margin-right: 0;
            }

            .widget_categories ul li a,
            .widget_categories ul li a:hover,
            .sidebar ul.menu a,
            .sidebar ul.menu a:hover {
                color:#11363d;
                background:transparent;
            }

            .widget_categories .current-cat a,
            .sidebar ul.menu .current-menu-item a {
                font-weight: bold;
            }


body.single-article .FeaturedImgFull {
	display: none;
}

body.single-article article.narrow img {
	border: 5px solid #FFF;
	box-shadow: 0 0 20px #777;
}

/***************************************************************
 *
 * Business listings
 *
 ***************************************************************/

.page-template-template-business-services .post-box a,
.term-business-management .post-box a,
.tax-service-type .post-box a {
	text-decoration: none;
	border-top: 12px solid #0b4385;
	padding: 20px 3%;
	text-align: center;
	font-size: 1.2em;
}


/***************************************************************
 *
 * News and/or blog
 *
 ***************************************************************/

body.archive .FeaturedImgFull, body.category .FeaturedImgFull, body.single-post .FeaturedImgFull{
	display: none;
}

article.newspage img {
	border:5px solid #FFF;
	box-shadow: 0 0 20px #777;
/*	width:100%;*/
}

article.newspage img.noeffects {
    border:none!important;
	box-shadow: none!important;
}


@media (min-width:650px) {
    .post-box-container {
        display:-ms-flexbox;
        display:flex;   
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
        justify-content: left;
/*
        -ms-flex-pack: justify;
        justify-content: space-between;
*/
    }
}

.post-box {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column;
    margin:0 1% 1em 0;
    position:relative;
    box-shadow: 0.3em 0.3em 0.5em #CCC;
	padding-bottom:10px;
}

    @media (min-width:650px) {
        .post-box {
            width: 47%;
            margin:0 3% 3% 0;
        }
    }

        /* More columns for case studies, etc */
        @media (min-width:1024px) {
            .post-box {
                width: 30.3%;
                margin:0 3% 3% 0;
            }
        }

.category .post-box:first-child {
    width:100%;
}


    .post-box__title {
        margin: .75em 0 .25em;
        border-bottom: none;
        padding: 0;
        font-size: 1.2em;
       line-height: 1.4;
        text-align: center;
    }

        .post-box__title a {
            text-decoration: none;
        }

    .post-box__imagery {
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        -ms-flex-order:-1;
        order:-1;
        position: relative;
        overflow: hidden;
        max-height: 160px;
        border-bottom: 1px solid #CCC;
    }

.tax-articles .post-box__imagery {
    max-height: 100%;
}

@media (max-width:650px) {
    
     .post-box__imagery {
        max-height: 200px;
    }
    
}


.category .post-box:first-child .post-box__imagery {
    max-height: 450px;
}
        .post-box__img {
            display:block;
            width:100%;
        }

    /* Gutters */
    .post-box__text {
        padding:0 1.5em .25em;
    }

        .post-box__text {
            -ms-flex:1 1 auto;
            flex:1 1 auto;
        }

    .post-box__link--image {
        text-decoration:none;
    }

    .post-box__excerpt--button,
    .post-box__excerpt--button:hover {
        color:#FFF;
        background:#0b4386;
        border-radius:3px;
        padding:.3em .7em;
        display:block;
        float:right;
    }

        .post-box__excerpt--button:hover {
            color:#FFF;
			background:#11363d;
        }

    .post-box__date, .postdate, .postmetadata {
        font-size:0.7em;
        margin:0;
        display: block;
        text-align: center;
        color: #777;
    }

.single .postdate {
    text-align: left;
}

.single article h1 {
    margin-bottom: 5px;
    font-family: "prenton",sans-serif;
}


.pagination {
    margin:1em 0;
}

.post-box__cta {
	margin-bottom: 10px;
	padding: 0 1.5em 0em;
	display:none;
}

.post-box__cta a {
	float:right;
}


.post-box__excerpt {
	display:none;
}

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

/*
.single-article #content img.size-full {
    display: block;
    width:100%;
}
*/

/***************************************************************
 *
 * Content Blocks and CTA's
 *
 ***************************************************************/

.NewsEventsContainer {
	width:100%;
	background:#d2d1cd;
}

.NewsEventsContainer .contentbox {
	display: flex;
	 -ms-flex-flow:row wrap;
    flex-flow:row wrap;
	padding-top:20px;
	padding-bottom:20px;
}


.cta {
    width:100%;
    background: #ccc;
}

.cta .heateor_sss_sharing_container {
    display: none;
}

.cta1, .cta2 {
	color:#66685d;
	padding:10px 3% 10px;
	position: relative;
}

.cta1 h2, .cta2 h2 {
	font-weight: 600;
	font-size: 2.2em;
	margin:0 0 5px 0;
    font-family: "prenton",sans-serif;
}


.cta1 {
	width:40%;
	background: transparent;
}

/* EVENTS CALENDAR WIDGET */

.cta1 .rhc-widget-upcoming-title a {
	color:#66685d;
	font-weight: bold;
}

.cta1 .rhc-widget-upcoming-title a:hover {
	color:#66685d;
	font-weight: bold;
	text-decoration: none;
}

.cta1 .rhc-widget-upcoming-item:after {
	content:"";
	display: block;
	width: 100%;
	height: 15px;
	clear:both;
}

.cta1 .rhc-widget-b .rhc-featured-date {
	border: none;
	background: #FFF;
}

.cta1 .rhc-widget-b .rhc-date-month-year {
	background-color: #ba0000;
}

.cta1 .rhc-widget-b .rhc-date-day {
	color:#000;
}

.cta1 h2.widgettitle {
	margin-bottom:17px;
    font-family: "prenton",sans-serif;
}

.cta1 li.widget {
	list-style: none;
}

.cta2 {
	width:60%;
	background: transparent;
	margin:0 auto;
}

.cta2 .news-grid_loop {
	display: flex;
	 -ms-flex-flow:row wrap;
    flex-flow:row wrap;
}

.cta2 .news-grid__storyposter img {
	width:100%;
	box-shadow: 0 0 20px #777;
}

.cta2 h3.news-grid__storytitle a {
	color:#66685d;
	font-weight: 400;
	text-decoration: none;
}

.cta2 h3.news-grid__storytitle a:hover {
	color:#66685d;
	font-weight: 400;
	text-decoration: underline;
}

.cta2 a .news-grid__readmore {
	color:#66685d;
	text-decoration: underline;
}

.cta2 a .news-grid__readmore:hover {
	color:#66685d;
	text-decoration: underline;
	font-weight: bold;
}

.cta2 .news-grid_loop .news-grid__story {
	width: 48%;
	margin: 5px 1% 1em;
	padding: 15px;
}

a.see-all {
	color:#FFF;
	text-align: right;
	text-decoration: none;
	font-weight: 300;
	font-size: 1em;
	display: block;
    float: right;
	background:#ca9233;
	border-radius: 3px;
	padding: 2px 10px 5px;
}

    a.see-all:hover {
    	text-decoration: none;
		background: #67675d;
    }

.cta3 {
    /* Hiding CTA3 for now - Jo doesn't want it and there's nothing to put in it's place*/
	padding:20px 0 20px;
	background:#67675d;
	background-size: cover;
}

.cta3 img {
	width:100%;
	max-width: 200px;
}

.cta3 .contentbox {
	margin:0 auto;
	text-align: center;
	color:#FFF;
}

.cta3 a.button {
	background:#FFF;
	color:#0079c2;
	font-weight: 300;
	font-size: 1.8em;
	padding: 0px 30px 5px;
	border-radius: 10px;
}

.cta3 a.button:hover {
	background:#deb421;
	color:#000;
}

@media (max-width:1366px) {
	
	.cta3 {
	display:block;
	padding:20px 0 20px;
}
	
	.cta3 .contentbox {
	padding:0 3% 0;
	}
	
}

@media (max-width:670px) {
	
	.cta3 .contentbox {
	text-align: center;
	}
	
}

@media (max-width:440px) {
	
	.cta3 {
	display:block;
	padding:20px 0 20px;
}
	
}

.cta4 {
	display:none;
}

/*.cta4 {
	background:#FFF;
	margin: 40px 0;
}

.cta4 .contentbox {
	max-width: 900px;
	text-align: center;
}

.cta4 .Intro {
	color:#e76311;
	font-weight: bold;
}

.cta4 a.button {
	background:#e76311;
	color:#FFF;
	font-weight: 300;
	font-size: 1.8em;
	padding: 0px 30px 5px;
	border-radius: 10px;
}

.cta4 a.button:hover {
	background:#000;
	color:#FFF;
}

.cta4 h2 {
	font-weight: 300;
	font-size: 2em;
}

.CTA4FB {
	display: block;
	max-width: 200px;
	margin: 35px auto;
}

@media (max-width:999px) {
	
	.cta4 .contentbox {
	max-width: 100%;
	margin:0 auto;
	text-align: center;
	padding:0 10% 0;
	}
	
}

*/

.cta5 {
	background:transparent;
	text-align: center;
	/*display: flex;
	 -ms-flex-flow:row wrap;
    flex-flow:row wrap;*/
}

.cta5 h2 {
	margin:0 0 0.5em;
    font-family: "prenton",sans-serif;
}

.cta5 .button {
background: #FFF;
border:1px solid #FFF;
color: #11363d;
font-weight: 300;
font-size: 1.8em;
padding: 0px 30px 5px;
border-radius: 10px;
margin-top: 15px
}

.cta5 .button:hover {
background: #11363d;
border:1px solid #FFF;
color: #FFF;
font-weight: 300;
font-size: 1.8em;
padding: 0px 30px 5px;
border-radius: 10px;
margin-top: 15px;
}

.InstructionHeader {
	width:40%;
	padding:0 3% 0;
}

.InstructionHeader h2 {
	width:30%;
	display: inline;
}

.InstructionHeader .Intro {
	padding-left:20px;
	width:70%;
	display: inline;
}

.InstructionHeader h2 {
	font-weight: 100;
	font-size: 2.2em;
	margin:0;
	padding:0;
	padding-right:20px;
	color:#FFF;
	border-right:2px solid #FFF;
	text-align: right;
    font-family: "prenton",sans-serif;
}

.FormContainer {
	width:60%;
}

@media (max-width:1050px) {
	
	.InstructionHeader, .FormContainer {width:100%;}
	
	.InstructionHeader {
		margin-bottom:20px;
	}
	
	.InstructionHeader .Intro {
		line-height: 2.8;
	}
	
	.FormContainer {
		text-align: center;
	}
	
}

@media (max-width:768px) {
	.InstructionHeader .Intro {
		line-height: normal;
	}
}

@media (max-width:450px) {
	.InstructionHeader h2 {
	width:100%;
	display: block;
	border:none;
	padding-bottom:5px;
	border-bottom:1px solid #FFF;
	margin-bottom: 5px;
	text-align: center;
    font-family: "prenton",sans-serif;
}

.InstructionHeader .Intro {
	padding-left:0;
	width:100%;
	display: block;
	text-align: center;
}
}



@media (max-width:800px) {

    .cta {
        width: 100%;
        margin: 0 auto 1em auto;
        float: none;
    }

}

.cta3 .contentbox {
	max-width: 900px;
	margin: 0 auto;
}

.cta3 h1 {
	font-weight: 300;
	max-width: 600px;
	margin:20px auto 20px;
    font-family: "prenton",sans-serif;
}

.cta3 h1 span {
	font-weight: bold;
	color: #ca9233;
}

.cta4 {
	border-top:2px solid #CCC;
}

.home .cta4 {
	border-top:none;
}


ul.HomeFlexbox3Col, ul.HomeFlexbox3Col li {
	list-style: none;
	text-indent: 0;
	padding:0;
	margin: 0;
}

ul.HomeFlexbox3Col {
	width:100%;
	display: flex;
	flex-flow: row wrap;
}

ul.HomeFlexbox3Col li {
	width:31%;
	margin:10px 1% 10px;
	padding:0 1% 10px;
}

ul.HomeFlexbox3Col li a {
	color:#ca9233;
	text-decoration: none;
}

ul.HomeFlexbox3Col li a:hover {
	color:#fff;
	text-decoration: underline;
}

ul.HomeFlexbox3Col li img {
	max-width: 100px;
}

.CTA3Item2 {
	border: 1px solid #FFF;
	border-top: none;
	border-bottom: none;
}

@media (max-width:700px) {
	ul.HomeFlexbox3Col li {
	width:48%;
	margin:10px 1% 10px;
	padding:0 1% 10px;
}
	
	ul.HomeFlexbox3Col li.CTA3Item3 {
	width:100%;
	margin:10px 1% 10px;
	padding:0 1% 10px;
}
	
	.CTA3Item2 {
	border: 1px solid #FFF;
	border-top: none;
	border-bottom: none;
	border-right: none;
}
	
	ul.HomeFlexbox3Col li a {
		max-width: 70%;
		display: block;
		margin: 0 auto;
	}
	
}

.flexbox-title-area {
    display: flex;
    justify-content: space-between;
    align-items:center;
}

/***************************************************************
 *
 * Grid content template
 *
 ***************************************************************/

.grid-content {
	margin-top:40px;
	margin-bottom:20px;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
	justify-content: left!important;
}

    @media (min-width:501px) {
        .grid-content__item {
            width:47%;
            margin-bottom: 1em;
        }
    }

    @media (min-width:751px) {
        .grid-content__item {
            width:30.3%;
        }
    }

    @media (min-width:1001px) {
        /*.grid-content__item {
            width:23.5%;
        }*/
    }

.grid-content__item {
	text-align: center;
    box-shadow: 0 0 15px #CCC;
    margin:0 3% 3% 0;
    padding-bottom: 20px;
}

.grid-content__item img {
/*	max-width: 220px;*/
	border-bottom:2px solid #FFF;
	box-shadow: 0 0 15px #CCC;
	width:100%;
	margin: 0 auto;
	text-align: center;
}

.grid-content__item_inner_details {
    padding:0 3% 0;
}

.grid-content__item h3 {
	border:none;
	margin:0;
	padding:0;
	color:#d4a600;
	font-weight: 100;
    font-size:1.1em;
}

.grid-content__item h2 {
	margin:10px 0 3px;
	border-bottom: none;
    font-family: "prenton",sans-serif;
    padding-bottom: 0;
    font-size: 1.6em;
    padding: 0 3% 0;
}

.grid-content__item h2 a {
	text-decoration: none;
    font-family: "prenton",sans-serif;
}

.grid-content__item-description {
	padding: 0 5% 0;
}

/***************************************************************
 *
 * Case Studies
 *
 ***************************************************************/

h2.case-study {
	font-size: 1.3em;
	border-bottom: none;
	margin-bottom: 15px;
    font-family: "prenton",sans-serif;
}

a.StudyLink {
	text-decoration: none;
}

a.StudyLink:hover {
	text-decoration: underline;
}

/* Hide Featured Image on the archive page */
body.archive.tax-articles .FeaturedImgFull {
	display: none;
}

h2.post-box__title {
	margin:10px 0 10px;
    font-family: "prenton",sans-serif;
}

h2.post-box__title a {
	color:#11363d;
	text-decoration: none;
    font-family: "prenton",sans-serif;
}

h2.post-box__title a:hover {
	color:#0b4386;
	text-decoration: none;
}

.post-box {
	box-shadow: 0 0 15px #CCC;
}



/***************************************************************
 *
 * AA Community Events Calendar
 *
 ***************************************************************/

.aaec-event {
    margin-top: 1em;
    -ms-flex-align: start;
    --webkit-align-items: flex-start;
    align-items: flex-start;
}

.aaec-event__description {
    -ms-flex:1 1 auto;
    -webkit-flex:1 1 auto;
    flex:1 1 auto;
}

    .aaec-event__title.aaec-event__title {
        font-family: inherit;
        font-weight: bold;
        font-size: 1em;
        margin-bottom: .5em;
    }

        .aaec-event__title a {
            color: #fff;
        }

.cta1 .aaec-event__title a {
    color:#ca9233;
    text-decoration: none;
}

.cta1 .aaec-event__title a:hover {
    color:#ca9233;
    text-decoration: underline;
}

    .aaec-event__excerpt {
        line-height: 1.25;
    }

        .aaec-event__excerpt p {
            margin: 0;
        }

.aaec-event__date {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
    margin-right: 1em;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    background: #fff;
    color: #0b3d44;
}

    .aaec-event__date-part {
        display: block;
        padding: 0 .5em;
    }

        .aaec-event__date--month {
            background: #ba0000;
            color: #fff;
        }

        .aaec-event__date--day {
            font-size: 1.75em;
            line-height: 1;
            font-weight: normal;
            padding-bottom: .11em;
        }

        .aaec-event__date--year {
            background: #d1e3e6;
        }


/***************************************************************
 *
 * YouTube Channel Gallery (Cultural Heritage)
 *
 ***************************************************************/

/* Flex reverse column rules to get video thumbnails appearing first
 */
.epyt-gallery {
    display:-ms-flexbox;
    display:flex; 
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
}


/***************************************************************
 *
 * Contact Page
 *
 ***************************************************************/

.contact--widgetcontent,
.contact--widgetcontent>li {
    list-style:none;
    margin:0;
    padding:0;
}

/***************************************************************
 *
 * Footer
 *
 ***************************************************************/

footer {
    background:#005677;
    color:#FFF;
    font-size:.8em;
    clear: both;
}

    footer .contentbox {
        padding:1em 0;
    }

    footer a {
        color:#fff;
    }

    @media (max-width:500px) {
        .footer-widgets {
            -webkit-align-items:center;
            -moz-flex-align: center;
            align-items:center;
            text-align: center;
			display: flex;
			flex-flow: row wrap;
        }
    }

    @media (min-width:501px) {
        .footer-widgets {
            -webkit-align-items:center;
            -moz-flex-align: center;
            align-items:center;
			display: flex;
			flex-flow: row wrap;
        }
    }

.widgetarea {
	width:31%;
}
        .footer-widgets p {
            margin: 1em 0 0;
        }


        .footer-sponsor-logos {
            /*-ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;*/
			text-align: right;
        }

            .footer-sponsor-logos img {
                width: 305px;
				margin: 10px;
            }


@media (max-width:1030px) {
	.footer-sponsor-logos {
			text-align: center;
		}
}

    @media (min-width:501px) and (max-width:750px) {
        .footer-widgets {
            -ms-flex-flow:row wrap;
            flex-flow:row wrap;
        }
		
		.footer-sponsor-logos {
			text-align: center;
		}
    }


.Acknowledgement {
	background: #005677;
	text-align: center;
	margin:0 auto;
	display:block;
}

.Acknowledgement .contentbox {
	text-align: center;
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding:1.5em 3% 1.5em;
	font-size: 1.2em;
	color:#FFF;
}
 

footer .widgetarea>ul, footer .widgetarea>ul>li {
    list-style:none;
    margin:0;
    padding:0;
}

footer .widgetarea h2 {
	font-weight: 100;
	font-size: 2.2em;
	margin:0 0 5px 0;
    font-family: "prenton",sans-serif;
}

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

.widgetarea--secondary img {
	max-width: 50px;
}

.widgetarea--primary img {
	text-align: center; 
	width: 100%;
	max-width: 300px;
	padding:20px
}

.widgetarea--tertiary img {
    text-align: center; 
	width: 100%;
	max-width: 400px;
}

ul.AddressFlexBox2Col, ul.AddressFlexBox2Col li {
	list-style: none;
	text-indent: 0;
	margin: 0;
	padding:0;
}

ul.AddressFlexBox2Col {
	display: flex;
	flex-flow: row wrap;
}

ul.AddressFlexBox2Col li {
	width:50%;
}

@media (max-width:1025px) {
	.widgetarea--primary, .widgetarea--secondary {
		width:48%;
	}	
	
	.widgetarea--tertiary {
		width:100%;
		text-align: center;
	}
}

@media (max-width:650px) {
	.widgetarea--primary, .widgetarea--secondary, .widgetarea--tertiary {
		width:100%;
		text-align: center;
	}	
	
	.widgetarea--secondary {
		order:-1;
	}
	
	ul.AddressFlexBox2Col li {
		width:100%;
		margin:20px auto 0;
		max-width: 500px;
	}
	
	.widgetarea--secondary img {
	max-width: 50px;
		margin:10px;
}
	
	
}

ul#menu-useful-links, ul#menu-useful-links li {
	margin:0;
	padding:0;
	list-style:none;
	text-indent: none;
}

ul#menu-useful-links li a {
	text-decoration: none;
}

ul#menu-useful-links li a:hover {
	text-decoration: underline;
}


.FundedbyContent .contentbox {
	display:-ms-flexbox;
    display:flex; 
	-ms-flex-flow:row wrap;
    flex-flow:row wrap;
}

.LogoContainer {
	width:30%;
}

section.credits {
    clear:both;
    color:#000;
	margin:0 auto;
    padding:.5em 3% 1em;
    text-align:center;
	font-size: 12px;
	/*max-width: 999px;*/
	width:70%
}

section.credits a {
	color:#000;
	text-decoration:none;
}

section.credits a:hover {
	color:#000;
	text-decoration:underline;
}

@media (max-width:999px) {
	
	.LogoContainer {
    	width:100%;
    	text-align: center;
    	margin: 0 auto;
    }

    	section.credits {
        	width: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;
    }





/***************************************************************
 *
 * Search Page
 *
 ***************************************************************/

body.search .FeaturedImgFull {
	display:none;
}

body.search h2 a {
	text-decoration: none;
	color:#0b4385;
    font-family: "prenton",sans-serif;
}

body.search h2 a:hover {
	text-decoration: none;
	color:#d4a600;
}

.page-numbers {
	background:#0b4385;
	color:#FFF;
	padding:3px 10px 5px;
	border-radius: 3px;
}

.page-numbers:hover {
	background:#d4a600;
	color:#000;
	padding:3px 10px 5px;
	border-radius: 3px;
}

.page-numbers.current, .page-numbers.current:hover {
	background:#CCC;
	color:#000;
}

a.page-numbers  {
	text-decoration: none!important;
}

a.page-numbers:hover {
	text-decoration: underline;
}


/***************************************************************
 *
 * Flow Page & Side Bar
 *
 ***************************************************************/

/* Let's reset the default side bar styles shall we? */

ul.FlowBox2Col, ul.FlowBox2Col li {
	list-style: none;
	text-indent: 0;
	padding: 0;
	margin: 0;
}

ul.FlowBox2Col {
	display: flex;
	flex-flow: wrap row;
}

ul.FlowBox2Col li {
	width:50%;
}

ul.FlowBox2Col li ul li {
	list-style: circle;
	width: 100%;
}

#sidebar.flow {
	background:transparent;
	border-radius: 0;
	/*border-left:2px solid #000;*/
	box-shadow: none;
	padding-left:10px;
	width:44%;
}

body.page-template-template-flow-php article.narrow {
	border-right: 2px solid #000;
	margin-top:20px;
	margin-bottom: 20px;
	padding:0.25em 2em 1.5em 0;
	width:55%;
}

ul#FlowFlexBox, ul#FlowFlexBox li {
	list-style: none;
	padding:0;
	margin: 0;
	text-indent: 0;
}

ul#FlowFlexBox {
	display:-ms-flexbox;
    display:flex; 
	-ms-flex-flow:row wrap;
    flex-flow:row wrap;
	background: #eee;
	padding: 10px;
	border-radius: 8px;
}

ul#FlowFlexBox li {
	width:33%;
	border-left:2px solid #000;
	text-align: center;
	font-size: 0.9em;
	padding:5px;
}

ul#FlowFlexBox li:first-child {
	border-left:none;
	text-align: left;
}

ul#FlowFlexBox li.FlowMap {
	width:100%;
	display: block;
	border-left:none;
	margin-top: 10px;
}
#FlowFlexBox h3 {
	font-weight: 100;
	font-size: 1.5em;
	margin:0 0 5px 0;
	border-bottom: none;
}

ul#FlowFlexBox li a {
	text-decoration: none;
	font-size: 1.4em;
	color:#0c4486;
}

ul#FlowFlexBox li a:hover {
	text-decoration: none;
	font-size: 1.4em;
	color:#11373e;
}

ul#FlowFlexBox li a.button {
	display: inline-block;
	color:#FFF;
	background: #0c4486;
	margin-top: 30px;
}

ul#FlowFlexBox li a.button:hover {
	color:#FFF;
	background: #11373e;
}

@media (max-width:999px) {
	
	#sidebar.flow {
	border-left:none;
	padding-left:0;
		width:100%;
}
	
	body.page-template-template-flow-php article.narrow {
	border-right: none;
	margin: 0 auto;
	padding: 1.5em 2em 1.5em 0;
		width:100%;
}
	
}

/** Hide FLOW CTA on Flow template pages - it's not needed **/
.page-template-template-flow .cta3 {
	display: none;
}


/***** CUSTOM MENU's *******/

/* ABOUT */
article ul#menu-about, article ul#menu-about li {
	list-style: none;
	margin:0;
	padding:0;
}

ul#menu-about {
	display:-ms-flexbox;
    display:flex; 
	-ms-flex-flow:row wrap;
    flex-flow:row wrap;
}

ul#menu-about li {
	width:12%;
	margin:10px 1% 10px
}

@media (max-width:900px) {
	ul#menu-about li {
	width:25%;
	}
}

@media (max-width:600px) {
	ul#menu-about li {
	width:48%;
	}
}

ul#menu-about li a {
	display: block;
	width:100%;
	text-align: center;
	text-decoration: none;
	color:#11373e;
}

ul#menu-about li a:hover {
	text-decoration: underline;
}

/* Work With Us */
article ul#menu-workwithus, article ul#menu-workwithus li {
	list-style: none;
	margin:0;
	padding:0;
}

ul#menu-workwithus {
	display:-ms-flexbox;
    display:flex; 
	-ms-flex-flow:row wrap;
    flex-flow:row wrap;
}

ul#menu-workwithus li {
	width:25%;
	margin:10px 1% 10px
}

@media (max-width:900px) {
	ul#menu-workwithus li {
	width:25%;
	}
}

@media (max-width:600px) {
	ul#menu-workwithus li {
	width:48%;
	}
}

ul#menu-workwithus li a {
	display: block;
	width:100%;
	text-align: center;
	text-decoration: none;
	color:#11373e;
}

ul#menu-workwithus li a:hover {
	text-decoration: underline;
}


.MenuTendersContainer {display:none;}

body.category-tender-funding-opportunities .MenuTendersContainer, body.category-tender-funding-opportunities .MenuTendersContainer {
	display:block;
}


.category-tender-funding-opportunities .post-box__date {
	display:none;
}

/* NEWS */
article ul#menu-news, article ul#menu-news li {
	list-style: none;
	margin:0;
	padding:0;
}

ul#menu-news {
	display:-ms-flexbox;
    display:flex; 
	-ms-flex-flow:row wrap;
    flex-flow:row wrap;
}

ul#menu-news li {
	width:25%;
	margin:10px 1% 10px
}

@media (max-width:900px) {
	ul#menu-news li {
	width:25%;
	}
}

@media (max-width:600px) {
	ul#menu-news li {
	width:48%;
	}
}

ul#menu-news li a {
	display: block;
	width:100%;
	text-align: center;
	text-decoration: none;
	color:#11373e;
}

ul#menu-news li a:hover {
	text-decoration: underline;
}

.MenuNewsContainer {display:none;}

body.term-case-studies .MenuNewsContainer, body.category-news .MenuNewsContainer {
	display:block;
}

/* Flow */
article ul#menu-flow, article ul#menu-flow li {
	list-style: none;
	margin:0;
	padding:0;
}

ul#menu-flow {
	display:-ms-flexbox;
    display:flex; 
	-ms-flex-flow:row wrap;
    flex-flow:row wrap;
}

ul#menu-flow li {
	width:20%;
	margin:10px 1% 10px
}

@media (max-width:900px) {
	ul#menu-flow li {
	width:33%;
	}
}

@media (max-width:600px) {
	ul#menu-flow li {
	width:48%;
	}
}

ul#menu-flow li a {
	display: block;
	width:100%;
	text-align: center;
	text-decoration: none;
	color:#11373e;
}

ul#menu-flow li a:hover {
	text-decoration: underline;
}

/* SUPPORT */
article ul#menu-support, article ul#menu-support li {
	list-style: none;
	margin:0;
	padding:0;
}

ul#menu-support {
	display:-ms-flexbox;
    display:flex;
	-ms-flex-flow:row wrap;
    flex-flow:row wrap;
}

ul#menu-support li {
	width:25%;
	margin:10px 1% 10px
}

@media (max-width:900px) {
	ul#menu-support li {
	width:30%;
	}
}

@media (max-width:600px) {
	ul#menu-support li {
	width:48%;
	}
}

ul#menu-support li a {
	display: block;
	width:100%;
	text-align: center;
	text-decoration: none;
	color:#11373e;
}

ul#menu-support li a:hover {
	text-decoration: underline;
}


/* HOME MENU */
ul#menu-homepageservices, ul#menu-homepageservices li {
	list-style: none;
	margin:0;
	padding:0;
}

ul#menu-homepageservices {
	display:-ms-flexbox;
    display:flex;
	-ms-flex-flow:row wrap;
    flex-flow:row wrap;
}

ul#menu-homepageservices li {
	width:18%;
	margin:10px 1% 10px
}

@media (max-width:900px) {
	ul#menu-homepageservices li {
	width:30%;
	margin:20px 1% 20px;
	}
}

@media (max-width:600px) {
	ul#menu-homepageservices li {
	width:48%;
	margin:20px 1% 20px;
	}
}

ul#menu-homepageservices li a {
	display: block;
	width:100%;
	text-align: center;
	text-decoration: none;
	color:#11373e;
}

ul#menu-homepageservices li a:hover {
	text-decoration: underline;
}


/* REGION */
article ul#menu-region, article ul#menu-region li {
	list-style: none;
	margin:0;
	padding:0;
}

ul#menu-region {
	display:-ms-flexbox;
    display:flex; 
	-ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

ul#menu-region li {
	width:16%;
	margin:10px 1% 20px
}

@media (max-width:900px) {
	ul#menu-region li {
	width:31%;
	}
}

@media (max-width:600px) {
	ul#menu-region li {
	width:48%;
	}
}

ul#menu-region li a {
	display: block;
	width:100%;
	text-align: center;
	text-decoration: none;
	color:#11373e;
}

ul#menu-region li a:hover {
	text-decoration: underline;
}

.MenuRegionContainer {display:none;}

body.term-pests .MenuRegionContainer, body.term-plants-animals .MenuRegionContainer {
	display:block;
}

body.term-pests .post-box__date, body.term-plants-animals .post-box__date {
	display:none;
}

/* MailChimp Customisation */

.mc-embedded-subscribe-form {
    margin: 1em 0 0;
}

#mc_embed_signup {
	background:transparent!important;
}

@media (max-width:850px) {

    .mc_embed_signup_scroll {
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
    }

    .mc-field-group {
        width: 32%;            
    }

        .mc-field-group.mailcontainer {
            width: 100%;
            margin-bottom: 1.25em;
        }
}

@media (min-width:350px) and (max-width:750px) {
    .mc-field-group {
        width: 38%;
    }
}

@media (min-width:851px) {
    .mc-field-group {
        margin-right: 1em;
        -ms-flex:1 1 auto;
        -webkit-flex:1 1 auto;  
        flex:1 1 auto;
    }
}

.mc-field-group ::-webkit-input-placeholder {
    color:#58595b;
}

.mc-field-group :-moz-placeholder { /* Firefox 18- */
   color:#58595b;
}

.mc-field-group ::-moz-placeholder {  /* Firefox 19+ */
  color:#58595b;
}

.mc-field-group :-ms-input-placeholder {  
   color:#58595b;
}

.mc-field-group input {
	border:none;
	border-bottom: 1px solid #58595b;
	background: transparent;
	color:#58595b;
	-webkit-appearance:none;
	outline: none;
	border-radius: 0;
	padding:2px 0 5px 10px;
	width:100%;
}

.mc-field-group input:focus {
    border-color: #000;
}

.mc-field-group label {
	display:none;
}


/***** JOBS SECTION ******/

.JobContainer {
	display:block;
	margin:10px 1% 10px;
	border:1px solid #000;
	padding:10px 3% 10px;
}

.JobContainer h2 {
	margin-top:0;
	padding-top:0;
    font-family: "prenton",sans-serif;
}

ul.Job, ul.Job li {
	list-style: none;
	text-indent: 0;
	padding:0;
	margin:0;
}

ul.Job {
	display: flex;
	flex-flow: row wrap;
}

ul.Job li {
	width:33%;
}

ul.Job li .small {
	font-size: 10px;
	color:#888;
}

.JobListingContainer {
	padding:5px 10px 5px;
	margin-bottom:5px;
}
	
.job_listing_2, .job_listing_4, .job_listing_6, .job_listing_8, .job_listing_10, .job_listing_12, .job_listing_14, .job_listing_16, .job_listing_18, .job_listing_20 {
	background:#CCC;
}

.TXTright {text-align: right;}

.page-template-template-events .aaec-category-select {
	display:none!important;
}

.span_8_of_12 {
	width:100%!important;
}

.col {
	float: none!important;
}

button.button.aaec-save-event.aaec-edit-submit {
	font-size: 18px;
}

p.aaec-scroll-down {
	display: none!important;
}


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

.EventsFilter {
    display: block;
    width:100%;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:10px 1%;
}

.EventsFilter h3 {
    font-weight: 100;
    margin:0;
    padding:0;
    font-size: 1.2em;
} 

.EventsFilter h4 {
    font-weight: 100;
    margin:0;
    padding:0;
    font-size: 0.8em;
} 

.EventsFilter ul {
    list-style: none;
    text-indent: 0;
    padding:0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.EventsFilter ul li {
    flex-basis: 23%;
    margin: 5px;
}

.EventsFilter ul li a {
    display: block;
    text-align: center;
}

.button.flow {
    background:#00587d;
}

.button.landholder {
    background:#c9921b;
    color:#000;
}

.button.community {
    background:#5f7e23;
}

.button.allevents {
    background: #535750;
}

.button.flow:hover, .button.landholder:hover, .button.community:hover, .button.allevents:hover {
    background: #11373e;
    color:#FFF;
}

@media (max-width:750px) {
    
    .EventsFilter ul {
        flex-flow: wrap row;
    }
    
    .EventsFilter ul li {
    width:48%;    
    flex-basis: 48%;
    margin: 1%;
}
    
} 

/******* APPLE STYLE SECONDARY MENU *******/

.section-menu .contentbox {
    max-width: 1200px;
    margin: 0 auto;
}

.section-menu  .menu-image-title {
    font-size:12px;
}

.backtotop {
    display: none;
    text-align: right;
}

.backtotop .contentbox {
    padding:1em 3% 1em;
}

.backtotop a {
    text-decoration: none;
    color:#11373e;
}

.backtotop a:hover {
    color:#11373e;
    text-decoration: underline;
}

/**** Static Banners ******/


.StaticAdvertWide, .StaticAdvertMobile, .StaticAdvertWide img, .StaticAdvertMobile img {
    display:block;
    width:100%;
}

.StaticAdvertMobile {
    display:none;
}

.AdditionalContent {
    display:block;
    width:100%;
/*
    background: url(images/FBA_Button_Banner_bg.jpg) center center no-repeat;
    background-size: cover;
*/
    background:#535750;
    padding:0;
    margin:0 auto;
}


.AdditionalContent .ContentBox {
    display: block;
    margin:0 auto;
    text-align: center;
    max-width: 800px;
}

.AdditionalContent h2 {
    display:block;
    text-align: center;
    margin:0 auto;
    padding:20px 3% 10px;
    font-weight: bold;
    color:#FFF;
    font-family: "prenton",sans-serif;
}

.AdditionalContent ul, .AdditionalContent ul li {
    list-style: none;
    text-indent: 0;
    text-align: center;
    margin:0 auto;
    padding:0;
}

.AdditionalContent ul {
    display:flex;
    flex-flow: wrap row;
    max-width:1400px;
    margin: 0 auto;
}

.AdditionalContent ul li {
    width:33%;
}

.AdditionalContent ul li img {
    width:100%;
}

.AdditionalContent ul li img:hover {
    width:95%;
}

.AdditionalContent a.button {
    display:inline-block;
    margin:20px 10px 20px;
    padding:10px 20px;
    background:#c9921b;
}

.AdditionalContent a.button:hover {
    background: #11373e
}
    
@media (max-width:750px) {
    
    .StaticAdvertMobile {
    display:block;
    }
    
    .StaticAdvertWide {
    display:none;
    }
    
    .AdditionalContent ul li {
    width:50%;
}
    
}

/***** ADDITIONAL MENU ******/

.sub-menu .current-page-ancestor {
    display:none!important;
}

.current_page_item.menu-item-has-children a {
    border-bottom:none!important;
}

/****** PAGE MENU TILES ********/

.page-template-template-page-with-menu #content ul.menu, .page-template-template-page-with-menu #content ul.menu li, .page-template-template-jobs #content ul.menu, .page-template-template-jobs #content ul.menu li, .article-template-default #content ul.menu {
    list-style:none;
    text-indent: 0;
    padding:0;
    margin:0;
}


/***** FROM CFWF *****/

.page-template-template-page-with-menu #content ul.menu, .page-template-template-jobs #content ul.menu, .article-template-default #content ul.menu  {
/*
    display:grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    max-width: 100%;
    margin: 0 auto;*/
    display:flex;
    flex-flow: wrap row;
}

.page-template-template-page-with-menu #content ul.menu li, .page-template-template-jobs #content ul.menu li, .article-template-default #content ul.menu li {
    position: relative;
    overflow: hidden;
    border:none; /* DEFAULT IS GOLD */
    width:30.3%;
    margin:0 3% 3% 0;
}

/***** COLOUR VARIATION - ********/


/* GOLD */
.page-template-template-page-with-menu #content ul.menu li.showborder:nth-child(3n+1), .page-template-template-page-with-menu #content ul.menu li.showborder:nth-child(3n+4), .page-template-template-jobs #content ul.menu li.showborder:nth-child(3n+1), .page-template-template-jobs #content ul.menu li.showborder:nth-child(3n+4)  {
    border:3px solid #c7911b; 
}

/* BLUE */
.page-template-template-page-with-menu #content ul.menu li.showborder:nth-child(3n+2), .page-template-template-jobs #content ul.menu li.showborder:nth-child(3n+2) {
    border:3px solid #00587e; 
}

/* GREEN */
.page-template-template-page-with-menu #content ul.menu li.showborder:nth-child(3n+3), .page-template-template-jobs #content ul.menu li.showborder:nth-child(3n+3) {
    border:3px solid #5e7d23; 
}

.page-template-template-page-with-menu #content ul.menu li:hover, .page-template-template-jobs #content ul.menu li:hover, .article-template-default #content ul.menu li:hover {
    box-shadow: 0 0 10px #000;
}

/* HIDE TITLES BY DEFAULT */
.page-template-template-page-with-menu #content ul.menu li .menu-image-title, .page-template-template-jobs #content ul.menu li .menu-image-title {
     display:none;
}

/* SHOW TEXT IN MENU TITLES - use keyword showtext in the menu class wordpress */
.page-template-template-page-with-menu #content ul.menu li.showtext .menu-image-title, .page-template-template-jobs #content ul.menu li.showtext .menu-image-title, .article-template-default #content ul.menu li.showtext .menu-image-title {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 0;
    padding: 20px;
    margin: 0 auto;
    text-align: left;
    color: #00587e;
    font-weight: 400;
    text-decoration: none;
    font-size: 1.3em;
    font-family: "prenton",sans-serif;
    line-height: 1em;
    background: #FFF;
    width:100%;
}

/***** TEXT COLOUR VARIATION ********/
/* GOLD */
.page-template-template-page-with-menu #content ul.menu li:nth-child(3n+1) .menu-image-title, .page-template-template-page-with-menu #content ul.menu li:nth-child(3n+4) .menu-image-title, .page-template-template-jobs #content ul.menu li:nth-child(3n+1) .menu-image-title, .page-template-template-jobs #content ul.menu li:nth-child(3n+4) .menu-image-title  {
    color:#c7911b;
}

/* BLUE */
.page-template-template-page-with-menu #content ul.menu li:nth-child(3n+2) .menu-image-title, .page-template-template-jobs #content ul.menu li:nth-child(3n+2) .menu-image-title {
    color:#00587e;
}

/* GREEN */
.page-template-template-page-with-menu #content ul.menu li:nth-child(3n+3) .menu-image-title, .page-template-template-jobs #content ul.menu li:nth-child(3n+3) .menu-image-title {
   color:#5e7d23; 
}

/******* HIDE THE BORDERS IF NOT NEEDED - use keyword noborder in the menu class wordpress */
.page-template-template-page-with-menu #content ul.menu li.noborder, .page-template-template-jobs #content ul.menu li.noborder, .article-template-default #content ul.menu li.noborder {
    border:none!important;
}


.page-template-template-page-with-menu #content ul.menu li img, .page-template-template-jobs #content ul.menu li img, .article-template-default #content ul.menu li img {
    height: 100%;
}

.page-template-template-page-with-menu #content ul.menu li.menu-item a.menu-image-title-below.menu-image-not-hovered img, .page-template-template-page-with-menu #content ul.menu li.menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper, .page-template-template-jobs #content ul.menu li.menu-item a.menu-image-title-below.menu-image-not-hovered img, .page-template-template-jobs #content ul.menu li.menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper, .article-template-default #content ul.menu li.menu-item a.menu-image-title-below.menu-image-not-hovered img {
    padding-bottom: 0px!important;
    width:100%;
}

@media (max-width:900px) {
    
/*
.page-template-template-page-with-menu #content ul.menu  {
    display:grid;
    grid-template-columns:50% 50%;
}
*/
    
    .page-template-template-page-with-menu #content ul.menu li, .page-template-template-jobs #content ul.menu li, .article-template-default #content ul.menu li { 
    width:47%;}
    
    .page-template-template-page-with-menu #content ul.menu li .menu-image-title, .page-template-template-jobs #content ul.menu li .menu-image-title, .article-template-default #content ul.menu li .menu-image-title {
        font-size:1.1em;
    }
    
    .page-template-template-page-with-menu #content ul.menu.big .menu-image-title, .page-template-template-jobs #content ul.menu.big .menu-image-title, .article-template-default #content ul.menu.big .menu-image-title {
    font-size:1.6em;
}
    
}

/**** IE 9+ *****/

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     
    .page-template-template-page-with-menu #content ul.menu, .page-template-template-jobs #content ul.menu, .article-template-default #content ul.menu  {
    display:flex;
    flex-flow: wrap row;
    } 
     
     .page-template-template-page-with-menu #content ul.menu li, .page-template-template-jobs #content ul.menu li, .article-template-default #content ul.menu li {
         width:25%;
     }    
     
     .page-template-template-page-with-menu #content ul.menu, .page-template-template-jobs #content ul.menu, .article-template-default #content ul.menu  {
    display:flex;
         flex-flow: wrap row;
    }
     
     .page-template-template-page-with-menu #content ul.menu li, .page-template-template-jobs #content ul.menu li, .article-template-default #content ul.menu li {
    width:30.3%;
    }
     
}


/****** RELATED POST PLUGIN *********/

.AA-related .post-box:first-child {
    width: auto;
}

@media (min-width:650px) {
    
    .AA-related .post-box:first-child {
    width:47%;
    }
}

@media (min-width: 1024px) {

    .AA-related .post-box:first-child {
        width:30.3%;
    }
}

#AA-Related-Show-More .button {
    display: inline-block;
    margin: 0 auto;
}

#AA-Related-Show-More {
    text-align: center;
}

.AA-No-Rel-Posts {
    color:red;
}

/****** HOME PAGE TESTIMONIAL SLIDE SHOW *********/

.cta3 {
    background: url(images/cta3-bg-new.jpg) center center no-repeat;
    background-size: cover;
    text-shadow: 1px 1px 3px #000, 0 0 10px #000;
    box-shadow: inset 0 0 500px #000;
}

.cta3 .slideshow_container_style-light .slideshow_slide_text div.slideshow_title {
    font-size: 2.2em;
    font-weight: bold;
}

.cta3 .slideshow_container_style-light .slideshow_slide_text div.slideshow_description {
    font-size: 1.4em;
    font-weight: 100;
    font-style: italic;
}

@media (max-width:600px) {
    
   .cta3 .slideshow_container_style-light, .cta3 .slideshow_slide, .cta3 .slideshow_container .slideshow_view, .cta3 .slideshow_content {
        height: 400px!important;
    }

}

/**** USER PROMO SYSTEM *****/

#desktop-image-container, .AA-desktop-carousel {
    display:block;
    width:100%;
    margin: 0 auto;
}

#mobile-image-container, .AA-mobile-carousel {
    display:none;
}

#desktop-image-container img, #mobile-image-container img {
    width:100%;
    display: block;
    margin: 0 auto;
}

@media (max-width:800px) {
    
    #desktop-image-container, .AA-desktop-carousel {
    display:none;
    }

    #mobile-image-container, .AA-mobile-carousel {
    display:block;
    width:100%;
    margin: 0 auto;
    }
    
}

.AA-promotional-section-button-container {
    display:flex; 
    flex-wrap: wrap;
    justify-content:center;
    align-content: center;
    align-items: stretch;
    padding:20px 3% 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.AA-promotional-button {
    width:auto;
    margin: 10px;
    padding:5px 3% 5px;
    flex-grow:1;
    flex-basis: 20%;
    text-align: center;
}

.AA-promotional-button a {
    display:block;
    padding:10px 3% 10px;
    text-decoration: none;
}

.AA-promotional-button a:hover {
    text-decoration: none;
}

@media (max-width:999px) {
        /*  Posts are set to 4 - but we hide the last post until we need it to wrap on smaller screens */
        .cta2 .news-grid_loop .news-grid__story:last-child, .cta2 .news-grid_loop .news-grid__story:nth-child(3) {
            display:none;
        }
}

.download-button-container {
    display: flex;
    justify-content: center;
    align-content: space-between;
    align-items: center;
}

.download-button-container .grid-content__item-url {
    display: block;
    margin:10px 2% 10px;
}

.download-button-container .button {
    display: block;
    width: 100%;
}

/* TENDERS PAGE */
.tenders-container {
    border:1px solid #000;
    padding:10px 1% 10px;
    display: block;
}

.Tender-Item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:10px 1% 10px;
    flex-grow: 1;
    text-align: left;
    align-self:flex-start;
}

.Tender-Item:nth-child(even) {
    background:#eee;
}

.ApplicationsClosed, .NoOpportunities {
    color:red;
}

.single-article .blog-navigation h2 a {
    text-decoration: none;
}

/* CONTACT PAGE */

.ContactFlexBoxTwoCol {
    display:flex;
    width:100%;
    flex-flow: wrap row;
}

.ContactFlexBoxTwoColitem {
    width:48%;
    margin: 1% 1% 1% 0;
    padding:1% 1% 1% 0;
}

.ContactFlexBoxTwoColitem span {
font-weight: bold;
    color: #005677;
} 


.ContactFlexBoxTwoColitem strong {
    font-size: 1.3em;
    font-weight: 300;
}

.ContactFlexBoxTwoColitem a[href^="tel"] {
    padding-left:30px;
    background: url(images/phone-icon.png) left center no-repeat;
    background-size: contain;
    text-decoration: none;
}

.ContactFlexBoxTwoColitem a[href^="mailto"] {
    padding-left:30px;
    background: url(images/email-icon.png) left center no-repeat;
    background-size: contain;
    text-decoration: none;
}

.ContactFlexBoxTwoColitem a:hover {
    text-decoration: underline;
}

@media (max-width:720px) {
    
    .ContactFlexBoxTwoColitem span {
    display: block;
} 
    
    .ContactFlexBoxTwoColitem span.item-divider {
    display: none;
} 
    
    .ContactFlexBoxTwoColitem {
        width:100%;
    }
    
}

.ContactFlexBoxFourCol {
    display:flex;
    width:100%;
    flex-flow: wrap row;
}

.ContactFlexBoxFourColitem {
    width:31%;
    margin: 0px 1% 1% 0;
    padding:1%;
    background: #eee;
    border-radius: 10px;
	text-align: center;
}

@media (max-width:1200px) {
    
    .ContactFlexBoxFourColitem {
    width:48%;
    padding:2%;
    }
    
}

@media (max-width:720px) {
    
    .ContactFlexBoxFourColitem {
    width:100%;
    padding:3%;
    }
    
}

/**** BREAD CRUMBS *****/

.BreadCrumbsContainer {
	display: block;
	margin-bottom:1em;
}

/**** TURTLES CUSTOM MENU - COWABUNGA *****/

#menu-turtles li {
	overflow: visible!important;
/*	margin-bottom: 40px!important;*/
}

#menu-turtles li img {
	height: auto!important;
}

#menu-turtles .menu-image-title {
	display:block;
	position: relative;
	padding: 10px 0 10px;
}

#menu-turtles li a {
	text-decoration: none!important;
}

#menu-turtles li, #menu-turtles li:hover {
	box-shadow: 0 0 15px #CCC!important;
}

/***** ARTICLE RESPONSIVE DESIGN *****/

.ArticleTwoCol {
	display: flex;
	flex-flow: wrap row;
}

.ArticleTwoColItem {
	width:48%;
	margin: 1%;
}

.ArticleTwoColItem-1 {
	order:2;
}

.ArticleTwoColItem-2 {
	order:1;
}

h1.ArticleHeadingWide {display:block;}

h1.ArticleHeadingMobile {display:none;}

@media (min-width:1200px) {
	.ArticleTwoColItem-1 img {
		display: inline-block;
		width: 46%;
		margin: 1%;
	}
}


@media (max-width:768px) {
	.ArticleTwoColItem-1 img {
		display: inline-block;
		width: 46%;
		margin: 1%;
	}
	
	.ArticleTwoColItem-1 {	
		order:1;
	}

	.ArticleTwoColItem-2 {
		order:2;
	}
	
	.ArticleTwoColItem {
	width:100%;
	margin:0 0 1%;
}
	
	h1.ArticleHeadingWide {display:none;}

	h1.ArticleHeadingMobile {display:block;}
}

@media (max-width:600px) {
	.ArticleTwoColItem-1 img {
		display: inline-block;
		width: 100%;
		margin: 0 0 1%;
	}

}

a.button .LowerCaseText {
	text-transform:lowercase;
}

/* TEMP CODE */

/* HIDE SECOND IMAGE ON MAIN TURTLE PAGE */
#page8146 .ImageMissing {
	display:none;
}
/*
.wp-caption .wp-caption-text {
    background: transparent;
    padding: 2px 0;
    color: #616149;
    text-align: center;
    position: relative;
}
*/

footer .contentbox {
	padding: unset;
}

.events-landing{
  /* Local tokens */
  --bg:#173028;           /* background */
  --fg:#d4d5d4;           /* text */
  --brand:#0e5359;        /* action */
  --muted: color-mix(in srgb, var(--fg) 70%, var(--bg) 30%);
  --line:  color-mix(in srgb, var(--bg) 80%, var(--fg) 20%);
  --panel: color-mix(in srgb, var(--bg) 92%, black 8%);
  --card:  color-mix(in srgb, var(--bg) 88%, black 12%);
  --shadow: 0 6px 18px rgba(0,0,0,.25);
  --shadow-hover: 0 12px 28px rgba(0,0,0,.35);
  --radius:16px; --radius-lg:20px;

  /* Hero controls */
  --hero-img: url("https://fba.org.au/wp-content/uploads/2025/10/Sophie-Wilkins-at-the-Roots-of-Resilience-Workshop.jpg");
  --hero-fx: 50%;
  --hero-fy: 65%; /* >50% moves image down */

  color: var(--fg);
  background: var(--bg);
  font: 16px/1.55 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

/* Scoped reset + common WP guard fixes */
.events-landing, .events-landing *{ box-sizing:border-box; }
.events-landing img{ max-width:100%; height:auto; display:block; }
.events-landing a{ color:inherit; text-decoration:none; }
.events-landing :is(h1,h2,h3,h4,h5,h6,p,ul,ol){ margin:0; }
.events-landing :is(p,ul,ol){ margin-block:.5rem; }
.events-landing *:focus-visible{ outline:3px solid color-mix(in srgb, var(--brand) 50%, transparent); outline-offset:2px; }

/* Specificity bumps to beat opinionated theme rules */
.events-landing .hero.hero{ background-size:cover !important; background-position: var(--hero-fx) var(--hero-fy) !important; }
.events-landing .btn.btn{ display:inline-flex !important; }

/* Layout */
.events-landing .container{
  max-width:1120px; margin-inline:auto; padding:2rem clamp(1rem,3vw,2rem);
  scroll-margin-top:1.25rem;
}
.events-landing .page-header{
  display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.25rem;
}
.events-landing h1{ font-size: clamp(1.75rem, 2vw + 1rem, 2.5rem); letter-spacing:-.02em; }
.events-landing .muted{ color: var(--muted); }

/* HERO */
.events-landing .hero{
  position:relative; display:grid; place-items:center;
  min-height: clamp(250px, 35vw, 510px);
  padding: clamp(2rem, 6vw, 5rem) 1rem;
  text-align:center;

  background-image: var(--hero-img);
  background-repeat:no-repeat;
  background-size:cover;
  background-position: var(--hero-fx) var(--hero-fy);

  border-bottom:1px solid var(--line);
  isolation:isolate;
}
.events-landing .hero::before{
  content:""; position:absolute; inset:0;
  background-color: color-mix(in srgb, var(--bg) 35%, black 65%);
  opacity:.5; z-index:-1; /* keep text readable on photos */
}
.events-landing .hero-inner{ max-width:920px; margin-inline:auto; }
.events-landing .hero h1{ margin:.9rem 0 .5rem; font-size:clamp(1.9rem, 3.6vw, 3rem); letter-spacing:-.02em; }
.events-landing .hero p{ margin:0 auto 1.2rem; color:var(--muted); max-width:60ch; }
.events-landing .hero-actions{ display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap; }

/* Controls (if you use them) */
.events-landing .controls{
  display:grid; grid-template-columns:1fr; gap:.75rem; margin:0 0 1.25rem;
}
@media (min-width:640px){
  .events-landing .controls{ grid-template-columns:1fr 1fr 1fr 1fr; }
  .events-landing .control--wide{ grid-column: span 2; }
}
.events-landing .control input,
.events-landing .control select{
  width:100%; padding:.7rem .85rem; border:1px solid var(--line); border-radius:.8rem;
  background: color-mix(in srgb, var(--bg) 85%, black 15%); color: var(--fg);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.events-landing .control input::placeholder{ color: color-mix(in srgb, var(--fg) 55%, var(--bg) 45%); }
.events-landing .control :is(input,select):focus{
  border-color: var(--brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 30%, transparent);
  background: color-mix(in srgb, var(--bg) 80%, black 20%);
}

/* Buttons (uses .btn, not theme .button) */
.events-landing .btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.65rem .9rem; border-radius:.9rem; border:1px solid transparent;
  background: var(--brand); color: var(--fg); font-weight:600; letter-spacing:.01em;
  box-shadow: var(--shadow); transform: translateZ(0);
  transition: transform .12s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.events-landing .btn:hover{ background: color-mix(in srgb, var(--brand) 85%, white 15%); transform:translateY(-1px); box-shadow: var(--shadow-hover); }
.events-landing .btn:active{ transform:translateY(0); }
.events-landing .btn .ico-inline{ display:inline-flex; }
.events-landing .btn-outline{ background:transparent; border-color:var(--line); color:var(--fg); box-shadow:none; }
.events-landing .btn-outline:hover{ border-color: color-mix(in srgb, var(--brand) 60%, var(--line)); background: color-mix(in srgb, var(--bg) 94%, white 6%); }
.events-landing .btn-secondary{ background:transparent; border:1px solid color-mix(in srgb, var(--brand) 60%, var(--line)); color:var(--fg); }
.events-landing .btn-secondary:hover{ background: color-mix(in srgb, var(--brand) 18%, transparent); }

/* Grid + Cards */
.events-landing .grid{
  display:grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: clamp(.9rem, 2vw, 1.25rem);
}
.events-landing .card{
  display:flex; flex-direction:column; background: var(--card);
  border:1px solid var(--line); border-radius: var(--radius-lg);
  overflow:hidden; box-shadow: var(--shadow);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.events-landing .card:hover{
  transform: translateY(-4px); box-shadow: var(--shadow-hover);
  border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
}
.events-landing .media{ position:relative; aspect-ratio:16/9; overflow:hidden; }
.events-landing .media img{ width:100%; height:100%; object-fit:cover; transform:scale(1.02); transition: transform .5s ease; }
.events-landing .card:hover .media img{ transform:scale(1.06); }
.events-landing .media::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.25); pointer-events:none; }

.events-landing .badge{
  position:absolute; left:.75rem; top:.75rem; padding:.35rem .6rem; font-size:.75rem; font-weight:600;
  border-radius:999px; color: var(--bg); background: var(--fg); backdrop-filter: blur(6px);
}

.events-landing .content{ padding:.9rem .95rem .25rem; }
.events-landing .title{ margin:.1rem 0 .25rem; font-size:1.05rem; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.events-landing .desc{ margin:.15rem 0 .5rem; color: var(--muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.events-landing .meta{ list-style:none; padding:0; margin:0; display:grid; gap:.4rem; color: var(--fg); }
.events-landing .meta-row{ display:flex; align-items:center; gap:.5rem; min-width:0; }
.events-landing .ico{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; color: color-mix(in srgb, var(--fg) 80%, var(--brand) 20%); opacity:.95; }
.events-landing .price{ font-weight:700; }

.events-landing .card-footer{ display:flex; justify-content:space-between; align-items:center; padding:.75rem .95rem 1rem; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .events-landing .card, .events-landing .btn{ transition:none; }
}