/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
    max-width: 100%;
}
img {
    height: auto !important;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

* ==========================================================================
   Author's custom styles
   ========================================================================== */
body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background: #efeeee;
}
section, article, nav, main {
    display:block;
}
a:link, a:active, a:visited {
    color: inherit;
    text-decoration: none;
}
nav ul {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 10;
}
nav li {
    display: inline-block;
    text-transform: lowercase;
}
nav li.active > a,
nav li.sub-active > a {
    font-weight: bold;
    color: #a8c740;
}
nav li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.contentwrap {
    width: 1450px;
    padding: 40px 0;
    box-sizing: border-box;
	margin: 0 auto;
}
.table {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.col {
    display: table-cell;
    height: 100%;
    vertical-align: top;
}

/* global form styles */
#news-subscribe input {
    position: relative;
}
form p {
    position: relative;
    margin-top: 0;
}
.third > p,
.half > p {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.half > p {
    width: 50%;
}
.third > p{
    width: 33.33%;
}
input,
select,
textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
}
input, select {
    height: 40px;
    line-height: 40px;
}
input[type="checkbox"]{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
}
textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    min-height: 40px;
}
label.infield {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    color: grey;
    padding-top: 6px;
    padding-left: 10px;
    z-index: 2;
}
label.error {
    display: block;
    color: red;
    font-size: 14px;
}
#news-subscribe label.error {
    position: absolute;
}
form#news-subscribe input,
form button {
    border:0;
}
form button {
    display: inline-block;
    color: #FFF !important;
    text-transform: uppercase;
    background-color: #a8c740;
    padding: 20px 4%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: background-color ease-in-out 0.5s;
    margin-top: 10px;
}
button:hover {
    background-color: #769413;
}
form button:disabled, form button:hover:disabled,
form button[disabled], form button:hover[disabled] {
	background-color:#eee;
}
form .table > div.col:first-of-type,
form div.half > p:nth-of-type(odd),
form div.third > p:nth-of-type(3n+1){
    padding-right: 10px;
}
form div.third > p:nth-of-type(2) {
    padding: 0 5px;
}
form .table > div.col:last-of-type,
form div.half > p:nth-of-type(even),
form div.third > p:nth-of-type(3n+3) {
    padding-left: 10px;
}

/* text styles */
.tel:hover {
/* if needed override hover color */
}
.inline {
    display: inline;
}
.light {
    font-weight: normal;
}
.img-description {
    font-size: 12px;
}

/* ==========================================================================
   Header
 ========================================================================== */
/* top sticky */
.sticky-council-bar {
    position: relative;
    padding-top: 76px;
}
.sticky-council-bar #council-bar {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
}
.sticky-council-bar #council-bar .contentwrap {
    padding: 0;
    padding-right: 220px;
}

/* non-sticky */
header {
    background: #FFF;
}
/*** top bar ***/
#council-bar {
    background: #FFF;
    color: #0a5c96;
    border-bottom: 1px solid #0a5c96;
    position:relative;
    z-index:1001;
}
#council-bar .contentwrap {
    position: relative;
    font-size: 16px;
    padding: 20px 0;
    padding-right: 220px;
}
.tam-logo {
    width: 220px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: auto;
}
#council-bar .inline {
    display: inline-block;
    text-align: left;
    padding-right: 20px;
    width: 50%;
    box-sizing: border-box;
}
#council-bar .council-sites {
    color: #0a5c96;
    width: 250px;
    max-width: 100%;
    border: 0;
}
.council-sites li {
    display: block;
    font-size: 14px;
    padding: 4%;
    width: 100%;
    box-sizing: border-box;
}
.council-sites li.drop {
    position: relative;
    text-align: left;s
    padding-left: 0;
    padding-right: 40px;
    cursor: pointer;
}
.council-sites li.drop:after {
    position: absolute;
    content:"";
    top:0;
    right:0;
    width: 40px;
    height: 100%;
    background: url('https://storage.googleapis.com/kms-au.appspot.com/sites/regional-gallery/app/2025-05-07T10%3A53%3A54.419870/img/council-drop.svg') no-repeat;
    background-size: 15px 15px;
    background-position: center;
}
.council-sites li.drop > ul  {
    position: absolute;
    top: 100%;
    left:auto;
    right:0;
    display: none;
    background: #FFF;
    width: 100%;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    z-index: 250;
    min-width: 210px;
}
.council-sites li.drop.active > ul {
    display: block;
}
.council-sites li > ul > li {
    text-transform: capitalize;
}
.council-sites li > ul > li:hover {
    background: #efeeee;
    transition: background 0.5s ease-in-out;
}

/*** header block ***/
header > .contentwrap {
    position: relative;
    padding: 0;
    padding-right: 15%;
    min-height: 225px;
}
header .logo {
    position: absolute;
    top: 50%;
    margin-top: -160px;
    right: 0;
}
header .logo h1 {
    margin: 10px 0;
}
.logo img {
    width: 130px;
}
#mobile-menu {
    position: absolute;
    top:0;
    right:0;
    display: none;
    background: url(https://storage.googleapis.com/kms-au.appspot.com/sites/regional-gallery/app/2025-05-07T10%3A53%3A54.419870/img/menu.png) center no-repeat;
    background-size: auto 40px;
    font-size: 24px;
    border-radius: 5px;
    padding: 8px;
    width: 40px;
    height: 80px;
    margin: 10px;
    cursor: pointer;
    z-index: 1000;
}
.slide-menu {
    display:none;
}
.slide-menu {
	position: fixed;
	top: 0px;
	right: -241px;
	width: 240px;
	height: 100%;
	background: #f1f1f1;
	border-left: 1px solid #d3d3d3;
	overflow-y:scroll;
	z-index:1002;
}
.slide-menu-active .slide-menu {
    right: 1px;
}
.site-content-menu-slide {
    position:relative;
    right:0;
    overflow:hidden;
}
/* transition for menu slide */
.slide-menu,
.site-content-menu-slide,
#mobile-menu {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.slide-menu h3 {
	padding: 1em;
	color: #fff;
	background: #a3c436;
	margin:0;
	cursor: pointer;
}
nav.slide-menu ul {
    position: static;
    padding:0;
    margin:0;
    list-style:none;
}
.slide-menu ul ul {
	background:#e0e0e0;
}
.slide-menu ul ul ul{
	background:#d3d3d3;
}
.slide-menu li {
    position: relative;
    display: block;
}
.slide-menu li > ul {
    display:none;
}
.slide-menu li.expand-active > ul {
    display:block;
}
nav.slide-menu li > a {
	display: block;
	width: auto;
	color: #a3c436;
	font-size: 18px;
	font-weight: 300;
	padding: 18px;
	text-decoration:none;
	border-bottom: 1px solid #a3c436;
	box-sizing: border-box;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-menu a:hover {
	background: #c7dc80;
	color: #FFF;
}
nav.slide-menu li.has-sub > a {
    position: relative;
    margin-right: 50px; /* space for drop */
}
.slide-menu li.has-sub > a:after {
    position: absolute;
    content: "";
    display: block;
    left: 100%;
    bottom: -1px;
    background-color: #a3c436;
    width: 50px;
    height: 1px; /* border bottom */
    z-index: 100;
}
.slide-menu ul .expand {
    position: absolute;
    top: 0;
    right: 0;
    height: 54px;
    width: 50px;
    cursor: pointer;
}
.slide-menu ul .expand i {
    content:"";
    display: block;
    height: 100%;
    width: 100%;
    background: url('https://storage.googleapis.com/kms-au.appspot.com/sites/regional-gallery/app/2025-05-07T10%3A53%3A54.419870/img/menu-drop.svg') no-repeat center center;
    background-size: 30%;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.expand-active > .expand i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* menu */
.header-menu {
    position: relative;
    margin-left: 1000px;
    padding-top: 3%;
    padding-bottom: 7%;
    box-sizing: border-box;
    z-index: 150;
}
.header-menu li {
    font-size: 20px;
    color: #a8c740;
    box-sizing: border-box;
}
.header-menu li.active > a {
    color: #676767;
}
.header-menu > ul > li {
    font-size: 30px;
    font-size: 160%;
    font-size: 2.1vw;
    margin-right: 5%;
    margin-right: 2.5vw;
}
.header-menu > ul > li > a {
    padding: 30px 0;
}
.header-menu > ul > li > a {
    white-space: nowrap;
}

/** sub navs **/
.header-menu li.has-sub {
    position: relative;
}
.header-menu.desktop li.has-sub:hover > ul {
    display: block;
}
/* all subs */
.header-menu li.has-sub > ul {
    position: absolute;
    min-width: 300px;
    background: #FFF;
    display: none;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.21);
}
/* level 1 */
.header-menu li.depth-0.has-sub >  ul:before {
/** white triangle **/
    position: absolute;
    top: -20px;
    left: 30px;
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #ffffff transparent;
}
.header-menu li.depth-0.has-sub > ul {
    top: 100%;
    left: 0;
}
.header-menu li.depth-1.has-sub > a {
    padding-right: 40px;
}
.header-menu li.depth-1.has-sub > a:after {
/* arrow */
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    content:"";
    background: url('https://storage.googleapis.com/kms-au.appspot.com/sites/regional-gallery/app/2025-05-07T10%3A53%3A54.419870/img/arrow.svg') no-repeat;
    background-position: center;
    background-size: 15px 15px;
    width: 40px;
    height: 100%;
    box-sizing: border-box;
}
/* level 2 */
.header-menu li.depth-1.has-sub > ul {
    top: 0;
    left: 100%;
}
.header-menu li.depth-1,
.header-menu li.depth-2 {
    display: block;
    margin-right: 0;
}
.header-menu li.depth-1 > a,
.header-menu li.depth-2 > a {
    padding: 5px 0;
    padding-left: 20px;
    transition: color 0.3s ease-in-out, padding-left 0.3s ease-in-out;
}
.header-menu li.active.depth-1,
.header-menu li.depth-1.sub-active,
.header-menu li.active.depth-2,
.header-menu li.depth-2.sub-active {
    font-weight: normal;
}
.header-menu li.depth-1:hover > a,
.header-menu li.depth-2:hover > a {
    background: #f3f3f3;
    padding-left: 25px;
}
/** hide depth > 4 **/
.header-menu li.depth-2 > ul {
    display: none;
}

/*** nav banner ***/
#nav-banner {
    position: relative;
    margin-left: -1000px;
    right: 0;
}
#nav-banner .banners {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
#nav-banner .banners .banner-stage {
    position: relative;
    width: 100%;
    height: 100%;
}
#nav-banner .banner-stage .banner-image {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
}
#nav-banner .banner-content,
#nav-banner .banner-navigation {
    display: none;
}

/* ==========================================================================
   Footer
 ========================================================================== */
footer {
    background: #FFF;
}
footer .contentwrap {
    position: relative;
    padding-top: 80px;
    padding-bottom: 55px;
    padding-right: 15%;
    min-height: 500px;
}
/**     logos (abs)     **/
footer .logos {
    position: absolute;
    text-align: right;
    top: 0;
    padding-top: 80px;
    right: 0;
    width: 15%;
    font-size:12px;
}
footer .logos img {
    margin: 10px 0;
}
footer .logos img,
footer .logos p {
    display: inline-block;
    max-width:100%;
    width:130px;
}
.footer .logos .gov p {
    margin:0;
}
footer .logos .inline-edit-controls span.edit > img {
    width: 34px;
    height: 34px;
    margin: 0;
}
footer .logos .logo {
    margin-top:0;
}

/** news subscribe **/
#news-subscribe {
    background: #4e4e4e;
    color: #FFF;
    padding: 3%;
    box-sizing: border-box;
    margin-bottom: 8%;
}
#news-subscribe .col {
    width: 50%;
}
#news-subscribe h4 {
    margin: 0;
    font-size: 20px;
}
#news-subscribe h3 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    margin: 0;
}
#news-subscribe form {
    padding-left: 5%;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
}
#news-subscribe label {
    padding-top: 0;
    padding-left: 2%;
}
#news-subscribe label.infield {
    font-size: 20px;
    line-height: 60px;
}
#news-subscribe input {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    padding-left: 3%;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
}
#news-subscribe button {
    background: transparent;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    padding:0;
    width: 60px;
    max-width: 15%;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #FFF;
    margin-left: 3%;
    margin-top: 0;
}

footer .bottom .col {
    vertical-align: top;
}
/**    site-map   **/
.site-map {
    text-align: left;
}
.site-map li {
    font-size: 20px;
    padding-right: 4%;
}
.site-map > ul > li > a {
    white-space: nowrap;
}
.site-map > ul > li > ul {
    display: none;
}

/**  social bar   **/
footer .social {
    text-align: right;
    color: #FFF;
}
footer .social a {
    position: relative;
    background: #a8c740;
    text-align: center;
    padding: 5px 30px;
    box-sizing: border-box;
}
footer .social a:after {
    content:"";
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    background-color: #FFF;
    width: 5px;
    transform: skewX(-25deg);
    z-index: 2;
}
footer .social a:last-of-type:after {
    display: none;
}

/** acknowledgement of country **/
footer .acknowledge {
    padding-top: 20px;
    font-size: 16px;
}
/** bykeo ***/
.bykeo {
    position: absolute;
    bottom: 0;
    display: block;
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-right: 15%;
    width: 100%;
    box-sizing: border-box;
}
.bykeo a { color: grey; }
.bykeo img {
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.bykeo a:hover img{
    transform-origin: center;
    transform: translateX(-200%) rotate(-360deg);
}

/* ==========================================================================
   Home Page
 ========================================================================== */
.t-home.no-banners .logo {
    margin-top: -100px;
}
.t-home.no-banners .header-menu {
    padding-bottom: 20px;
}
.t-home.no-banners .home.contentwrap.middle {
    margin-top: 0;
}
.t-home.no-banners .upcoming {
    border-top: 0;
}
.contentwrap.middle {
    position: relative;
    margin-top: -6%;
}
/**  banner scroller  **/
#banner-scroll {
    position: relative;
}
#banner-scroll.empty {
    display: none;
}
#banner-scroll .banner-control {
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 5%;
    height: 100%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 100;
}
#banner-scroll .prev {
    left: -5%;
    background-image:url(https://storage.googleapis.com/kms-au.appspot.com/sites/regional-gallery/app/2025-05-07T10%3A53%3A54.419870/img/left.svg);
}
#banner-scroll .next {
    right: -5%;
    background-image:url(https://storage.googleapis.com/kms-au.appspot.com/sites/regional-gallery/app/2025-05-07T10%3A53%3A54.419870/img/right.svg);
}

/* banner wrappers */
#banner-scroll .banners {
    position: relative;
    overflow: hidden;
}
#banner-scroll .banner-stage {
    position: relative;
    height: 0;
    padding-top: 32%;
    white-space: nowrap;
}
/* default */
#banner-scroll .banner-image {
    position: absolute;
    top: 0;
    left: 100%;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    width: 32%;
    height: 100%;
    background-color: grey;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    margin-left: 2%;
}
#banner-scroll .banner-content {
    display: inline-block;
    word-break: normal;
    visibility: hidden;
    position: absolute;
    top:0;
    bottom:0;
    right: 100%;
    width: 0;
    height: 100%;
    margin: 0;
}
#banner-scroll .banner-image.active {
    transition: left ease 1s, top 0s 1s;
}
#banner-scroll .banner-image.first-slot.active .banner-content,
#banner-scroll .banner-image.no-scroll .banner-content{
    visibility: visible;
    padding: 10%;
    width: 100%;
    background: #FFF;
    box-sizing: border-box;
    transition: width ease 1s;
}

#banner-scroll .banner-image .banner-name,
#banner-scroll .banner-image .banner-title {
    display: block;
    width: 100%;
    background: transparent;
}
#banner-scroll .banner-image .banner-name {
    font-size: 34px;
    line-height: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
}
#banner-scroll .banner-image .banner-title {
    color: #769413;
    font-size: 18px;
    margin-bottom: 5%;
}
#banner-scroll .banner-image .banner-caption {
    display: block;
}

/* positions */
#banner-scroll .banner-image.off-left {
    left: -100%;
}
#banner-scroll .banner-image.off-right {
    left: 200%;
}
#banner-scroll .banner-image.first-slot {
    left: 0%;
    margin-left: 32%;
    margin-right: 2%;
}
#banner-scroll .banner-image.second-slot {
    left: 66%;
}
#banner-scroll .banner-image.no-scroll {
    left: 0%;
    margin-left: 50%;
}

#banner-scroll .banner-navigation {
    display: none;
}

/**   ad-strip (banner)  **/
.banners-ad-strip .banner-image {
    display: block;
    background-color:grey;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 3%;
    box-sizing: border-box;
    margin: 40px 0;
}
.banners-ad-strip .banner-content {
    position: relative;
    display: block;
}
.banners-ad-strip .banner-name,
.banners-ad-strip .banner-title {
    display: inline-block;
    background: #FFF;
    font-size: 44px;
    text-transform: uppercase;
    padding: 0.5%;
    float: left;
}
.banners-ad-strip .banner-content:after {
    content:"";
    display: block;
    clear: both;
}
.banners-ad-strip .banner-name {
    font-weight: bold;
}
.banners-ad-strip .banner-caption {
    background: #FFF;
    display: inline-block;
    font-size: 18px;
    padding: 1%;
    margin-top: 3px;
}
.banners-ad-strip .banner-navigation {
    display: none;
}

/*** upcoming events table ***/
.upcoming {
    border-top: 2px solid #d7d7d7;
}
.upcoming > h3 {
    font-weight:normal;
    color: #769413;
    padding-left: 3%;
    margin-bottom: 0;
}
.upcoming .table {
    text-align: center;
}
.upcoming .category.col {
    position: relative;
    text-align: left;
    padding-left: 3%;
    width: 33%;
    padding-bottom: 25px;
    box-sizing: border-box;
}
.category.col a.right {
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    display: block;
    color: #a8c740;
    text-align: right;
}
.category.col a.right:before {
    content:"";
    position: absolute;
    top:0;
    right: 0;
    width: 91%;
    height: 1px;
    background-color: #a8c740;
}
.upcoming .category.col h3 {
    font-weight: bold;
    color: #676767;
}
.upcoming .category.col a p:first-of-type {
    margin-bottom: 0;
}
.upcoming .category.col a p:nth-of-type(2) {
    margin-top: 5px;
}

/*** call to action/ feature pages menu ***/
.ctas.table {
    padding-top: 40px;
}
.ctas .feature  {
    padding: 1%;
    width: 33%;
    box-sizing: border-box;
}
.ctas .feature .graphic {
    position: relative;
    padding-top: 60%;
    background-color: #d9dad7;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ctas .feature .img-description {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 6%;
    box-sizing: border-box;
    background: #FFF;
    background: rgba(255,255,255,0.7);
    opacity: 0;
    transition: opacity 1s linear;
}
.ctas .feature .graphic:hover .img-description {
    opacity: 1;
}
.ctas .feature h3 {
    font-size: 24px;
    line-height: 26px;
    padding-left: 4%;
    text-transform: lowercase;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.ctas .feature p {
    padding-left: 4%;
    box-sizing: border-box;
}

/* ==========================================================================
   Content Page
========================================================================== */
/*** page banner area ***/
.page-banner {
    position: relative;
    padding-top: 32%;
    background-color: #d9dad7;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-banner .img-description {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    padding: 1%;
    width: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFF;
    background: rgba(255,255,255,0.7);
    opacity:0;
    transition: opacity 1s linear;
}
.page-banner:hover .img-description {
    opacity: 1;
}
.page-title {
    position: absolute;
    left: 3%;
    bottom: 10%;
    background: #FFF;
    padding: 2%;
    opacity: 0;
    transition: opacity 1s linear;
}
.page-banner:hover .page-title {
    opacity: 1;
}
.page-title h2,
.page-title p {
    margin: 0;
}
.page-title h2 {
    text-transform: uppercase;
}
/** page navigation **/
/*** level 2 -parent menu of active page ***/
.parent-nav {
    margin-bottom: 20px;
}
.parent-nav > ul {
    display: block;
    background: #FFF;
    padding: 3%;
    box-sizing: border-box;
}
.parent-nav li {
    position: relative;
    vertical-align: top;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
    padding-right: 20px;
    box-sizing: border-box;
}
.parent-nav .subtitle {
    display: none;
}
/*** level 3 -submenu of active level 2 ***/
.menu-level-2 > ul {
    display: block;
    background: #FFF;
    padding: 1% 3%;
    box-sizing: border-box;
}

/*** middle content area ***/
#content {
    background: #FFF;
    padding: 4%;
    margin: 20px 0;
}
#main-content:after {
    content:"";
    display: inline-block;
    width: 100%;
    display: block;
    clear: both;
}

#main-content p:last-of-type {
    margin-bottom: 0;
}

/****** related content section ******/
/* note: student safety div is inside .related div in a page */
.contentwrap.middle .related a.related:first-of-type {
    position: relative;
    padding-top: 33px;
}
.contentwrap.middle .related a.related:first-of-type:before {
    content:"See also:";
    position: absolute;
    top:0;
    left:0;
    font-size: 24px;
    font-weight: bold;
    color: #676767;
    display: block;
}
.contentwrap.middle .related a.related {
    display: block;
    color: #a3c436;
    padding-left: 8%;
}


/* ==========================================================================
   Contact Page
========================================================================== */
#content.contact.table {
    padding: 0;
    border-collapse: separate;
}
.contact.table .col.content {
    width: 65%;
    padding: 4%;
    border-right: 40px solid #efeeee;
}
.contact.table .col.sidebar {
    width: 35%;
    border-right: 0;
}
#address-block {
    padding: 10%;
}
.contact-map {
    position: relative;
    width: 100%;
    height: 400px;
}
.contact-map #map-click {
    display: block;
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
}
.contact-map #map {
    width: 100%;
    height: 100%;
}
#address-block h4 {
    margin-bottom: 0;
}
#address-block .location:first-of-type h4 {
    margin-top: 0;
}
#address-block p {
    margin: 10px 0;
}
#address-block p.m-0 {
    margin:0;
}
#address-block .price {
    font-weight: bold;
    margin-top: 0;
}
#address-block .address,
#address-block .phone,
#address-block .fax,
#address-block .email,
#address-block .opening-hours,
.office-card .opening-hours{
    display: inline-block;
    width: 100%;
}

/* ==========================================================================
   Group booking form Page
========================================================================== */
.js form p.js {
    display: none;
}
.t-eoi .page-banner {
    background-position: right;
}
#group-booking,
#ttt-eoi {
    display: block;
    max-width: 100%;
    width: 800px;
    padding: 20px;
    border: 2px solid #efeeee;
    box-sizing: border-box;
    margin-top: 40px;
}
#group-booking .table {
    table-layout: fixed;
}
#group-booking .col {
    vertical-align: top;
}
#group-booking .selection {
    display: none;
}
#group-booking .group-form .selection {
    font-size: 14px;
    padding: 5px 10px;
}
#group-booking .selection.active {
    display: block;
    animation: pulse ease-out 1s 1;
}
@keyframes pulse {
    0% { background-color: #dbe8b0; }
    100% { background-color: transparent; }
}

/* ==========================================================================
   TTT EOI form Page
========================================================================== */
#ttt-eoi textarea {
    min-height: 150px;
}
#ttt-eoi textarea.long {
    min-height: 300px;
}
label.checkbox {
    display: inline-block;
    vertical-align: top;
    max-width: 90%;
    max-width: calc(100% - 60px);
}
form span.browse-file {
    display: block;
    padding-top:0;
    padding-left: 20px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #d2d2d2;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1) inset;
}
div.file-upload-container {
    position: relative;
    margin-top: -42px;
    width: 100%;
    height: 100%;
    color: #769413;
    text-align: right;
    box-sizing: border-box;
}
div.file-upload-container ul {
    margin:0;
    padding:0;
    list-style: none;
    background: white;
	border: 1px solid #d2d2d2;
	line-height: 40px;
}
div.file-upload-container a {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height:40px;
    padding-right: 10px;
}
form a:link {
    color: #769413;
    text-decoration: underline;
}

/* ==========================================================================
   Event Index List & Collection List (sub-page list)
 ========================================================================== */
/*** event-list banner ***/
.event-list .page-banner {
    position: static;
    padding-top: 0;
}
.page-banner .banners {
    position: relative;
    padding-top: 32%;
}
.page-banner .banner-stage {
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}
.page-banner .banner-image {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-banner .banner-image .banner-content {
    /** acts as page-title **/
    position: absolute;
    left: 3%;
    bottom: 10%;
    background: #FFF;
    padding: 2%;
    opacity: 0;
    transition: opacity 1s linear;
}
.page-banner .banner-image:hover > .banner-content {
    opacity: 1;
}
.page-banner .banner-name,
.page-banner .banner-title,
.page-banner{
    display: block;
    margin: 0;
}
.page-banner .banner-name {
    text-transform: uppercase;
    font-size: 1.5em;
}
.page-banner .banner-title {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
}
.page-banner .banner-caption {
    color: #769413;
}
.page-banner .banner-navigation {
    display: none;
}

/*** collection page content ***/
.collection-list #main-content {
    background: #FFF;
    padding: 4%;
    margin: 20px 0;
}

/*** list ***/
#content.collection-list,
#content.event{
    background: transparent;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}
.event-item,
.collection-item {
    margin-bottom: 20px;
}
.event-item,
.collection-item a {
    position: relative;
    display: table;
    width: 100%;
    height: 300px;
    padding-left: 300px;
    table-layout: fixed;
    background: #FFF;
    box-sizing: border-box;
}
.event-item .image-col,
.collection-item .image-col {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width: 300px;
    height: 100%;
    background: #d9dad7;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}
.event-item .image-col a.event {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.event-item .image-col .img-description,
.collection-item .image-col .img-description {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 4%;
    width: 300px;
    height: 100%;
    box-sizing: border-box;
    background: #FFF;
    background: rgba(255,255,255,0.7);
    opacity:0;
    transition: opacity 1s linear;
}
.event-item .image-col:hover .img-description,
.collection-item .image-col:hover .img-description{
    opacity: 1;
}
.event-item .col,
.collection-item .col {
    vertical-align: top;
}
.event-item .col.blerb {
    padding: 4%;
    width: 80%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.collection-item .col.blerb {
    padding: 3%;
    width: 100%;
    box-sizing: border-box;
}
.event-item .col.blerb h4,
.collection-item .col.blerb h4 {
    text-transform: uppercase;
    margin:0;
}
.event-item .col.blerb h4.thinner,
.collection-item .col.blerb h4.thinner {
    font-weight: normal;
    text-transform: none;
    color: #769413;
}
.event-item .col.blerb p,
.collection-item .col.blerb p {
    margin-bottom: 0;
}
.event-item .col.details {
    width: 200px;
    box-sizing: border-box;
}
article.event-item .col.details {
    padding: 3% 0;
}
.event-item .price,
.event-item .place {
    font-weight: bold;
    text-transform: uppercase;
}
.event-item .date {
    font-weight: bold;
}

/***** event calendar *****/
#calendar {
    display: none;
}

/* ========================================================================
   Event Calendar re-style
 ========================================================================== */
.fc-event {
    background-color: #a8c740 !important;
    border: 1px solid #769413 !important;
}
.fc-title {
    padding-left: 1%;
}
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    color: #FFF;
}
.fc-ltr .fc-h-event.fc-not-end:hover,
.fc-rtl .fc-h-event.fc-not-start:hover {
    background-color: #769413 !important;
    transition: background-color ease-in-out 0.5s;
}

/* ========================================================================
   Event Item view
 ========================================================================== */
.page-banner .page-title p.event {
    color: #769413;
}

.event-item.table {
    background: #FFF;
    padding: 4%;
}
.event-item #main-content.col {
    padding-right: 4%;
}
/*** details layout ***/
.col.details .event.button {
    vertical-align: top;
    padding: 10px 20%;
    margin-bottom: 4%;
}
.col.details p {
    display: inline-block;
    padding: 4% 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.col.details .price,
.col.details .location p,
.col.details .schedule p,
.col.details .social p {
    margin: 0;
}
.location h4,
.schedule h4 {
    margin-bottom: 10px;
}
.col.details .social img {
    width: 40px;
    height: auto;
    margin-right: 10px;
}

/*** related content bottom of page ****/
#safety {
    background: #FFF;
    padding: 4%;
    box-sizing: border-box;
    border: 2px solid #a8c740;
    margin-bottom: 20px;
}
#safety table {
    width: 100% !important;
    height: auto !important;
}
#safety table td {
    vertical-align: top;
}
#safety table td p:first-of-type {
    margin-top: 0;
}
#safety table td:first-of-type {
    padding-right: 4%;
    width: 80%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#safety table td:last-of-type {
    width: 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m-0{
    margin:0;
}
/* ==========================================================================
   Media Queries
========================================================================== */
@media only screen and (min-width: 1900px ){
    .header-menu {
        padding-top: 4%;
    }
}
@media only screen and (min-width: 1600px) {
    header > .contentwrap {
        padding-right: 200px;
    }
    .header-menu > ul > li {
        font-size: 32px;
    }
    .contentwrap.middle {
        margin-top: -100px;
    }
}
@media only screen and (max-width: 1580px){
/** all content ***/
    .contentwrap {
        width: 90%;
    }
/** header logo **/
    header .logo,
    .t-home.no-banners .logo {
        top: 2%;
        margin-top: 0;
    }
/** home banner-scroll **/
    #banner-scroll .banner-image .banner-name {
        font-size: 20px;
    }
    #banner-scroll .banner-image.active .banner-name {
        font-size: 24px;
        line-height: 26px;
    }
/** ad-strip **/
    .banners-ad-strip .banner-name,
    .banners-ad-strip .banner-title {
        font-size: 24px;
        line-height: 26px;
    }
/** footer **/
    #news-subscribe h3 {
        font-size: 24px;
        line-height: 24px;
    }
    #news-subscribe h4 {
        font-size: 16px;
        line-height: 16px;
    }
}
@media only screen and (max-width: 1200px){
/** header **/
    .header-menu {
        padding-top: 6%;
    }
    header nav li {
        font-size: 20px;
    }
/** council bar **/
    #council-bar p.inline.one strong {
         display: block;
    }
/** home banner-scroll **/
    #banner-scroll .banner-stage {
        padding-top: 45%;
    }
    #banner-scroll .prev,
    #banner-scroll .next {
        width: 10%;
    }
    #banner-scroll .banner-image,
    #banner-scroll .banner-image.active {
        width: 45%;
        margin: 0 5%;
        margin-left: 50%;
        box-sizing: border-box;
    }
    #banner-scroll .banner-image.second-slot {
        left: 100%;
    }
    #banner-scroll .banner-image.first-slot.active .banner-content,
    #banner-scroll .banner-image .banner-content {
        padding: 5%;
    }
    #banner-scroll .banner-image .banner-name {
        font-size: 24px;
    }
    #banner-scroll .banner-image .banner-caption {
        display: block;
    }
/** footer **/
    #news-subscribe {
        margin-bottom: 20px;
    }
    footer .bottom.table,
    footer .bottom .col {
        display: block;
        text-align: center;
    }
    .site-map li {
        padding: 5px 4%;
    }
    footer .social {
        margin: 20px 0;
    }
}
@media only screen and (max-width: 1160px){
/** footer **/
    footer .contentwrap,
    footer .logos {
        padding-top: 40px;
    }
    #news-subscribe {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 1000px){
/** header **/
    .header-menu > ul > li {
        font-size: 20px;
        margin-right: 6%;
    }
/** contact page **/
    #content.contact.table {
        background: transparent;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .contact.table .col.content,
    .contact.table .col.sidebar {
        background: #FFF;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .contact.table .col.content {
        margin-bottom: 20px;
        border-right: 0;
    }
    #address-block {
        padding: 4%;
    }
/** footer **/
    footer .contentwrap,
    .bykeo {
        padding-right: 0;
    }
    footer .contentwrap {
        text-align: center;
    }
    footer .logos {
        position: static;
        display: inline-block;
        text-align: center;
        width: 100%;
        padding-top: 0;
        clear: both;
    }
    footer .logos .logo ,
    footer .logos .gov {
        display: inline-block;
        vertical-align: top;
        margin: 10px;
    }
    footer .logos img {
        margin: 0;
    }
    footer .logos .gov p {
        margin-top: 0;
    }
    footer .logos .logo {
        margin-top: 20px;
        width: 67px;
    }
}

@media only screen and (max-width: 960px){
/** council not sticky when slide-active **/
    .slide-menu-active.sticky-council-bar {
        padding:0;
    }
    .slide-menu-active.sticky-council-bar #council-bar {
        position: relative;
    }
/*** mobile + tablet nav GO!! ***/
    #council-bar .contentwrap {
        padding: 0;
        padding-right: 220px;
    }
    header > .contentwrap {
        padding-right: 0;
        min-height: auto;
    }
    header .logo {
        position: relative;
        display: inline-block;
        margin-left: 5%;
         z-index: 1;
    }
    header .logo img {
        height: 100px !important;
        width: auto;
    }
    #mobile-menu {
        display: inline-block;
    }
    .header-menu {
        display: none;
    }
    .slide-menu {
        display:block;
    }
    .slide-menu-active .site-content-menu-slide {
        right: 240px;
    }
/** middle section **/
    .home.contentwrap {
        width: 100%;
    }
    .contentwrap.middle {
        padding-top: 0;
        margin-top: 0;
    }
/** home banners **/
    #banner-scroll .banner-control {
        display: none;
    }
    #banner-scroll .banner-image,
    #banner-scroll .banner-image.active {
        width: 100%;
        padding-top: 30%;
        margin: 0;
    }
    #banner-scroll .banner-image .banner-content {
        position: static;
        display: block;
        width: 100%;
        height: auto;
    }
    #banner-scroll .banner-caption {
        display: none;
    }
    /** content area **/
    .home.contentwrap #main-content {
        width: 90%;
        margin: 0 auto;
    }
    /*** home page ***/
    .banners-ad-strip {
        background: #FFF;
        position: relative;
        /*padding-bottom: 200px;*/
    }
    .banners-ad-strip .banner-image{
        padding: 0;
        padding-top: 200px;
        margin-bottom: 0;
    }
    .banners-ad-strip .banner-content {
        background: #FFF;
        padding-top: 40px;
        padding: 3%;
        min-height: 200px;
        box-sizing: border-box;
    }
    /** ctas **/
    .ctas.table {
        display: block;
        text-align: center;
    }
    .ctas .feature {
        display: block;
        width: 100%;
        padding: 0;
        border-top: 5px solid #efefef;
        border-bottom: 5px solid #efefef;
    }
    .ctas .feature a {
        position: relative;
        display: block;
        width: 100%;
        padding-left: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .ctas .feature .graphic {
        position: absolute;
        top:0;
        left:0;
        width: 50%;
        height: 100%;
        padding-top:0;
    }
    .ctas .feature .title {
        display: inline-block;
        background: #FFF;
        vertical-align: top;
        text-align: left;
    }

    /** event-list **/
    .event-item {
        display: block;
        height: auto;
        padding-left: 0;
    }
    .event-item .image-col,
    .event-item .image-col .img-description {
        position: static;
        width: 300px;
        height: 150px;
        box-sizing: border-box;
    }
    .event-item .image-col {
        position: relative;
    }
    .event-item .image-col a.event {
        position: absolute;
    }
    .event-item .col.blerb,
    article.event-item .col.details {
        display: inline-block;
    }
    .event-item .col.blerb {
        width: 78%;
    }
    .event-item .col.details {
        width: 20%;
    }
}

@media only screen and (max-width: 800px){
/** page banners **/
    .page-title {
        display: none;
    }
/** council bar **/
    #council-bar p.inline.one strong {
         display: inline;
    }
/** home banner-scroll **/
    #banner-scroll .banner-image .banner-caption,
    #banner-scroll .banner-image.active .banner-caption {
        font-size: 12px;
    }
/*** collection-list ***/
    .collection-item a {
        display: block;
        padding-left: 0;
        height: auto;
    }
    .collection-item .image-col,
    .collection-item .image-col .img-description {
        position: static;
        width: 100%;
        height: 150px;
        box-sizing: border-box;
    }
    .collection-item .col.blerb {
        display: block;
    }
/** event item **/
    .event-item.table {
        display: block;
    }
    .event-item #main-content.col,
    .event-item .col.details,
    .event-item .col.blerb {
        display: block;
        width: 100%;
    }
    article.event-item .col.details {
        padding: 4%;
        padding-top: 0;
    }
    .event-item .col.details span,
    .event-item .col.details span p,
    .event-item .col.details span h4{
        display: inline-block;
        padding: 0;
    }
     .col.details p {
        margin: 0;
        padding:0;
    }
/** group form **/
    #group-booking .table,
    #group-booking .col {
        display: block;
        width: 100%;
    }
    .third > p,
    .half > p {
        width: 100%;
    }
    form .table > div.col:first-of-type,
    form .table > div.col:last-of-type,
    form div.half > p:nth-of-type(odd),
    form div.third > p:nth-of-type(3n+1),
    form div.third > p:nth-of-type(2),
    form div.half > p:nth-of-type(even),
    form div.third > p:nth-of-type(3n+3){
        padding: 0;
    }
}

@media only screen and (max-width: 760px){
/** header council bar **/
    .sticky-council-bar #council-bar .contentwrap,
    #council-bar .contentwrap {
        padding-right: 0;
    }
    #council-bar .contentwrap::after {
        content:"";
        clear:both;
        display:block;
    }
    .tam-logo {
        position: static;
        display: inline-block;
        vertical-align: middle;
    }
    #council-bar .inline {
        text-align: right;
        padding-right: 0;
        padding-left: 20px;
        float:right;
        width:auto;
    }
    #council-bar p.inline.one {
         display: none;
    }
/** home - event feed **/
    .upcoming .table {
        display: block;
    }
    .upcoming .category.col {
        display: block;
        width: 100%;
    }
    .category.col a.right {
        text-align: center;
    }
    .category.col a.right:before {
        width: 100%;
    }
/** event list - view **/
    .event-item .col.blerb,
    article.event-item .col.details {
        width: 100%;
        box-sizing: border-box;
    }
    .col.details .event.button {
        padding: 10px 20px;
    }
/** event-banner & page banner **/
    .page-banner .banners {
        padding-top: 200px;
    }
/** page content **/
    .page-banner {
        padding-top: 200px;
    }
    .page-title {
        left: 10px;
        bottom: 10px;
    }
/** footer **/
    #news-subscribe {
        display: block;
    }
    #news-subscribe .col {
        display: block;
        width: 100%;
    }
    #news-subscribe form {
        padding-left: 0;
        text-align: center;
        margin-top: 3%;
    }
    .site-map > ul > li > a {
        white-space: normal;
    }

}
@media only screen and (max-width: 600px){
    header > .contentwrap {
        padding: 0;
    }
    header .logo .logo-desktop {
        height:80px !important;
    }
    #council-bar .council-sites {
        display:inline-block;
        width: auto;
        min-height:30px;
    }
    #council-bar .inline li.drop {
        font-size:0.1em;
        font-size:0;
        color:transparent;
        min-height:20px;
    }
    #council-bar .inline li.drop > ul {
        font-size:14px;
        color: #0a5c96;
    }
/** home banner-scroll vertical **/
    #banner-scroll .banner-stage {
        padding-top: 100%;
    }
    #banner-scroll .banners {
        width: 100%;
        overflow: visible;
    }
    #banner-scroll .banner-image,
    #banner-scroll .banner-image.first-slot.active {
        height: 50%;
        padding-top: 50%;
        background-position: top center;
    }
    #banner-scroll .banner-image .banner-content,
    #banner-scroll .banner-image.first-slot.active .banner-content {
        position: absolute;
        top: 100%;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    #banner-scroll .banner-image .banner-name {
        font-size: 18px;
    }
    #banner-scroll .banner-image .banner-title {
        font-size: 16px;
    }
    #banner-scroll .banner-image .banner-caption {
        font-size: 10px;
    }
/** home page **/
    .upcoming {
        display: none;
    }
    .ctas.table {
        padding-top:3px;
    }
/** footer **/
    .contentwrap.middle {
        padding-bottom: 3px;
    }
    footer .contentwrap {
        padding-top:0;
        width:100%;
    }
    footer .site-map {
        padding: 20px;
        box-sizing: border-box;
        min-height: 350px;
    }
    .site-map ul {
        text-align:left;
        padding-right:50%;
    }
    .site-map li {
        display:block;
        box-sizing: border-box;
        padding: 2%;
    }
    footer .logos {
        position:absolute;
        right:0;
        left:50%;
        top: 180px;
        width: auto;
    }
    footer .logos img,
     footer .logos img.logo {
        display:block;
        margin: 0px auto;
        width:100px;
    }
    footer nav > ul > li > a {
        padding: 3% 0;
    }
}
@media only screen and (max-width: 500px){
/** council bar non-sticky **/
    .sticky-council-bar {
        position: relative;
        padding-top: 0;
    }
    .sticky-council-bar #council-bar {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
/** council bar **/
    #council-bar .contentwrap,
    .sticky-council-bar #council-bar .contentwrap {
        padding: 5px 0;
        text-align: center;
    }
    .tam-logo {
        position: static;
    }
    #council-bar .inline {
        text-align: center;
    }
    #council-bar select {
        width: 220px;
    }
    #mobile-menu {
        margin: 0;
    }
    .slide-menu {
        top: 0px;
    }
/*** home page ctas***/
    .ctas .feature {
        border-bottom: 10px solid #efefef;
    }
    .ctas .feature a {
        padding-left:0;
    }
    .ctas .feature .graphic,
    .ctas .feature .title {
        position:static;
        width: 100%;
    }
    .ctas .feature .graphic {
        height: 200px;
    }
/** page navigation **/
    .parent-nav {
        text-align: center;
    }
/*** event-list ***/
    article.event-item .col.details {
        text-align: center;
    }
    .col.details .event.button {
        display: block;
    }
/*** contact page ***/
    .email {
        word-break: break-all;
    }
}

@media only screen and (max-width: 450px){
/*** home banner **/
    #banner-scroll .banner-image .banner-content,
    #banner-scroll .banner-image.active .banner-content {
        top: 50%;
    }

/** page navigation 100% **/
    .parent-nav li {
        width: 100%;
        white-space: normal;
        padding-right: 0;
    }
    .parent-nav li:after {
        display: none;
    }
}

@media only screen and (max-width: 350px){
/** home banner **/
    #banner-scroll .banner-image .banner-title:after {
        content:" Read More ...";
        display: block;
        padding-top: 12px;
        color: #676767;
        text-align: right;
    }
    #banner-scroll .banner-image.active .banner-caption {
        display: none;
    }
/** page banner ***/
    .page-banner .img-description {
        width: 100%;
    }
/** event-list **/
    .event-item .image-col,
    .event-item .image-col .img-description {
        width: 100%;
    }
/** footer **/
    #news-subscribe h3 {
        font-size: 20px;
    }
    footer .site-map {
        min-height: 0;
        padding: 0;
    }
    .site-map ul {
        text-align: center;
        padding-right:0;
    }
    .site-map li {
        padding: 0;
    }
    footer nav > ul > li > a {
        padding:0;
        line-height: 30px;
        margin: 4px 0;
    }
    footer .logos {
        position: static;
        width: 100%;
    }
    footer .logos img.logo,
    footer .logos .gov {
        display: inline-block;
        width: 100px;
        padding: 0 5%;
        margin: 0;
    }
}