@import url(//fonts.googleapis.com/css?family=Roboto:400,700,300,500|Roboto+Slab:400,700,300);

body {
	background: #e9e9e9;
	font-family: 'Roboto', sans-serif;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

p{font-family: 'Roboto', sans-serif; font-size:15px; line-height:24px; color:#555;}
a {color:#02518c}

.node-type-page h1, .node-type-page h2, .node-type-page h3, .node-type-page h4, .node-type-page h5, .node-type-page h6,
.node-body h1, .node-body h2, .node-body h3, .node-body h4, .node-body h5, .node-body h6 {font-family: "Roboto Slab", sans-serif; line-height:normal; color:#333;}
.node-type-page img{border-radius:3px;}

/*Table Style*/
.node-type-page table {
	font-family: 'Roboto', sans-serif;
	color:#555;
	font-size:15px;
	background:#dbdbdb;
	margin:20px 0;
	border:#c0c0c0 1px solid;

}
.node-type-page table th {
	padding:12px 25px;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	background: #8a8a8a;
	color:#fff;
}
.node-type-page table th:first-child {
	text-align: left;
	padding-left:20px;
}
.node-type-page table tr {
	text-align: center;
	padding-left:20px;
}
.node-type-page table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
.node-type-page table td {
	padding:12px 18px;
	border-top: 1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;

}
.node-type-page table tr:nth-child(even) {
	background: #e6e6e6;
}
.node-type-page table tr:nth-child(odd) {
	background: #dbdbdb;
}
.node-type-page table tr:last-child td {
	border-bottom:0;
}
.node-type-page table tr:hover td {
	background: #fff;
}
/*End Table Style*/
/*Basic page main content-Start*/
.node-type-page .field-type-text-with-summary ul,
.node-body ul {
  list-style: outside none none;
}
.node-type-page .field-type-text-with-summary li,
.node-body li{
margin: 0;
color:#555;
}
.node-type-page .field-type-text-with-summary ol li,
.node-body ol li {
margin-left: 26px;
}
.node-type-page .field-type-text-with-summary ul li,
.node-body ul li {
background: url("../images/list-point-png.png") no-repeat scroll 6px 10px rgba(0, 0, 0, 0);
padding-left: 26px;
}
.node-type-page .field-type-text-with-summary{font-size:14px;}
.node-type-page .field-type-text-with-summary a, .node-body .body .field-type-text-with-summary a {color:#555;font-family: "Roboto",sans-serif; }
.node-type-page .field-type-text-with-summary a:hover, .node-body .body .field-type-text-with-summary a:hover {text-decoration:underline;}

.node-type-page .field-type-text-with-summary h2 a,.node-type-page .field-type-text-with-summary h2,
.node-body .body h2 a, .node-body .body h2{color:#555;font-size:20px;font-weight:bold;font-family: "Roboto",sans-serif;}
.node-type-page .field-type-text-with-summary h3 a,.node-type-page .field-type-text-with-summary h3,
.node-body .body h3 a, .node-body .body h3{color:#555;font-size:18px;font-family: "Roboto",sans-serif;}
.node-type-page .field-type-text-with-summary h4 a,.node-type-page .field-type-text-with-summary h4,
.node-body .body h4 a, .node-body .body h4{color:#555;font-size:15px;font-weight:bold;font-family: "Roboto",sans-serif;}

/*Basic page main content-End*/




/*For Mobile Menu*/
.off-canvas-wrap .inner-wrap .right-off-canvas-menu, .off-canvas-wrap .inner-wrap .right-off-canvas-toggle{display:none}
/*End For Mobile Menu*/

.button {background-color:#4db3d0; border:none; box-shadow:none}
.button:hover{background-color:#02518c}
header {margin: 0 auto;	background:#fff; overflow: hidden;}
.row {
	max-width: 1200px;
	margin: 0 auto
}
header .header-row .top-menu-row{margin:0;}
.block-menu-menu-top-menu h2{display:none}
.block-menu-menu-top-menu .menu, .col-right .menu {
	list-style: outside none none;
    margin: 0px;
    left: 0px;
    float: right !important;
	margin-bottom: 9px;
}
.block-menu-menu-top-menu .menu li, .col-right .menu li{float:left; background:url(../images/top-menu-divider.gif) no-repeat right 9px; padding:0; margin:0}
.block-menu-menu-top-menu .menu li:last-child{background:none}
.block-menu-menu-top-menu .menu li a {
	color: #555;
	padding: 0px 15px;
	font-size: 13px;
	font-weight:400!important;
}
.block-menu-menu-top-menu .menu li a:hover {
	color: #333; text-decoration:underline;
}

.block-menu-menu-top-menu .menu li:last-child a {
	padding-right: 0;
}
.search-box {
	color: #999;
	font-size: 13px;
}
.search-box .col-1{text-align:right; padding-right:8px}
.search-box .col-2{padding-right:15px;}

.search-box .block-text-resize h2{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #999;
	display: inline-block;
	margin-right: 10px;
	line-height: 37px;
}

.block-text-resize a{
    background: #02518c!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	font-family: 'Roboto Slab', serif;
    font-size: 19px;
    padding: 1px 4px;
    margin-top: 7px!important;
	width:29px!important;
	height:29px!important;
	color:#fff;
	border:0;
}

.block-text-resize a:hover{
    background: #003964!important;
}

.block-text-resize a sub, .block-text-resize a sup{font-size:13px;}

.search-box input[type="text"] {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	border-right-style: none;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 41px;
	width:84%;
	font-size: 13px;
	padding-left: 10px;
}
.search-box input[type="text"]:hover, .search-box input[type="text"]:focus {
	border-color: #ccc;
	background: #fff;
}

.search-box form{margin:0; padding:0;}

.postfix.button.radius {
    width: 16%;
	float:left;
	max-width:48px;
	-webkit-border-radius: 0px 3px 3px 0;
	-moz-border-radius: 0px 3px 3px 0;
	border-radius: 0px 3px 3px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
	background: #fff url(../images/icn-search.gif) no-repeat left 5px;
	font-size:0;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
	border-left-style: none;
	padding: 5px;
	height: 41px;
	margin:0;
}
.postfix.button.radius:hover{background-position:left -31px;}
.search-box .tiny {
	background: #02518c;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
	font-family: 'Roboto Slab', serif;
	font-size: 19px;
	padding: 3px 6px;
	margin-top: 4px;
}
.search-box .tiny:hover {
	background: #176cac;
}

/*tb-megamenu*/
.tb-megamenu .btn-navbar {display:none}
.block-tb-megamenu {
	background: #02518c;
}
.tb-megamenu {
	max-width: 1200px;
	margin: 0 auto;
	background:#02518c;
}
.tb-megamenu ul li {
	width:12.5%;
	/*height: 82px;*/
	background: #02518c;
	padding: 0;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
	background:#003060;
	border-color:#003060;
	color:#fff;
}

.tb-megamenu li.active{background:#003060;border-color:#003060;color:#fff;}

.tb-megamenu .tb-megamenu-nav .tb-megamenu-item .dropdown-toggle {
	background: none;
	height: 74px;
	border-right: 2px solid #003964;
	border-left: 2px solid #247aba;
	font-family: 'Roboto Slab', serif;
	font-size: 17px;
	font-weight:400;
	color:#ededed;
	text-align: center;
	line-height: 15px;
	padding: 16px 0 0 0;
	text-shadow: 1px 1px 1px #003964;
}
.tb-megamenu .tb-megamenu-nav .tb-megamenu-item .dropdown-toggle span {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #709ec1;
	margin-top: 4px;
}
.tb-megamenu .tb-megamenu-nav .tb-megamenu-item .dropdown-toggle:hover, .tb-megamenu .tb-megamenu-nav .tb-megamenu-item .dropdown-toggle:focus {
	background: #003060;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret {
    display:none;
}
.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
    display:none;
}

.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
    background-color: #003060;
    color: #fff;
}
.tb-megamenu ul li:first-child a {
	border-left-style: none!important;
}
.tb-megamenu ul li:last-child a {
	border-right-style: none!important;
}

.tb-megamenu ul li:nth-child(1) {
	border-bottom: 8px solid #4db3d0;
}
.tb-megamenu ul li:nth-child(2) {
	border-bottom: 8px solid #dc866b;
}
.tb-megamenu ul li:nth-child(3) {
	border-bottom: 8px solid #c088e7;
}
.tb-megamenu ul li:nth-child(4) {
	border-bottom: 8px solid #5493d0;
}
.tb-megamenu ul li:nth-child(5) {
	border-bottom: 8px solid #92b036;
}
.tb-megamenu ul li:nth-child(6) {
	border-bottom: 8px solid #24c0a8;
}
.tb-megamenu ul li:nth-child(7) {
	border-bottom: 8px solid #d84141;
}
.tb-megamenu ul li:nth-child(8) {
	border-bottom: 8px solid #cec55d;
}

.tb-megamenu .dropdown-menu {
    top: 82px;
    border:none;
}
.tb-megamenu .row-fluid .span4 {
    width: auto;
}

.tb-megamenu .mega-inner{margin:0 0 0 0; padding:0;}
.tb-megamenu ul li .menu-block-2nd{/*border-right:1px solid #eaeaea;*/ padding:0 20px 10px 15px; float:left}
.tb-megamenu ul li .menu-block-img{padding:0 0 0 25px;}

.tb-megamenu ul li:nth-child(3) .menu-block-2nd, .tb-megamenu ul li:nth-child(4) .menu-block-2nd{border-style:none}

.tb-megamenu .row-fluid .span4 {float: left;}

.tb-megamenu ul li:nth-child(7) [class*="column"] + [class*="column"]:last-child, .tb-megamenu ul li:nth-child(8) [class*="column"] + [class*="column"]:last-child {float: right;}

.tb-megamenu ul li:nth-child(1) .tb-megamenu .menu-block-bg, .tb-megamenu ul li:nth-child(2) .tb-megamenu .menu-block-bg, .tb-megamenu ul li:nth-child(3) .tb-megamenu .menu-block-bg, .tb-megamenu ul li:nth-child(4) .menu-block-bg{float:left}

.menu-block-bg { float: left; }


.tb-megamenu ul li:nth-child(5) .tb-megamenu .menu-block-bg, .tb-megamenu ul li:nth-child(6) .tb-megamenu .menu-block-bg, .tb-megamenu ul li:nth-child(7) .tb-megamenu .menu-block-bg, .tb-megamenu ul li:nth-child(8) .tb-megamenu .menu-block-bg {max-width:150px; width:27.077%; float:right}

.tb-megamenu ul li:nth-child(5) .menu-block-2nd, .tb-megamenu ul li:nth-child(6) .menu-block-2nd {padding-left:16px; border-style:none}

.tb-megamenu ul li:nth-child(7) .menu-block-2nd{padding-left:16px;}

.tb-megamenu ul li:nth-child(5) .dropdown-menu, .tb-megamenu ul li:nth-child(6) .dropdown-menu, .tb-megamenu ul li:nth-child(7) .dropdown-menu, .tb-megamenu ul li:nth-child(8) .dropdown-menu{left:auto; right:0}

.tb-megamenu ul li:nth-child(8) .menu-block-2nd{border-style:none}
.tb-megamenu ul li:nth-child(8) .menu-block-img{padding-left:26px;}

.tb-megamenu ul li .menu-block-2nd ul{list-style:none; margin:0; padding:0; width:100%}

.tb-megamenu ul li .menu-block-2nd ul .fremantle-city-library-link,.tb-megamenu ul li .menu-block-2nd ul .fremantle-leisure-centre-link{display:none}

.tb-megamenu ul li .menu-block-2nd ul li{width:178px; margin:0; padding:0; border:none; background:none; line-height:16px; padding-bottom:12px;}
.tb-megamenu ul li .menu-block-3rd ul{list-style:none; margin:0; padding:0; width:100%; margin-left:15px; margin-top:-7px}
.tb-megamenu ul li .menu-block-3rd ul li{width:100%; margin:0; padding:0; border:none; line-height:30px; padding-left:28px;}

.tb-megamenu ul li .box-business .menu-block-3rd ul .contact-us-link{display:none}
.tb-megamenu ul li .box-business .menu-block-3rd ul .share-connect-link{display:none}
.tb-megamenu ul li .box-business .menu-block-3rd ul .subscribe-link{display:none}


/*.tb-megamenu ul li .menu-block-3rd ul li:nth-child(1) {background:url(../images/submenu-bg.jpg) no-repeat left 7px}
.tb-megamenu ul li .menu-block-3rd ul li:nth-child(2) {background:url(../images/submenu-bg.jpg) no-repeat left -24px}
.tb-megamenu ul li .menu-block-3rd ul li:nth-child(3) {background:url(../images/submenu-bg.jpg) no-repeat left -55px}
.tb-megamenu ul li .menu-block-3rd ul li:nth-child(4) {background:url(../images/submenu-bg.jpg) no-repeat left -86px}
.tb-megamenu ul li .menu-block-3rd ul li:nth-child(5) {background:url(../images/submenu-bg.jpg) no-repeat left -118px}*/

.tb-megamenu ul li .menu-block-3rd ul li.contact-us-link {background:url(../images/submenu-bg.jpg) no-repeat left 7px}
.tb-megamenu ul li .menu-block-3rd ul li.news-media-link {background:url(../images/submenu-bg.jpg) no-repeat left -24px}
.tb-megamenu ul li .menu-block-3rd ul li.whats-on-link {background:url(../images/submenu-bg.jpg) no-repeat left -55px}
.tb-megamenu ul li .menu-block-3rd ul li.share-connect-link {background:url(../images/submenu-bg.jpg) no-repeat left -86px}
.tb-megamenu ul li .menu-block-3rd ul li.subscribe-link {background:url(../images/submenu-bg.jpg) no-repeat left -118px}




.tb-megamenu ul li .menu-block-2nd ul li a, .tb-megamenu ul li .menu-block-3rd ul li a, .tb-megamenu ul li .menu-block-img a{display:inline; font-family:roboto; font-size:13px; font-weight:700; line-height:normal; border-style:none; text-shadow:none; padding-left:0;}

.tb-megamenu ul li .menu-block-2nd ul li a:hover, .tb-megamenu ul li .menu-block-2nd ul li a:focus, .tb-megamenu ul li .menu-block-3rd ul li a:hover, .tb-megamenu ul li .menu-block-3rd ul li a:focus, .tb-megamenu ul li .menu-block-img a:hover, .tb-megamenu ul li .menu-block-img a:focus{font-family:roboto; font-size:13px; font-weight:700; line-height:normal; border-style:none; text-shadow:none; text-decoration:underline; color:#02518c; font-size:13px; font-weight:700;}


.tb-megamenu ul li .menu-block-2nd ul li a, .tb-megamenu ul li .menu-block-img a{color:#2c2c2c}
.tb-megamenu ul li .menu-block-3rd ul li a{color:#888888}
.tb-megamenu ul li .menu-block-3rd ul li a:hover, .tb-megamenu ul li .menu-block-3rd ul li a:focus{text-decoration:underline; color:#222}
.tb-megamenu .block-menu ul li ul{display:none;}
.tb-megamenu .tb-megamenu-block .block-menu {margin-top:25px; margin-left:11px;}
.tb-megamenu .tb-megamenu-block .menu li ul{margin-left:10px}
.tb-megamenu .dropdown-menu a:hover{background:none!important}
.tb-megamenu .mega-inner .views-field-title {padding-top:21px;}

/*End tb-megamenu*/

.page-content{margin-top:30px;}
.page-content .sidebar{background:#FFF; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius:6px 0 0 6px; padding:28px 35px; min-height:545px; max-width:300px;}
.page-content .sidebar h2{font-family: 'Roboto Slab', serif; font-size:20px; color:#02518c; font-weight:400}

.page-content .sidebar .item-list{padding-bottom:10px;}
.page-content .side-nav{padding-top:6px; list-style:none}
.page-col-right .menu{list-style:none}
.page-content .side-nav li{margin:0; line-height:31px;}
.page-content .sidebar .item-list .sidenav-triger{display:none}

.page-col-right .block-menu{background:#fff; border-radius:0 0 4px 4px}
.page-col-right .block-menu .menu{padding-top:18px; padding-left:3px}
.page-col-right .block-menu .menu ul{padding-top:0; padding-left:3px}
.page-col-right .menu li{margin:0; padding-left:15px; line-height:31px; background:url(../images/bullet-point-light.png) no-repeat left 12px;}
.side-nav li a:not(.button), .page-col-right .menu li a:not(.button){
    color: #555;
    padding: 0;
	font-family:Roboto;
	font-size:16px;
	display:inline;
}
.side-nav li a:not(.button):hover, .page-col-right .menu li a:not(.button):hover, .page-col-right .menu li a.active:not(.button) {
    font-weight:400;
	color:#333;
	text-decoration:underline;
	background:none;
}
.side-nav li a em {
    color: #ccc;
	margin-right:10px;
}

.sidebar .button{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight:700;
	margin-bottom: 10px;
	border: none;
	height: 47px;
	line-height: 31px;
}

.sidebar .btn-Payments{
  background-image:url(../images/inc-payments.png);
  background-repeat: no-repeat;
  background-position: center 12px;
  font-size:0 !important
}

.sidebar .btn-have-my-say {
  background-image:url(../images/icn-comments.png);
  background-repeat:no-repeat;
  background-position: center 14px;
  font-size:0  !important
}

.sidebar .btn-bell {
  background-image:url("../images/btn-have-say.png");
  background-repeat:no-repeat;
  background-position: center 12px;
  font-size:0  !important
}

@media only screen and (max-width: 64em) and (min-width: 769px) {
	.sidebar .btn-Payments, .sidebar .btn-have-my-say, .sidebar .btn-bell {
		background-size: auto 17px;
	}
}

.sidebar .button i {
  font-size:20px;
}

.page-content .slider{padding:0;}

/*Webkit (Chrome, Safari)*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.block-text-resize a{padding: 1px 3px 3px 3px;}
	.page-content .sidebar {padding: 28px 35px;}
}

.page-content .slider .view-content{border-left:8px solid #4db3d0; width:100%;height:inherit !important}
.page-content .slider .view-content .views-field-title{
	position:absolute;
	z-index:550;
	font-size:18px;
	width:330px;
	height:100%;
	padding: 28px 45px 38px 35px;
	background:url(../images/slider-cover.png) no-repeat left top;
}
.page-content .slider .view-content .views-field-title .test a{
	font-family: 'Roboto Slab', serif;
	font-size:26px;
	color:#fff;
	line-height:38px;
}
.page-content .slider .slider-readmore {
	display: block;
	margin-top: 30px;
}
.page-content .slider .views-field-title .test .slider-readmore a {
	border: 1px solid #fff;
	padding: 10px 16px;
	font-size: 16px;
	font-family: Roboto;
	color: #fff;
}
.page-content .slider .views-field-title .test .slider-readmore a:hover {
	background: #fff;
	color: #02518c;
}
.page-content .slider .view-content .views-field-nothing a {
	position:absolute;
	z-index:550;
	font-size:18px;
	top:160px;
	left:35px;
	border:1px solid #fff;
	padding: 10px 16px;
	font-family:Roboto;
	font-size:16px;
	color:#fff;
}
.page-content .slider .view-content .views-field-nothing a:hover,
.page-content .slider .slider-readmore a:hover {
	background:#fff;
	color:#02518c;
}
.page-content .slider .view-content .views-field-field-slider-image img{border-radius:0 6px 6px 0; width:100%}

.page-content .slider .view-content .views-slideshow-controls-bottom{
	position: absolute;
	z-index: 551;
	bottom: 10px;
	left: 35px;
}
.page-content .slider .view-content .views-slideshow-controls-bottom .views-slideshow-pager-field-item{
	display:inline-block;
	background:none;
}
.page-content .slider .view-content .views-slideshow-controls-bottom .views-field-counter{
	background:#4db3d0;
	width:16px;
	height:16px;
	border-radius:10px;
	color:#4db3d0;
	margin-right:16px;
	cursor:pointer;
	font-size:0;
  display: block;
}

.page-content .slider .view-content .views-slideshow-controls-bottom .active .views-field-counter{
	background:#fff;
	color:#fff;
}

.news-media{padding:35px 35px 22px 35px; background:url(../images/media-bg.gif) no-repeat center 58px;}
.news-media .columns{margin:0; padding:0;}
.news-media .col-news-rss{text-align:right}
.news-media h2{font-family: 'Roboto Slab', serif; font-size:26px; color:#02518c; font-weight:400}
.news-media .btn-rss{border:none; font-family:"Roboto-Bold"; font-size:14px; font-weight:400; box-shadow:none; margin:5px 0}
.news-media .btn-rss i{font-size:20px}

.home-news-block{padding: 30px 36px 0 36px; background-color: #fff; margin-top: 30px; }
.home-news-block .col-left{padding-left:0}
.home-news-block .col-left .news-feature{padding-left:0}
.home-news-block .col-right{padding-right:0; text-align:right; max-width:338px}


/*
.news-feature .block-views-news-media-block .views-field-field-news-feature-image{margin-bottom:22px;}
.news-feature .block-views-news-media-block .views-field-nothing, .news-listing .views-field-nothing{font-family:Roboto; font-size:13px; font-weight:700; color:#898989; margin-bottom:12px;}
.news-feature .block-views-news-media-block .views-field-nothing .placeholder, .news-listing .views-field-nothing .placeholder{font-style:normal}
.news-feature .block-views-news-media-block .views-field-title{margin-bottom:16px;}
.news-feature .block-views-news-media-block .views-field-title a{font-family: 'Roboto Slab', serif; font-size:22px; color:#333; line-height:25px;}
.news-feature .block-views-news-media-block .views-field-body{font-family:Roboto; font-size:14px; color:#555; line-height:23px; margin-bottom:6px;}
.news-feature .block-views-news-media-block .views-field-path a{font-family:Roboto; font-size:14px; color:#02518c; line-height:23px; text-decoration:underline}
.news-feature .block-views-news-media-block .views-field-path a:hover{color:#003964; text-decoration:none}
*/
.block-views-news-media-block-1 .front-news-listing{list-style:none; margin:0; padding:0}
.block-views-news-media-block-1 .front-news-listing li{margin:0 12px; padding:26px 0; border-bottom:1px solid #c0c0c0; border-top:1px solid #fff}
.block-views-news-media-block-1 .front-news-listing li:first-child{padding-top:0; border-top-style:none}
.block-views-news-media-block-1 .front-news-listing li:last-child{border-bottom-style:none}
.block-views-news-media-block-1 .front-news-listing .views-field-title a{font-family: 'Roboto Slab', serif; font-size:18px; color:#333; line-height:25px;}
.block-views-news-media-block-1 .front-news-listing .views-field-title a:hover, .news-feature .block-views-news-media-block .views-field-title a:hover{color:#02518c;}
.block-views-news-media-block-1 .views-field-nothing{margin-bottom:5px;}
.block-views-news-media-block-1 .view-footer .btn-news-media{
	margin-left:13px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight:700;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	-moz-appearance: none;
	border-radius: 4px;
	background-color: #4DB3D0;
	color: #FFF;
	padding: 8px 10px;
	box-shadow:none;
}
.block-views-news-media-block-1 .view-footer .btn-news-media:hover{background:#02518c;}
.block-views-three-buttons-block .view-three-buttons .view-content{max-width: 1200px; margin: 35px auto 50px auto; clear:both}
.block-views-three-buttons-block, .view-three-buttons .view-content .views-field-field-button-image img{border-radius:6px; box-shadow: 0px 1px 2px #979797; margin-bottom:10px}
.block-views-three-buttons-block, .view-three-buttons .view-content .views-field-field-button-image img:hover{border-radius:6px; box-shadow: 0px 3px 3px #979797;}

.block-views-three-text-block .view-three-text .view-content{max-width: 1200px; margin: 35px auto 0 auto; clear:both; float:none}
.block-views-three-text-block .view-three-text .view-content .col-border{border-right:1px solid #c0c0c0; border-left:1px solid #fff; margin-bottom:25px}
.block-views-three-text-block .view-three-text .view-content .col-border:first-child{border-left-style:none}
.block-views-three-text-block .view-three-text .view-content .col-border:last-child{border-right-style:none}
.block-views-three-text-block .view-three-text .view-content .row-three-text-sec .col-1{text-align:center}
.block-views-three-buttons-block .view-three-buttons .view-content .field-content, .block-views-three-text-block .view-three-text .view-content .field-content{text-align:center; margin:0}

.block-views-three-text-block .view-three-text .view-content .views-field-title{font-family: 'Roboto Slab', serif; font-size:22px; color:#02518c; display:block; padding:15px 0; margin-top:20px; text-align:center; line-height:23px; padding:0 65px; margin-bottom: 10px;}
.block-views-three-text-block .view-three-text .view-content .views-field-body{text-align:center; line-height:23px; padding:0 65px; margin-bottom:20px;}

.block-views-three-text-block .view-three-text .view-content .views-field-body p{font-family:Roboto; font-size:14px; color:#555;}
.views-field-field-link-path{text-align:center; margin-top:20px}
.views-field-field-link-path a{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight:700;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	-moz-appearance: none;
	border-radius: 4px;
	background-color: #4db3d0;
	color: #FFF;
	padding:8px 14px;
	box-shadow:none;
}
.views-field-field-link-path a:hover{background:#02518c;}
footer{background:#dbdbdb url(../images/footer-bg.jpg) no-repeat top center; padding-top:86px; margin-top:24px; clear:both}
footer .footer{padding:0 12px}
footer .footer .row .columns{padding:0 16px}
footer .columns {padding:0 22px;}
footer .columns h2 {font-family: 'Roboto Slab', serif; font-size:18px; color:#02518c; margin-bottom:20px; margin-top:18px; font-weight:400}

footer .footer .col-3 h2 {color:#333;}
footer .columns h2.contact-title{color:#333}
footer .side-nav li, footer .menu li {float:left; width:50%;}

footer .menu{list-style:none}
footer .menu li {background:url(../images/bullet-point.gif) no-repeat left 9px; padding-left:13px;}

footer .side-nav li, footer .menu li {margin:0}
footer .side-nav li a:not(.button), footer .menu li a:not(.button) {
    color: #555;
    padding: 0;
	font-family:Roboto;
	font-size:14px;
	line-height:31px;
}

footer .menu li a:not(.button):hover {color:#333; text-decoration:underline}
footer .side-nav li a em{color:#555;}
footer .menu span.nolink {
  color: #555;
  padding: 0;
  font-family: Roboto;
  font-size: 14px;
  line-height: 31px;
}
.vcard{padding:0}
.vcard {color: #555; font-family:Roboto; font-size:14px;}
.vcard p{margin:0; height:10px;}
.email a:hover{color:#02518c; text-decoration:underline}
footer .col-2{border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;}

.super-footer{font-family:Roboto; font-size:12px; padding:30px 35px;}
.super-footer .block-menu-menu-bottom-menu h2{display:none}

.super-footer .block-menu-menu-bottom-menu .menu{padding-top:0px;}

.super-footer .copyright{color:#333; font-family:'Roboto-Bold'; font-size:12px; font-weight:normal;}

.super-footer .block-menu-menu-bottom-menu .menu li{float:none; display:inline; padding:0 8px; margin:0; background:url(../images/super-footer-menu-divider.gif) no-repeat right 6px;}
.super-footer .block-menu-menu-bottom-menu .menu li:first-child{padding-left:0;}
.super-footer .block-menu-menu-bottom-menu .menu li:last-child{background:none}
.super-footer .block-menu-menu-bottom-menu .menu li a{color:#555; font-weight:400; font-size:12px}
.super-footer .block-menu-menu-bottom-menu .menu li a:hover{color:#333;}

/*for pages*/
.row-breadcrumb{padding:0 35px;}
.row-breadcrumb .breadcrumb-container{border-bottom:1px solid #fff; margin-bottom:16px; }
.row-breadcrumb .breadcrumb-container .breadcrumb-border{border-bottom:1px solid #c0c0c0;}
.row-breadcrumb .breadcrumb-container h2{display:none;}
.row-breadcrumb .breadcrumb-container .breadcrumb-text{float:left; padding:15px 8px 22px 0; font-size:14px; color:#555; text-transform:capitalize}
.row-breadcrumb .breadcrumbs{float:left; padding:20px 0 14px 0; margin:0; background:none; border:none;}
.row-breadcrumb .breadcrumbs li a{font-size:14px; color:#555; text-transform:none; text-decoration:none}
.row-breadcrumb .breadcrumbs li a:hover{font-weight:400; color:#333; text-decoration:underline}
.row-breadcrumb .breadcrumbs li.current a{font-weight:700; color:#333; text-decoration:none}

.breadcrumbs > *:before {
	content: ">";
	/*background:url(../images/brd-point.png) no-repeat -2px 0;*/
    margin: 0px 8px;
    position: relative;
    top: 0;
	color:#616161;
}

.page-banner{height:150px; border-radius:4px; margin-top:18px; text-align:left; line-height:150px}
.page-banner .page-banner-title{font-family: 'Roboto Slab', serif; font-size: 36px; color: #FFF; margin-left: 35px; display: inline-block; vertical-align: middle; line-height: normal;}

/* this will repete for each banner*/
.mayor-councillors-banner{background:#4db3d0 url(../images/banner-mayor-councillors.jpg) no-repeat right top}

.row-inner-page-content{padding:0;}
.row-inner-page-content .row{margin-bottom:25px;}
.row-inner-page-content .bottom-contactus{padding:0 14px; margin:0 auto; max-width: 1010px;}
.page-col-right{max-width:365px}
.page-col-left{padding-right:15px;}
.page-col-left .view-personnel-listing .views-field-title,.view-personnel-listing .views-field-title, .page-col-left .view-personnel-listing .views-field-field-position-until, .view-personnel-listing .views-field-field-position-until, .page-col-left .view-personnel-listing .views-field-field-telephone-number, .view-personnel-listing .views-field-field-telephone-number, .page-col-left .view-personnel-listing .views-field-field-email-addres, .view-personnel-listing .views-field-field-email-addres, .views-field-body, .views-field-field-council-committee-represen{font-size:15px; line-height:26px; color:#555; float:left}

.page-col-left .view-personnel-listing .views-field-title a{font-family: 'Roboto Slab', serif; font-size:22px; line-height:24px; color:#333; margin-left:15px;display:inline-block}
.page-col-left .view-personnel-listing .views-field-field-position-until{margin-left:20px;}
.page-col-left .view-personnel-listing .views-field-field-telephone-number{font-weight:700; background:url(../images/icn-mobile.gif) no-repeat left top; margin-left:15px; padding-left:35px; letter-spacing:1px;}
.page-col-left .view-personnel-listing .views-field-field-email-addres{background:url(../images/icn-email.gif) no-repeat left 5px; margin-left:95px; padding-left:35px; color:#02518c; text-decoration:underline; font-weight:700;}
.page-col-left .row-group{clear:both; padding-bottom:20px;}
.view-personnel-listing .views-field-field-profile-image{}
.view-personnel-listing .views-field-title a{font-family: 'Roboto Slab', serif; font-size:22px; line-height:24px; color:#333; margin-left:15px;display:inline-block}
.view-personnel-listing .views-field-field-position-until{margin-left:20px;}
.view-personnel-listing .views-field-field-telephone-number{font-weight:700; background:url(../images/icn-mobile.gif) no-repeat left top; margin-left:15px; padding-left:35px; letter-spacing:1px;}
.view-personnel-listing .views-field-field-email-addres{background:url(../images/icn-email.gif) no-repeat left 5px; margin-left:95px; padding-left:35px; color:#02518c; text-decoration:underline; font-weight:700;}
.row-group{clear:both; padding-bottom:20px;}
.view-personnel-listing .row-group{clear:both; padding-bottom:20px;  width: 66%;}
.view-personnel-listing .views-field-field-profile-image{}
.views-field-body{float:none; clear:both}
.views-field-field-council-committee-represen{float:none; clear:both}


.page-col-right .block-menu .block-title,.page-col-right .block-views-exp-venue-listing-page .block-title{border-radius:4px 4px 0 0; min-height:50px; font-family: 'Roboto Slab', serif; font-size:20px; line-height:normal; color:#fff; padding:10px 20px; font-weight:400; text-shadow:1px 1px 1px #666; margin:0;}

 .agenda-minuts-list .view-filters,
 .agenda-minuts-list .view-header,
.page-col-left .custom-tenders-form,
.page-col-left .view-online-form .view-filters{
	background:#fff;
	border-bottom:2px solid #02518c;
	border-radius:6px 6px 0 0;
	padding:15px 20px 0 20px;
}

.custom-tenders-form,
.view-online-form .view-filters{
  background:#fff;
  border-bottom:2px solid #02518c;
  border-radius:6px 6px 0 0;
  padding:15px 20px 0 20px;
}

 .agenda-minuts-list .view-header:after{
    content: " ";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}

.page-col-left .custom-tenders-form{
	margin-bottom:20px;
}

.page-col-left .view-mode-full{
	clear:both;
}

.custom-tenders-form{
  margin-bottom:20px;
}

.view-mode-full{
  clear:both;
}

 .agenda-minuts-list .view-filters form{
	margin:0;
	padding:0
}

 .agenda-minuts-list .view-header .form-item,
 .agenda-minuts-list .view-filters .views-exposed-form .views-exposed-widget{
	margin:0;
	padding:0
}

 .agenda-minuts-list .view-filters .views-exposed-widgets .views-widget-filter-title,
 .agenda-minuts-list .view-filters .views-exposed-widgets .views-widget-filter-field_meeting_date_value,
 .agenda-minuts-list .view-filters .views-exposed-widgets .views-widget-filter-keyword,
 .agenda-minuts-list .view-filters .views-exposed-widgets .views-widget-filter-ds_field_meeting_date_single,
 .agenda-minuts-list .view-header .form-type-textfield,
 .agenda-minuts-list .view-header .form-type-select,
.page-col-left .view-online-form .view-filters .views-exposed-widgets #edit-title-wrapper,.page-col-left .view-online-form .view-filters .views-exposed-widgets #edit-field-online-form-type-tid-wrapper{
	float:left;
	width:40%;
	min-width:200px;
}

.view-online-form .view-filters .views-exposed-widgets #edit-title-wrapper, .view-online-form .view-filters .views-exposed-widgets #edit-field-online-form-type-tid-wrapper{
  float:left;
  width:40%;
  min-width:200px;
}

 .agenda-minuts-list .view-filters .views-exposed-widgets .views-submit-button,
.page-col-left .view-online-form .view-filters .views-exposed-widgets .views-submit-button{
	float:left; width:20%; min-width:100px;
}

.view-online-form .view-filters .views-exposed-widgets .views-submit-button{
	float:left; width:20%; min-width:100px;
}

.agenda-minuts-list .view-filters .views-exposed-widgets .views-submit-button{
	float: right;
}

 .agenda-minuts-list .view-filters .views-exposed-form label,
 .agenda-minuts-list .view-header form label,
.page-col-left .custom-tenders-form label,
.page-col-left .view-online-form  label{
	display: inline;
	float: left;
	margin-right: 16px;
	margin-top: 10px;
	font-size: 15px;
	font-weight: normal;
	min-width:58px;
}

.page-col-left .custom-tenders-form .form-item{
	margin:0 10px 0 0;
	padding:0;
	display:inline-block;
}

.page-col-left .custom-tenders-form .custom-tenders-submit{
	display:inline-block;
	text-align:right;
	width:169px;
}

.page-col-left .custom-tenders-form .custom-tenders-submit .form-submit{
	margin-bottom:16px;
}

.custom-tenders-form label,
.view-online-form  label{
  display: inline;
  float: left;
  margin-right: 16px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: normal;
  min-width:58px;
}

.custom-tenders-form .form-item{
  margin:0 10px 0 0;
  padding:0;
  display:inline-block;
}

.custom-tenders-form .custom-tenders-submit{
  display:inline-block;
  text-align:right;
  width:169px;
}

.custom-tenders-form .custom-tenders-submit .form-submit{
  margin-bottom:16px;
}

 .agenda-minuts-list .view-filters .views-exposed-form .views-widget,
 .agenda-minuts-list .view-header .form-item,
.page-col-left .view-online-form .views-exposed-form .views-widget{
	float:left;
}

.view-online-form .views-exposed-form .views-widget{
	float:left;
}

 .agenda-minuts-list .view-filters .views-exposed-widgets input[type="text"],
 .agenda-minuts-list .view-header input[type="text"],
.page-col-left .custom-tenders-form input[type="text"],
.page-col-left #views-exposed-form-online-form-page input[type="text"]{
	width:166px;
	height:41px;
	border-radius:4px;
}

.custom-tenders-form input[type="text"],
#views-exposed-form-online-form-page input[type="text"]{
	width:166px;
	height:41px;
	border-radius:4px;
}

 .agenda-minuts-list .view-filters .views-exposed-widgets input[type="text"]:focus,
 .agenda-minuts-list .view-header input[type="text"]:focus,
.page-col-left .custom-tenders-form input[type="text"]:focus{
	box-shadow:none;
	background:#fff;
}
.custom-tenders-form input[type="text"]:focus{
	box-shadow:none;
	background:#fff;
}

.form-item input.error{
	margin-bottom:15px;
}

.alert-box{
	border-radius:4px;
}

.alert-box .no-bullet{
	margin-bottom:0;
}

.webform-client-form .webform-component-markup{
	margin-bottom:10px;
}

.page-col-left .custom-tenders-form input[type="text"]{float:left}
 .custom-tenders-form input[type="text"]{float:left}
 .agenda-minuts-list .view-filters .views-exposed-form .date-year,
 .agenda-minuts-list .view-filters .views-exposed-form #edit-dm-field-meeting-date,
 .agenda-minuts-list .view-header .form-select,
.page-col-left .view-online-form .view-filters .views-exposed-form .form-select{
   width: 126px;
   height: 41px;
   overflow: hidden;
   background:#fff url(../images/select-bg.gif) no-repeat 133px 5px;
   border: 1px solid #ccc;
   border-radius:4px;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
   box-sizing: border-box;
   transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
}
.view-online-form .view-filters .views-exposed-form .form-select{
   width: 126px;
   height: 41px;
   overflow: hidden;
   background:#fff url(../images/select-bg.gif) no-repeat 133px 5px;
   border: 1px solid #ccc;
   border-radius:4px;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
   box-sizing: border-box;
   transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
}


.agenda-minuts-list .view-header .form-select,
.agenda-minuts-list .view-filters .views-exposed-form .form-select{
   width: 126px;
   height: 41px;
   overflow: hidden;
   background:#fff url(../images/select-bg.gif) no-repeat 90px 5px;
   border: 1px solid #ccc;
   border-radius:4px;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
   box-sizing: border-box;
   transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
}

 .agenda-minuts-list .view-filters .views-exposed-form .form-select,
 .agenda-minuts-list .view-header .form-select,
.page-col-left .view-online-form .view-filters .views-exposed-form .form-select{
   width:166px; height:41px;
   /*background: transparent;*/
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   color:#999;
}
.view-online-form .view-filters .views-exposed-form .form-select{
   width:166px; height:41px;
   /*background: transparent;*/
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   color:#999;
}

.form-submit { margin: 0; background:#02518c; padding:9px 16px; color:#fff; font-size:18px; font-weight:700; border-radius:4px; border:none; box-shadow:none; float:right}
.form-submit:hover{background:#00305f}

 .agenda-minuts-list .view-header .form-submit,
 .agenda-minuts-list .view-filters .views-exposed-form .views-exposed-widget .form-submit{
	margin: 0;
}

 .agenda-minuts-list .views-row{border-top:1px solid #fff; padding:15px 40px}
 .agenda-minuts-list .views-row-odd{background:#f0f0f0}
 .agenda-minuts-list .views-row-even{background:#f9f9f9}
 .agenda-minuts-list .views-row .views-field-title a{font-size:15px; font-weight:700; line-height:24px; color:#555;}
 .agenda-minuts-list .views-row .views-field-field-meeting-date, .page-col-left .node-meeting-agendas-and-minutes .field-name-field-meeting-date{font-size:13px; font-weight:700; line-height:24px; color:#898989; margin-bottom:6px}
 .agenda-minuts-list .views-row .views-field-field-meeting-date, .node-meeting-agendas-and-minutes .field-name-field-meeting-date{font-size:13px; font-weight:700; line-height:24px; color:#898989; margin-bottom:6px}
 .agenda-minuts-list .views-row .views-field-field-agenda-1 a,  .agenda-minuts-list .views-row .views-field-field-minutes-1 a, .page-col-left .field-name-field-agenda a, .page-col-left .field-name-field-minutes a{font-size:14px; line-height:38px; padding:4px 0 4px 34px; text-decoration:underline}
 .agenda-minuts-list .views-row .views-field-field-agenda-1 a,  .agenda-minuts-list .views-row .views-field-field-minutes-1 a, .field-name-field-agenda a, .page-col-left .field-name-field-minutes a{font-size:14px; line-height:38px; padding:4px 0 4px 34px; text-decoration:underline}
 .agenda-minuts-list .views-row .views-field-field-agenda-1 a:hover,  .agenda-minuts-list .views-row .views-field-field-minutes-1 a:hover, .page-col-left .field-name-field-agenda a:hover, .page-col-left .field-name-field-minutes a:hover{font-weight:700; color:#02518c;}
 .agenda-minuts-list .views-row .views-field-field-agenda-1 a:hover,  .agenda-minuts-list .views-row .views-field-field-minutes-1 a:hover, .field-name-field-agenda a:hover, .page-col-left .field-name-field-minutes a:hover{font-weight:700; color:#02518c;}
 .agenda-minuts-list .views-row .views-field-field-agenda-1 a, .page-col-left .field-name-field-agenda a{background:url(../images/icn-agenda-min.gif) no-repeat left 1px;}
 .agenda-minuts-list .views-row .views-field-field-agenda-1 a, .field-name-field-agenda a{background:url(../images/icn-agenda-min.gif) no-repeat left 1px;}
 .agenda-minuts-list .views-row .views-field-field-minutes-1 a, .page-col-left .field-name-field-minutes a{background:url(../images/icn-agenda-min.gif) no-repeat left -34px;}
 .agenda-minuts-list .views-row .views-field-field-minutes-1 a, .field-name-field-minutes a{background:url(../images/icn-agenda-min.gif) no-repeat left -34px;}
 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1{margin-top:8px;}
 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .views-label-field-supporting-documents--1, .page-col-left .field-name-field-supporting-documents- .field-label{font-size:12px; font-weight:700; line-height:24px; color:#555; text-transform:uppercase;}
 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .views-label-field-supporting-documents--1, .field-name-field-supporting-documents- .field-label{font-size:12px; font-weight:700; line-height:24px; color:#555; text-transform:uppercase;}
.node-meeting-agendas-and-minutes .field-name-field-supporting-documents- .field-label {margin-bottom: 6px; margin-top: 10px;}
 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .item-list{padding-top:6px;}
 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .item-list ul{list-style:none; margin:0; padding:0;}
/* .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .item-list li{margin:0; padding-left:26px; background:url(../images/list-point-png.png) no-repeat 6px 10px}*/
 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .item-list .download-file{margin:0; padding-left:26px; background:url(../images/list-point-png.png) no-repeat 6px 10px}


 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .item-list li a, .node-meeting-agendas-and-minutes .field-name-field-supporting-documents- table td .file a{font-size:13px; line-height:17px; color:#555; text-decoration:underline}
 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .item-list li a:hover, .node-meeting-agendas-and-minutes .field-name-field-supporting-documents- table td .file a:hover{color:#333; font-weight:700}
 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .item-list img, .page-col-left .field-name-field-agenda img, .page-col-left .field-name-field-minutes img{display:none}
 .agenda-minuts-list .views-row .views-field-field-supporting-documents--1 .item-list img, .field-name-field-agenda img, .field-name-field-minutes img{display:none}

.node-meeting-agendas-and-minutes .field-name-field-supporting-documents- table {width: 100%;}
.node-meeting-agendas-and-minutes .field-name-field-supporting-documents- table td img{display:none}
.node-meeting-agendas-and-minutes .field-name-field-supporting-documents- table td .file{padding-left:26px; background:url(../images/list-point-png.png) no-repeat 6px 3px}

.row-inner-page-content .inner-page-bottom-bg{background:url(../images/inner-page-bottom-bg.gif) no-repeat center top; height:25px; margin-bottom:23px;}

.row-inner-page-content .bottom-contactus .contactus-title{font-family: 'Roboto Slab', serif; font-size:22px; line-height:40px; color:#333; padding:0}
.row-inner-page-content .bottom-contactus .contactus-button{text-align:right; padding:0}
.row-inner-page-content .bottom-contactus .btn-contactus{border:none; box-shadow:none; background:#4db3d0; color:#fff; font-size:18px; font-weight:700; margin-bottom:0}
.row-inner-page-content .bottom-contactus .btn-contactus:hover{background:#02518c;}
.contact-block{padding-bottom:0;}
.contact-block .block-title{display:none}


/* end for pages*/

/* For Grid display on Pages*/
.section-council .view-council-block .views-field-field-ref-page .item-list ul, .section-residents .view-council-block .views-field-field-ref-page .item-list ul, .section-business .view-council-block .views-field-field-ref-page .item-list ul{list-style:none; margin:0; padding:0}

.section-council .view-council-block .views-field-field-ref-page .item-list li, .section-residents .view-council-block .views-field-field-ref-page .item-list li, .section-business .view-council-block .views-field-field-ref-page .item-list li{float:left; margin:0; padding:0; margin-bottom:40px; position:relative}

.section-council .view-council-block .views-field-field-ref-page .item-list li:nth-child(odd), .section-residents .view-council-block .views-field-field-ref-page .item-list li:nth-child(odd), .section-business .view-council-block .views-field-field-ref-page .item-list li:nth-child(odd){margin-right:54px}

.view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views{max-width:338px; position:relative; text-align:center; margin:0 auto}

.view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{font-family: 'Roboto Slab', serif; font-size: 18px; font-weight:400; line-height: 25px; position: absolute; border-radius: 0px 0px 3px 3px; opacity: 0.9; left: 0px; width: 100%; padding: 15px; bottom:0; margin-bottom:0}

/*
.section-development .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title, .section-one-planet .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title, .section-arts-culture .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{bottom:-9px;}
*/

.view-council-block .views-field-field-ref-page .node-title a{color:#fff; float:left}
.view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title:hover{opacity:1}
.view-council-block .views-field-field-ref-page .item-list li img{border-radius: 4px;}

.block-views-three-text-block-1{text-align:center}
.block-views-three-text-block-1 li{list-style:none;}

.page-col-right .block-views-three-text-block-1{margin-top:25px}
.page-col-right .block-views-three-text-block-1 ul{margin:0; padding:0}
.page-col-right .block-views-three-text-block-1 ul li{margin:0; padding:0}
.page-col-right .block-views-three-text-block-1 ul li .views-field-title{font-family: 'Roboto Slab', serif; font-size: 22px; line-height:50px; color:#02518c;}
.page-col-right .block-views-three-text-block-1 ul .views-row-first{border-bottom:1px solid #c0c0c0; padding-bottom:35px;}
.page-col-right .block-views-three-text-block-1 ul .views-row-last{border-top:1px solid #fff; padding-top:15px; margin-bottom:30px}




.section-development .row-inner-page-content .view-council-block ul, .section-one-planet .row-inner-page-content .view-council-block ul, .section-arts-culture .row-inner-page-content .view-council-block ul{padding:0; margin:0 -16px;}
.section-development .row-inner-page-content .view-council-block ul li, .section-one-planet .row-inner-page-content .view-council-block ul li, .section-arts-culture .row-inner-page-content .view-council-block ul li{text-align:center; position:relative; margin:0; padding: 0px 15px 2.25rem;}

/*
.section-arts-culture .row-inner-page-content .view-council-block ul li, .section-one-planet .row-inner-page-content .view-council-block ul li{
	text-align:center; position:relative;
	padding:0;
}

.section-arts-culture .row-inner-page-content .view-council-block ul li:nth-child(odd), .section-one-planet .row-inner-page-content .view-council-block ul li:nth-child(odd){margin-right:23px}
*/






.section-visit .block-views-top-visit-block-1 ul li, .section-community .block-views-top-visit-block-3 ul li{text-align:center; position:relative; padding:0;}
.community-list-outer, .visit-list-outer{position:relative; max-width:338px; margin:0 auto}


.section-visit .block-views-top-visit-block-1, .section-community .block-views-top-visit-block-3{margin-top:40px}
.section-visit .block-views-top-visit-block-1 ul li .views-field-title, .section-community .block-views-top-visit-block-3 ul li .views-field-title{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	line-height: 25px;
	position: absolute;
	padding: 15px;
	border-radius: 0px 0px 4px 4px;
	opacity: 0.9;
	width: 100%;
	max-width: 338px;
	bottom: 0;
}
.section-visit .block-views-top-visit-block-1 ul li .views-field-title a, .section-community .block-views-top-visit-block-3 ul li .views-field-title a{color:#fff; float:left}
.section-visit .block-views-top-visit-block-1 ul li .views-field-title:hover, .section-community .block-views-top-visit-block-3 ul li .views-field-title:hover{opacity:1}
.section-visit .block-views-top-visit-block-1 ul, .section-community .block-views-top-visit-block-3 ul{margin: 0;}
.section-visit .block-views-top-visit-block-1 ul li, .section-community .block-views-top-visit-block-3 ul li{margin-bottom:40px}

.view-top-visit .visit-top{margin:0; padding:0; list-style:none; padding:0 12px;}
.view-top-visit .visit-top li{margin:0; padding:0; list-style:none;}
.view-top-visit .visit-top li img, .section-visit .block-views-top-visit-block-1 ul li img, .section-community .block-views-top-visit-block-3 ul li img{border-radius:4px; width:100%; max-width:500px}
.view-top-visit .visit-top li .views-field-title{width:100%; font-family: 'Roboto Slab', serif; font-size: 18px; line-height:25px;  position:absolute; padding:15px; border-radius:0 0 4px 4px; opacity:0.9; bottom:0;}
.view-top-visit .visit-top li .views-field-title a{color:#fff;}
.view-top-visit .visit-top li .views-field-title:hover{opacity:1}
.view-top-visit .visit-top li:last-child .views-field-title{right:0}
.view-top-visit .visit-top li:first-child{text-align:left; padding-right:12px}
.view-top-visit .visit-top li:last-child{text-align:right; padding-left:12px}
.view-top-visit .visit-top li:last-child .views-field-title a, .section-arts-culture .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title a{float:left}

.section-council .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{background:#4db3d0; text-shadow: 1px 1px 1px #333; font-weight:700}
.section-residents .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{background:#dd866b; text-shadow: 1px 1px 2px #333; font-weight:700}
.section-community .block-views-top-visit-block-3 ul li .views-field-title, .section-community .view-top-visit .visit-top li .views-field-title{background:#c089e7; text-shadow: 1px 1px 2px #333; font-weight:700; max-width:500px}

.section-development .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{background:#5393d0; text-shadow: 1px 1px 2px #333;font-weight:700}
.section-one-planet .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{background:#92b036; text-shadow: 1px 1px 2px #333;font-weight:700}
.section-arts-culture .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{background:#23bfa7; text-shadow: 1px 1px 2px #333;font-weight:700}
.section-business .view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{background:#d94043; text-shadow: 1px 1px 2px #333;font-weight:700}

.section-visit .block-views-top-visit-block-1 ul li .views-field-title, .section-visit .view-top-visit .visit-top li .views-field-title{background:#cec55e; text-shadow: 1px 1px 2px #333;font-weight:700; max-width:500px}

.tb-megamenu .tb-megamenu-block .block-menu-menu-development {margin-top: 25px; margin-left: -16px;}

.icn-social img:hover{opacity:0.7}
/*End for Page*/



/* Added By Rajesh Ranjan */
.root-page-banner {
    margin-top: 18px;
	margin-bottom:20px;
    text-align: left;
}

.council-root .banner-image{
	background:#4db3d0 url(../images/council.jpg) no-repeat right top
}
.visit-root .banner-image{
	background:#4db3d0 url(../images/visit.jpg) no-repeat right top
}
.resident-root .banner-image{
	background:#4db3d0 url(../images/residents.jpg) no-repeat right top
}
.community-root .banner-image{
	background:#4db3d0 url(../images/community.jpg) no-repeat right top
}
.art-root .banner-image{
	background:#4db3d0 url(../images/arts-culture.jpg) no-repeat right top
}
.plannet-root .banner-image{
	background:#4db3d0 url(../images/one-planet.jpg) no-repeat right top
}
.bussiness-root .banner-image{
	background:#4db3d0 url(../images/business.jpg) no-repeat right top
}
.development-root .banner-image{
	background:#4db3d0 url(../images/development.jpg) no-repeat right top
}

#page .banner-image{background-size:100%; width:100%; padding-bottom:33.33%; border-radius: 4px;}

.tb-megamenu li.active{background:#003060;border-color:#003060;color:#fff;}
.mayor-councillors-banner{background:#4db3d0 url(../images/banner-mayor-councillors.jpg) no-repeat right top}

.council-page .mayor-councillors-banner{background:#4db3d0 url(../images/banner-mayor-councillors.jpg) no-repeat right top}
.resident-page .mayor-councillors-banner{background:#dd866b url(../images/residents-banner.jpg) no-repeat right top}
.community-page .mayor-councillors-banner{background:#c089e7 url(../images/community-banner.jpg) no-repeat right top}
.development-page .mayor-councillors-banner{background:#5393d0 url(../images/development-banner.jpg) no-repeat right top}
.plannet-page .mayor-councillors-banner{background:#92b036 url(../images/one-planet-banner.jpg) no-repeat right top}
.art-page .mayor-councillors-banner{background:#23bfa7 url(../images/arts-culture-banner.jpg) no-repeat right top}
.bussiness-page .mayor-councillors-banner{background:#d94043 url(../images/business-banner.jpg) no-repeat right top}
.visit-page .mayor-councillors-banner{background:#cec55e url(../images/visit-banner.jpg) no-repeat right top}
.default-page .mayor-councillors-banner{background:#01518c url(../images/generic-banner.jpg) no-repeat right top}
body.node-type-projects .mayor-councillors-banner{background:#4db3d0 url(../images/banner-mayor-councillors.jpg) no-repeat right top}

.twitter-timeline{max-width:328px!important; width:100%!important}

.page-col-left .block-views-news-media-block-4 .pnl-div, .block-views-news-media-block-4 .pnl-div, .block-views-news-category-block,.default-page .page-col-right .pnl-div,
.block-views-online-form-block-1{margin-bottom:40px;}
.page-col-left .block-views-news-media-block-4 .pnl-title, .block-views-news-media-block-4 .pnl-title, .block-views-news-category-block .block-title,.block-views-exp-whats-on-listing-block .block-title,.block-views-exp-whats-on-listing-page-1 .block-title,.page-col-right .pnl-div .pnl-title,.page-col-right .block-views-online-form-block-1 .block-title{background:#02518c; border-radius:4px 4px 0 0; height:50px; line-height:50px; padding:0 10px;}
.page-col-left .block-views-news-media-block-4 .pnl-title h2, .block-views-news-media-block-4 .pnl-title h2, .block-views-news-category-block .block-title, .block-views-exp-whats-on-listing-block .block-title , .pnl-div .pnl-title h2,.page-col-right .block-views-online-form-block-1  h2{font-family:"Roboto Slab"; font-size:20px; color:#fff; text-shadow: 1px 1px 1px #01253f; line-height:normal; vertical-align:middle; display:inline-block; font-weight:400}

.block-views-exp-whats-on-listing-block .block-title,.block-views-exp-whats-on-listing-page-1 .block-title {font-family:"Roboto Slab"; font-size:19px; color:#fff; text-shadow: 1px 1px 1px #01253f; line-height:normal; vertical-align:middle; display:inline-block; font-weight:400}

.page-col-left .block-views-news-media-block-4 .pnl-body, .block-views-news-media-block-4 .pnl-body {padding:20px 40px; background:#fff; border-radius:0 0 4px 4px;}
.page-col-left .block-views-news-media-block-4 .pnl-body .media-img-big, .block-views-news-media-block-4 .pnl-body .media-img-big {margin-bottom:15px;}
.page-col-left .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-title-1, .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-title-1, .row-media-listing .media-desc-title-1, .node-what-s-on .whatson-event-date, .node-news-media .time-elapsed{font-family:"Roboto-Bold"; font-size:13px; font-weight:400; color:#898989;}
.node-news-media .time-elapsed, .node-what-s-on .whatson-event-date{display:block; margin-bottom:15px;}
.page-col-left .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-title-1 .placeholder, .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-title-1 .placeholder, .row-media-listing .media-desc-title-1 .placeholder{font-style:normal}
.page-col-left .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-title-2 a, .page-col-left .whats-on-intro, .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-title-2 a, .whats-on-intro, .news-content-title h5, .whatson-content-title h5,.page-sub-whatsonintro .whats-on-intro,.page-sub-intro .whats-on-intro {font-family:"Roboto Slab"; font-size:22px; line-height:25px; font-weight:400; color:#333;}
.page-col-left .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-body, .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-body {font-family:"Roboto"; font-size:15px; line-height:23px; font-weight:400; color:#555; margin-bottom:8px}
.page-col-left .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-more, .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-more {margin-bottom:0}
.page-col-left .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-more a, .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-more a {font-family:"Roboto"; font-size: 15px; color: #02518C; line-height: 23px; text-decoration: underline;}
.page-col-left .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-more a:hover, .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-more a:hover {text-decoration: none;}

.row-inner-page-content .row-media-listing{margin-bottom:40px;}
.row-inner-page-content .row-media-listing .col-2{padding-left:25px}
.row-inner-page-content .row-media-listing .col-2 .suburb, .row-inner-page-content .row-media-listing .col-2 .event-category, .field-name-field-suburb ul li, .field-name-field-event-category ul li, .row-inner-page-content .row-media-listing .col-2 .venu-type, .row-inner-page-content .row-media-listing .col-2 .function-type{font-family:"Roboto-Bold"; font-size:13px; font-weight:400; color:#898989; line-height:18px; margin-bottom:8px; padding-left:25px; list-style:none}


.row-inner-page-content .row-media-listing .col-2 .suburb, .field-name-field-suburb ul li{background:url(../images/icn-suburb.png) no-repeat 3px 3px}
.row-inner-page-content .row-media-listing .col-2 .event-category, .field-name-field-event-category ul li{background:url(../images/icn-event-category.png) no-repeat left 3px}

.row-inner-page-content .row-media-listing .col-2 .venu-type{background:url(../images/icn-venue-function-type.png) no-repeat left 2px}
.row-inner-page-content .row-media-listing .col-2 .function-type{background:url(../images/icn-venue-function-type.png) no-repeat left -31px}

#views-exposed-form-venue-listing-page .views-exposed-form #edit-field-venue-type-tid-wrapper label:first-child, #views-exposed-form-venue-listing-page .views-exposed-form #edit-field-function-type-tid-wrapper label:first-child{background-image:url(../images/icn-venue-function-type.png); background-repeat:no-repeat; font-size:15px; font-weight:400; color:#555; padding-left:25px; margin-bottom:6px}
#views-exposed-form-venue-listing-page .views-exposed-form #edit-field-venue-type-tid-wrapper label:first-child{background-position:left 4px}
#views-exposed-form-venue-listing-page .views-exposed-form #edit-field-function-type-tid-wrapper label:first-child{background-position:left -29px}

.row-inner-page-content .row-media-listing .media-desc-title-2{line-height:24px}
.row-inner-page-content .row-media-listing .media-desc-title-2 a{font-family:"Roboto Slab"; font-size:18px; font-weight:400; color:#333;}

.page-col-left .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-title-2 a:hover, .block-views-news-media-block-4 .pnl-body .media-desc-div .media-desc-title-2 a:hover, .row-media-listing .media-desc-title-2 a:hover{color:#02518c}
.page-col-right .block-views-news-category-block .view-news-category{padding:20px 0 15px 4px;}

.block-views-news-category-block, .block-views-exp-whats-on-listing-block,.block-views-exp-whats-on-listing-page-1,
.default-page .page-col-right .pnl-div,.block-views-online-form-block-1 {background:#fff; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; margin-bottom:20px}
.block-views-exp-whats-on-listing-block form,.block-views-exp-whats-on-listing-page-1 form,.default-page .page-col-right .pnl-div .pnl-body{padding:20px}
.block-views-exp-whats-on-listing-block form .has-tip,.block-views-exp-whats-on-listing-page-1 form .has-tip{display:none;}
.section-whats-on .page-sub-banner .columns{padding:0px}
.section-whats-on .page-sub-banner .social-wall{height:289px ; overflow-y:scroll;overflow-x: hidden; float:left !important; }
.section-whats-on  .separator{width:100%;height:10px; background:#02518c;max-width:1130px}

.page-col-right .block-views-online-form-block-1 .block-title{background:#02518c; border-radius:4px 4px 0 0; height:50px; line-height:normal; padding:0 10px;}

.block-views-exp-whats-on-listing-block form .views-exposed-widget label,.block-views-exp-whats-on-listing-page-1 #edit-field-start-date-value-wrapper label,.block-views-exp-whats-on-listing-page-1 #edit-field-start-date-value2-wrapper label,.block-views-exp-whats-on-listing-page-1 #edit-field-event-date-value-wrapper label,.block-views-exp-whats-on-listing-page-1 #edit-field-event-date-value-1-wrapper label{float:left; width:35%; min-width:80px; line-height:41px; font-size:15px; color:#555; font-weight:400}

.block-views-exp-whats-on-listing-block form .views-exposed-widget .views-widget,.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-start-date-value-wrapper .views-widget,.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-start-date-value2-wrapper .views-widget,.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-wrapper .views-widget,.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-1-wrapper .views-widget{float:left; width:65%}

.block-views-exp-whats-on-listing-page-1 .views-exposed-form .views-exposed-widgets #edit-field-suburb-tid-wrapper,.block-views-exp-whats-on-listing-page-1 .views-exposed-form .views-exposed-widgets #edit-field-event-category-tid-wrapper  {
width:100%;
}
.block-views-exp-whats-on-listing-page-1 #edit-field-event-category-tid-wrapper .form-type-bef-checkbox{margin-bottom:7px}
.block-views-exp-whats-on-listing-page-1 #edit-field-suburb-tid-wrapper label:first-child{
	background-image: url("../images/icn-suburb.png");
	background-repeat: no-repeat;
	color: #555;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 6px;
	padding-left: 25px;
	background-position: 0 center;
}
.block-views-exp-whats-on-listing-page-1 #edit-field-event-category-tid-wrapper label:first-child{
	background-image: url("../images/icn-event-category.png");
	background-repeat: no-repeat;
	color: #555;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 6px;
	padding-left: 25px;
	background-position: 0 center;
}
#ui-datepicker-div{z-index: 2 !important;/*left: 966px !important;*/}

.block-views-exp-whats-on-listing-page-1 #edit-field-event-category-tid-wrapper{margin-bottom:10px}
.block-views-exp-whats-on-listing-page-1 #edit-field-suburb-tid-wrapper{margin-bottom:25px}

.top-margin{margin-top:20px;padding: 0 20px;}


.block-views-exp-whats-on-listing-block form .views-exposed-widget .views-widget input[type="text"],
.block-views-exp-whats-on-listing-page-1 form .views-exposed-widget .views-widget input[type="text"] {
	border-radius: 3px;
	border: 1px solid #CCC;
	color: #999;
	display: block;
	box-sizing: border-box;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 41px;
	width: 83%;
	font-size: 13px;
	padding: 10px;
}

.block-views-exp-whats-on-listing-page-1 .views-widget-filter-combine label {
	font-weight: normal;
	margin-bottom: 6px;
}

.block-views-exp-whats-on-listing-page-1 .views-widget-filter-combine {
	width: 100%;
}

.block-views-exp-whats-on-listing-page-1 form .views-exposed-widget .views-widget .form-item-combine input[type="text"] {
	width: 100%;
}

.container-inline-date .form-item input, .ui-datepicker-trigger{float:left}
.container-inline-date .ui-datepicker-trigger{margin-top:11px; margin-left:6px; cursor:pointer}
.views-exposed-form .views-exposed-widget .form-submit {margin:0}

.block-views-news-category-block .block-title, .block-views-exp-whats-on-listing-block .block-title,.block-views-exp-whats-on-listing-page-1 .block-title,.pnl-div .pnl-title,.page-col-right .block-views-online-form-block-1 .block-title{width:100%; margin:0; padding:10px 0 0 20px;}

.btn-newsletter{padding:8px 14px; margin-bottom:12px;}
.icn-rss, .icn-rss:hover{background-image:url(../images/inc-btn-newsletter.png); background-repeat:no-repeat; background-position:14px 10px; padding-left:38px}
.icn-download, .icn-download:hover{background-image:url(../images/inc-btn-newsletter.png); background-repeat:no-repeat; background-position:14px -34px; padding-left:38px}
.icn-related-download, .icn-related-download:hover{background-image:url(../images/icn-document-blue.png); background-repeat:no-repeat; background-position:0 0; padding:5px 0 0 70px; min-height:60px; margin-bottom:20px;}
.icn-related-download span.file {font-weight:bold;margin-bottom:12px;}
.icn-related-download span.file a {color:#555; font-size:15px;}
.icn-related-download span.timestamp {color:#9d9d9d; font-size:13px; font-weight:bold;}
.page-col-right .vcard{font-size:15px; border:none}
.page-col-right .block-block-3 .block-title{font-family:"Roboto Slab"; font-size:20px; color:#333; font-weight:400}
.page-col-right .block-views-three-buttons-block-2 {margin-top:20px}
.page-col-right .block-views-three-buttons-block-2 .news-page-three-buttons{margin-bottom:20px}

.page-col-left .field-type-image, .field-type-image {margin-bottom:0;}
.page-col-left .field-type-text-with-summary,.field-type-text-with-summary {margin-top:0}
.links{list-style:none; margin-left: 0 !IMPORTANT;}
.links li {background:none !IMPORTANT;padding-left:0 !IMPORTANT;}


.page-sub-banner{max-width:1130px; margin-top:20px}

.item-list .pager li{margin-left:5px; padding:0}
.item-list .pager .arrow {display:none}
.item-list .pager li a {color: #898989; border:1px solid #c0c0c0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; padding:4px 11px; font-family:"Roboto-Bold"; font-size:14px;}
.item-list .pager li.current a {background: none repeat scroll 0% 0% #4db3d0; color: #FFF; border-color:#4db3d0;}

/* End */

/* Projects map and detail - Simon Fryer */
article.node-projects div.field-wrapper {
	margin:0 0 30px 0;

}

article.node-projects div.field-wrapper h3 {
	font-size:15px;
	color:#555;
}
article.node-projects div.field-wrapper div.field-items {
	font-size:15px;
	color:#555;
}

article.node-projects div.field-name-field-project-starts,
article.node-projects div.field-name-field-location,
article.node-projects div.field-name-field-project-type,
article.node-projects div.field-name-field-projects-completed {
	padding:0 0 0 80px;
	min-height:60px;
	background-repeat:no-repeat;
}
article.node-projects div.field-name-field-project-starts {
	float:left;
	width:300px;
	background-image:url(../images/icn-calendar-blue.png);
}
article.node-projects div.field-name-field-location {
	clear:both;
	background-image:url(../images/icn-marker-blue.png);
	background-position: 0 5px;
}
article.node-projects div.field-name-field-project-type {
	background-image:url(../images/icn-project-blue.png);
	background-position: 0 5px;
}
article.node-projects div.field-name-field-projects-completed {
	float:left;
	width:400px;
	background-image:url(../images/icn-arrow-right.png);
	padding-left:60px;
}



article.node-projects div.field-name-field-location-of-project {
	background:#fff;
	padding:20px;
	width:680px;
}

article.node-projects div.field-name-body h2,
article.node-projects div.field-name-field-related-documents h2 {
	font-family:"Roboto Slab Regular";
	font-size:22px;
	font-weight: normal;
	color:#222;
}

.view-projects-map {
	position:relative;
}
.view-id-projects_map .view-filters {
	width:170px;
	background:#fff;
	position:absolute;
	right:20px;
	top:20px;
	z-index:20;
	padding:10px 10px 10px 10px;
}
.view-id-projects_map .view-filters input[type=checkbox] + label {
	padding-left:19px;
	margin-left:0;
	margin-right:0;
}
.view-id-projects_map .views-exposed-form .views-exposed-widget {
	float:none;
	padding:0 0 15px 0;
}

#main section.block-facetapi {
	background: #fff;
	border-radius: 0 0 4px 4px;
}
	#main section.block-facetapi h2 {
	  border-radius: 4px 4px 0 0;
	  min-height: 50px;
	  font-family: 'Roboto Slab', serif;
	  font-size: 20px;
	  line-height: normal;
	  color: #fff;
	  padding: 10px 20px;
	  font-weight: 400;
	  text-shadow: 1px 1px 1px #666;
	  margin: 0;
	  background: none repeat scroll 0 0 #02518c;
	}
	#main section.block-facetapi ul {
		list-style-type: none;
		padding-top:10px;
	}
		#main section.block-facetapi ul li {
			padding:0 0 20px 0;
		}
#main section.block-facetapi ul.facetapi-facetapi-checkbox-links input[type=checkbox] {
	height:auto;
	width:auto;
	position:static;
}

body.page-search #main #search-form {
	background: #fff;
	border-bottom: 2px solid #02518c;
	border-radius: 6px 6px 0 0;
	padding: 15px 20px 0 20px;
  margin-bottom:0;
}
	body.page-search #main #search-form #edit-basic div.form-item {
		display:inline-block;
		width:83%;
		margin-right:2%;
	}
	body.page-search #main #search-form #edit-basic div.form-item label {
		display: none;
	}
	body.page-search #main #search-form #edit-basic div.form-item .edit-keys {
		width:auto;
	}
	body.page-search #main #search-form #edit-basic #edit-submit {
		float:none;
		display: inline-block;
	}
body.page-search #main .search-results {
	border-top: 1px solid #fff;
  margin-left:0;
  background: #f0f0f0;
}

  body.page-search #main .search-results .search-result {
    padding: 15px 40px 15px 80px;
    margin-bottom:0;
    background-position:15px 25px;
  }
  body.page-search #main .search-results .search-result.search-type-file {
    background-image:url(../images/icn-document-blue.png);
    background-repeat:no-repeat;
  }
  body.page-search #main .search-results .search-result.search-type-node {
    background-image:url(../images/icn-page-blue.png);
    background-repeat:no-repeat;
  }
  body.page-search #main .search-results .search-result.even {
    background-color: #f9f9f9;
  }
  body.page-search #main .search-results .search-result h3 a {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    color: #555;
  }
  body.page-search #main .search-results .search-result p.search-date {
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    color: #898989;
    margin-bottom:0;
  }
  body.page-search #main .search-results .search-result .search-snippet-info {
    padding-left:0;
  }

.page-col-left article.node-news-media .field-type-image, article.node-news-media .field-type-image{margin-bottom:1em;}
.page-col-left article.node-news-media .field-type-image img, article.node-news-media .field-type-image img{width: 100%; height: auto;}

.page-col-left article.node-news-media div.news-content-title, article.node-news-media div.news-content-title {margin-bottom:1em;}

article.node-news-media .field-name-field-news-intro-paragraph {
	font-size:17px;
	color:#555;
	margin-bottom:1em;
}

article.node-page div.field ol li,
article.node-page div.field ul li,
article.node-body div.field ol li,
article.node-body div.field ul li  {
	font-size:15px;
}
article.node-page div.field ol a,
article.node-page div.field ul a,
article.node-page div.field p a,
article.node-body div.field ol a,
article.node-body div.field ul a,
article.node-body div.field p a  {color:#02518c; text-decoration:underline}

article.node-page div.field ol a:hover,
article.node-page div.field ul a:hover,
article.node-page div.field p a:hover,
article.node-body div.field ol a:hover,
article.node-body div.field ul a:hover,
article.node-body div.field p a:hover {color:#003964; text-decoration:none}

#main .node-body .field-name-field-profile-image {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
#main .node-body .field-name-field-personnel-type {
	clear:both;
}
#main .node-body .field-name-field-personnel-type ul.links {
	margin-bottom:0;
}

.webform-client-form .webform-component-markup h3 {
    color: #fff;
    font-family: "Roboto Slab";
    font-size: 20px;
    text-shadow: 1px 1px 1px #01253f;
    vertical-align: middle;
    background: none repeat scroll 0 0 #02518c;
    border-radius: 4px 4px 0 0;
    line-height: 50px;
    padding: 0 10px;
}

.mob-only {
	display:none;
}


/*general styles for all CSS Checkboxes*/
/*general styles for all CSS Checkboxes*/
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox] {
	position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

input[type=checkbox] + label {
	padding-left:26px;
	height:15px;
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox] + label{
	background-image:url(../images/dark-check-green.png);
}

input[type=checkbox] + label{
	background-image:url(../images/chrome-style.png);
	font-size:13px;
	font-weight:400;

}

input[type=checkbox]:checked + label {
	background-position: 0 -15px;
}

.bef-checkboxes input[type=checkbox] + label{
	color:#999;
}

input[type=checkbox].med + label.med {
	padding-left:22px;
    height:17px;
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].med:checked + label.med {

    background-position: 0 -17px;
}
input[type=checkbox].sme + label.sme {
	padding-left:22px;
    height:16px;
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].sme:checked + label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].lrg + label.lrg {
	padding-left:22px;
    height:20px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

#views-exposed-form-venue-listing-page .bef-checkboxes label{
	background-image:url(../images/dark-check-green.png);
}

#views-exposed-form-venue-listing-page .bef-checkboxes label,
#views-exposed-form-projects-map-page-1 .bef-checkboxes label{background-image:url(../images/chrome-style.png);
font-size:13px; font-weight:400; color:#999;
}

input[type=checkbox].med + label.med {
	padding-left:22px;
    height:17px;
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].med:checked + label.med {

    background-position: 0 -17px;
}
input[type=checkbox].sme + label.sme {
	padding-left:22px;
    height:16px;
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].sme:checked + label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].lrg + label.lrg {
	padding-left:22px;
    height:20px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].lrg:checked + label.lrg{

    background-position: 0 -20px;
}
/*End*/

/*Custom Scroll bar*/
.flexcroll {
	height: 151px;
	border:1px solid #ccc;
	border-radius:4px;
	padding:10px 3px;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

body.node-type-projects div.row-inner-page-content h2#page-title {
	font-size:22px;
	font-family:"Roboto Slab Regular";
	margin-bottom:25px;
}
.vscrollerbase {
width: 17px;

background: -webkit-linear-gradient(left, #f2f2f2 , #fbfbfb, #f2f2f2); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #f2f2f2 , #fbfbfb, #f2f2f2); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #f2f2f2 , #fbfbfb, #f2f2f2); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #f2f2f2 , #fbfbfb, #f2f2f2); /* Standard syntax */

border-left:1px solid #ccc;

}
.vscrollerbar {
width: 8px;
margin:10px 3px;
background-color: #7e7e7e;
border-radius:4px;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
/*End*/
/*Venue Detail*/

#views-exposed-form-venue-listing-page .views-exposed-form .views-exposed-widget{float:none; clear:both; display:block; padding:20px}

#views-exposed-form-venue-listing-page .views-exposed-form .views-submit-button{padding-top:0;}
#views-exposed-form-venue-listing-page .views-exposed-form .views-submit-button .form-submit{float:left}

.title-venues-for-hire h2{font-family:"Roboto Slab"; font-size:22px; color:#333}
.venues-for-hire-icons{margin-bottom:20px; color:#898989; font-size:15px;}

.icn-north-fremantle{padding-left:25px; background:url(../images/icn-suburb.png) no-repeat 3px 4px}
.icn-teaching-facility{padding-left:25px; background:url(../images/icn-event-category.png) no-repeat left 4px}

.venues-for-hire-buttons a{font-family:"Roboto-Bold"; font-weight:400; font-size:14px; padding:4px 8px 4px 30px}

.btn-enquire-now, .btn-website, .btn-check-availability, .btn-book-venue{background-image:url(../images/icn-venue-detail.png); background-repeat: no-repeat;}
.btn-enquire-now{background-position:7px 8px}
.btn-website{background-position:7px -33px}
.btn-check-availability{background-position:7px -75px}
.btn-book-venue{background-position:7px -116px}

.venues-for-hire-containt{font-size:15px; margin-bottom:20px}
.title-venues-for-hire h2{font-family:"Roboto Slab"; font-size:22px; color:#333}
.subtitle-venues-for-hire h2{font-family:"Roboto Slab"; font-size:16px; color:#333; margin:10px 0;}
.table-venues-for-hire{margin-bottom:20px;}
.table-venues-for-hire .row{border:1px solid #c1c1c1; border-bottom-style:none; padding:0; margin:0}
.table-venues-for-hire .row:last-child{border-bottom:1px solid #c1c1c1;}
.table-venues-for-hire .row .columns{padding:15px 20px; font-size:15px}
.table-venues-for-hire .row .col-1{background:#8a8a8a; color:#fff; font-weight:500;}
.table-venues-for-hire .row .col-2{background:#dbdbdb; color:#555}
.table-venues-for-hire .row .odd-bg{background:#e6e6e6}
.contactus-data-list-v{list-style:none; margin:0; padding:0}
.contactus-data-list-v li{}
.contactus-data-list-v li:nth-child(odd) {font-size:16px; font-weight:700; color:#555;}
.contactus-data-list-v li:nth-child(even) {font-size:14px; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px}
.contactus-data-list-v li:last-child {border:none; margin:0; padding:0}
.pnl-body a{color: #02518C; text-decoration:none}
.pnl-body a:hover{text-decoration: underline;}
.tab-title h2{background:#fff; border-radius:6px 6px 0 0; color:#02518c; font-family:"Roboto-Bold"; font-weight:400; padding:10px 15px; margin:0; font-size:16px; width:64px; text-align:center}
.tab-body{padding:40px;}
/*
#views-exposed-form-venue-listing-page #edit-field-venue-type-tid-wrapper label, #views-exposed-form-venue-listing-page #edit-field-function-type-tid-wrapper label{font-size:15px; color:#555; background-image:url(../images/icn-venue-function-type.png); background-repeat:no-repeat; padding-left:25px; margin-bottom:8px; font-weight:400; font-size:15px; color:#555}
#views-exposed-form-venue-listing-page #edit-field-venue-type-tid-wrapper label{background-position:left 4px}
#views-exposed-form-venue-listing-page #edit-field-function-type-tid-wrapper label{background-position:left -30px}
*/

/**/

/*Sitemap Page*/
.parent-menu-item a {
	color: #555;
	display: inline;
	font-family: Roboto;
	font-size: 16px;
	padding: 0;
}
.parent-menu-item a:hover {
	text-decoration:underline
}
.parent-menu-item .menu li,.parent-menu li {
    background: url("../images/bullet-point-light.png") no-repeat scroll left 12px rgba(0, 0, 0, 0);
    line-height: 31px;
    margin: 0;
    padding-left: 15px;
}
.parent-menu-item .menu,.parent-menu {
    list-style: outside none none;
}
.parent-menu-link{font-size: 16px;font-weight:bold}
/* End */


.tabs ul{
	margin:20px 0px;
}

.front .tabs ul{
	margin:35px 15px;
}

.tabs ul.button-group > li{
	margin-right: 1px;
	border-right:1px solid #e7e7e7;
	margin:0;
}

.tabs ul.button-group > li .button{
	background: #fff;
	border-top:3px solid #fff;
	margin-bottom: 0;
}

.tabs ul.button-group > li .button:hover{
	border-top-color:#02518c;
}

.tabs ul.button-group > li.active .button{
	border-top-color:#4db3d0;
}

.view-strategic-and-key-documents table{
	width: 100%;
}

.view-strategic-and-key-documents table td{
	width: 20%;
}

.view-strategic-and-key-documents table td.views-field-title{
	width: 80%;
}







/*Small screens */
@media only screen {

} /* Define mobile styles */
@media screen and (max-width:1200px) {
	.block-views-council-block-block-2 .item-list ul li ,.block-views-council-block-block-7 .item-list ul li {width:28.5%;}
	.section-council .view-council-block .views-field-field-ref-page .item-list li, .section-residents .view-council-block .views-field-field-ref-page .item-list li, .section-business .view-council-block .views-field-field-ref-page .item-list li { width:45%;}
	.section-community .block-views-top-visit-block-3 ul li .views-field-title, .section-community .view-top-visit .visit-top li .views-field-title, .section-visit .block-views-top-visit-block-1 ul li .views-field-title, .section-visit .view-top-visit .visit-top li .views-field-title{/*max-width:488px*/width:97.7%}
	.block-views-exp-whats-on-listing-page-1 .block-title { font-size:16px;}
.block-views-exp-whats-on-listing-page-1 #edit-field-suburb-tid-wrapper,
.block-views-exp-whats-on-listing-page-1 #edit-field-event-category-tid-wrapper {padding-right:0px;}
.mcontentwrapper input[type=checkbox] + label {margin-right:0px;}
.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-wrapper .views-widget,
.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-1-wrapper .views-widget{ width:60%;}
.block-views-exp-whats-on-listing-page-1 form .views-exposed-widget .views-widget input[type="text"] {width:79%;}
	.page-col-left .view-online-form label, .view-online-form label {display:block; width:100%;}
.page-col-left .view-online-form .view-filters .views-exposed-widgets .views-submit-button, .view-online-form .view-filters .views-exposed-widgets .views-submit-button {margin-top:30px !important;}
}



/* Large screens */
@media only screen and (min-width: 64.063em) {


header {height:126px;}
header .header-row{padding: 18px 19px;}
header .header-row .col-right{padding-right:16px}
.header__logo-image{margin-top:8px; margin-left:1px}

.page-content .sidebar {max-width: 296px;padding:28px 35px}
/*.page-content .slider {width:904px}*/

.page-col-left .custom-tenders-form .custom-tenders-submit, .custom-tenders-form .custom-tenders-submit {width:169px;}

.section-visit .block-views-top-visit-block-1 ul, .section-community .block-views-top-visit-block-3 ul {margin: 0px -17px;}
.row-inner-page-content {padding: 23px;}

.news-media .btn-rss {padding: 5px 13px;}
footer{padding-top:86px; margin-top:24px; clear:both}
footer .footer{padding:0 12px}
footer .footer .col-1, footer .footer .col-2{display:block}
footer .footer .row .columns{padding:0 16px}
footer .columns {padding:0 22px;}
footer .columns h2 {margin-bottom: 20px;}
footer .footer .col-3 h2 {font-size:18px;}
.vcard{font-size:14px; margin-bottom:15px}

.super-footer {text-align: left; margin-top:6px; padding: 24px 10px;}
footer .menu{margin-left:0}
footer .menu li a:not(.button){font-size:14px;}

footer .footer .col-1{padding-left:0; width:38%}
footer .footer .col-2{ width:38%}
footer .footer .col-3{padding-right:0;  width:24%; text-align:left}
.page-content .side-nav li {/* margin: 0px;line-height: 27px;*/line-height: 20px;margin: 0 0 8px 10px;text-indent: -10px;}

 .agenda-minuts-list .view-filters .views-exposed-widgets .views-submit-button,
.page-col-left .view-online-form .view-filters .views-exposed-widgets .views-submit-button, .view-online-form .view-filters .views-exposed-widgets .views-submit-button{
	margin-top:0px;
}

}



 /* min-width 1025px, large screens */
@media only screen and (max-width: 64.063em) {

.social-wall {padding-left:0px;}
.block-views-exp-whats-on-listing-page-1 .block-title { font-size:16px;}
.block-views-exp-whats-on-listing-page-1 #edit-field-suburb-tid-wrapper,
.block-views-exp-whats-on-listing-page-1 #edit-field-event-category-tid-wrapper {padding-right:0px;}
.mcontentwrapper input[type=checkbox] + label {margin-right:0px;}
.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-wrapper .views-widget,
.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-1-wrapper .views-widget{ width:60%;}
.block-views-exp-whats-on-listing-page-1 form .views-exposed-widget .views-widget input[type="text"] {width:80%;}
.section-community .block-views-top-visit-block-3 ul li .views-field-title, .section-community .view-top-visit .visit-top li .views-field-title, .section-visit .block-views-top-visit-block-1 ul li .views-field-title, .section-visit .view-top-visit .visit-top li .views-field-title{/*max-width:488px*/width:97.5%}

 .agenda-minuts-list .view-filters .views-exposed-widgets .views-submit-button{
	margin-top:30px;
}

.page-col-left .view-online-form .view-filters .views-exposed-widgets .views-submit-button, .view-online-form .view-filters .views-exposed-widgets .views-submit-button{
	margin-top:30px;width:100%
}

}

@media only screen and (max-width: 64em) and (min-width: 769px) {

header {height:126px;}
header .header-row{padding: 26px 19px;}
.search-box .col-1{width:53%}
.search-box .col-2{width:47%; padding-right:15px;}
.tb-megamenu li:not(.has-form) a:not(.button) small {
	font-size: 11px;
}
.tb-megamenu .tb-megamenu-block .block-menu {
    margin-top: 25px;
    margin-left: 0px;
}
.tb-megamenu ul li .menu-block-3rd ul{margin-left:0}
.page-content .sidebar{padding:28px 20px;}
.page-content .slider .view-content{width:100%;height: inherit !important;}

.page-content .sidebar .item-list {
    padding-bottom: 0px;
}
.page-content .sidebar {
    min-height: 463px;padding:28px 35px;
}
.page-content .sidebar h2 {
    margin-bottom:0;
}
.page-content .side-nav li {
  line-height: 20px;
  margin: 0 0 8px 10px;
  text-indent: -10px;
}

.sidebar .btn-Payments {
    background-position: center 10px;
}
.sidebar .btn-have-my-say {
    background-position: center 10px;
}

.sidebar .button {
    margin-bottom: 10px;
    height: 43px;
    line-height: 25px;
}

.page-content .slider .view-content .views-field-title {
    width: 282px;
	background-position:-48px top;
    line-height: normal;
}
.page-content .slider .view-content .views-field-nothing a {
    top: 170px;
}
.page-content .slider .view-content .views-slideshow-controls-bottom {
    top: 410px;
}
.row-breadcrumb {
  padding: 0 12px;
}

.page-col-left .custom-tenders-form .custom-tenders-submit, .custom-tenders-form .custom-tenders-submit {
  width: 92px;
}

.news-media .btn-rss {padding: 5px 13px; margin:10px 0}
.home-news-block {padding: 0 11px;}
.columns{padding-left:12px; padding-right:12px;}
.section-council .view-council-block .views-field-field-ref-page .item-list li, .section-residents .view-council-block .views-field-field-ref-page .item-list li, .section-business .view-council-block .views-field-field-ref-page .item-list li{width:45%; margin-bottom:30px}
.section-council .view-council-block .views-field-field-ref-page .item-list li:nth-child(odd), .section-residents .view-council-block .views-field-field-ref-page .item-list li:nth-child(odd), .section-business .view-council-block .views-field-field-ref-page .item-list li:nth-child(odd){margin-right:35px}
.view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{font-size: 16px; line-height: 16px; padding: 15px;}
.section-visit .block-views-top-visit-block-1 ul li, .section-community .block-views-top-visit-block-3 ul li{padding:12px}
.news-media {
    padding: 35px 10px 10px 10px;
    background: url("../images/media-bg-tab-l.gif") no-repeat scroll center 58px transparent;
}

.section-visit .block-views-top-visit-block-1 ul li, .section-community .block-views-top-visit-block-3 ul li, .section-arts-culture .view-council-block .views-field-field-ref-page ul li {
    margin-bottom: 0;
}
.section-community .block-views-top-visit-block-3 ul li .views-field-title, .section-community .view-top-visit .visit-top li .views-field-title, .section-visit .block-views-top-visit-block-1 ul li .views-field-title, .section-visit .view-top-visit .visit-top li .views-field-title{/*max-width:488px*/width:97.7%}

.section-development .row-inner-page-content .view-council-block ul, .section-one-planet .row-inner-page-content .view-council-block ul, .section-arts-culture .row-inner-page-content .view-council-block ul {padding: 0px; margin: 0px 0px;}

.section-development .row-inner-page-content .view-council-block ul li, .section-one-planet .row-inner-page-content .view-council-block ul li, .section-arts-culture .row-inner-page-content .view-council-block ul li{padding: 0px 12px 2.25rem;}

.news-feature{padding-left:0}
footer{padding-top:86px; margin-top:24px; clear:both}
footer .footer{padding:0 12px}
footer .footer .col-1, footer .footer .col-2{display:block}
footer .footer .row .columns{padding:0 16px}
footer .columns {padding:0 22px;}
footer .columns h2 {margin-bottom: 20px;}
footer .footer .col-3 h2 {font-size:18px;}
.vcard{font-size:14px; margin-bottom:15px}

.super-footer {text-align: left; margin-top:6px; padding: 30px 10px;}
footer .menu{margin-left:0}
footer .menu li a:not(.button){font-size:14px;}

footer .footer .col-1{padding-left:0; width:70%}
footer .footer .col-2{ width:33%}
footer .footer .col-3{padding-right:0;  width:25%; text-align:left}

.tb-megamenu ul li .menu-block-2nd{padding-left:45px; }
.tb-megamenu ul li .menu-block-img {padding: 0 0 0 15px;}
.tb-megamenu ul li .menu-block-3rd{margin-left:-16px;}

.page-col-left, .page-col-right{margin-bottom:20px}
.page-sub-banner {margin-top: 0; margin-bottom:20px;}
.section-community .block-views-top-visit-block-3 ul li .views-field-title, .section-community .view-top-visit .visit-top li .views-field-title, .section-visit .block-views-top-visit-block-1 ul li .views-field-title, .section-visit .view-top-visit .visit-top li .views-field-title{/*max-width:488px*/width:97.7%}
.block-views-council-block-block-7 .item-list ul li, .block-views-council-block-block-2 .item-list ul li {
	width: 27.8%;
}

.tb-megamenu .tb-megamenu-nav .tb-megamenu-item .dropdown-toggle {font-size: 12px; line-height: 12px; padding-top:20px}
.tb-megamenu .tb-megamenu-nav .tb-megamenu-item .dropdown-toggle .mega-caption {display:block!important; font-size: 9px;}
.tb-megamenu .mega > .mega-dropdown-menu .menu-block-bg{ min-width:140px!important; max-width:140px!important}
.tb-megamenu .mega > .mega-dropdown-menu .menu-block-2nd, .tb-megamenu .mega > .mega-dropdown-menu .menu-block-3rd, .tb-megamenu .mega > .mega-dropdown-menu .menu-block-img{float:left!important; min-width:37%!important; max-width:37%}
/**.tb-megamenu .mega:nth-child(1) > .mega-dropdown-menu {min-width: 550px!important;}
.tb-megamenu .mega:nth-child(2) > .mega-dropdown-menu {min-width: 550px!important;}
.tb-megamenu .mega:nth-child(3) > .mega-dropdown-menu {min-width: 550px!important;}
.tb-megamenu .mega:nth-child(4) > .mega-dropdown-menu {min-width: 400px!important;}*/

.tb-megamenu .mega:nth-child(4) > .mega-dropdown-menu .menu-block-2nd{max-width:60%; padding-left:40px}

.tb-megamenu .mega:nth-child(1) > .mega-dropdown-menu {min-width: 375px!important;  right:0!important}

.tb-megamenu .mega:nth-child(2) > .mega-dropdown-menu {min-width: 375px!important;  right:0!important}

.tb-megamenu .mega:nth-child(3) > .mega-dropdown-menu {min-width: 375px!important; right:0!important}

.tb-megamenu .mega:nth-child(4) > .mega-dropdown-menu {min-width: 375px!important;  right:0!important}

.tb-megamenu .mega:nth-child(5) > .mega-dropdown-menu {min-width: 375px!important; left:auto!important; right:0!important}
.tb-megamenu .mega:nth-child(5) > .mega-dropdown-menu .menu-block-bg{float:right!important}
.tb-megamenu .mega:nth-child(5) > .mega-dropdown-menu .menu-block-2nd{max-width:60%}

.tb-megamenu .mega:nth-child(6) > .mega-dropdown-menu {min-width: 375px!important; left:auto!important; right:0!important}
.tb-megamenu .mega:nth-child(6) > .mega-dropdown-menu .menu-block-bg{float:right!important}
.tb-megamenu .mega:nth-child(6) > .mega-dropdown-menu .menu-block-2nd{max-width:60%}

.tb-megamenu .mega:nth-child(7) > .mega-dropdown-menu {min-width: 375px!important; left:auto!important; right:0!important}
.tb-megamenu .mega:nth-child(8) > .mega-dropdown-menu {min-width: 375px!important; left:auto!important; right:0!important}
.tb-megamenu .mega:nth-child(8) > .mega-dropdown-menu .menu-block-bg{float:right!important}

.social-wall {padding-left:0px;}
.block-views-exp-whats-on-listing-page-1 .block-title { font-size:14px;}
.block-views-exp-whats-on-listing-page-1 #edit-field-suburb-tid-wrapper,
.block-views-exp-whats-on-listing-page-1 #edit-field-event-category-tid-wrapper {padding-right:0px;}
.mcontentwrapper input[type=checkbox] + label {margin-right:0px;}
.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-wrapper .views-widget,
.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-1-wrapper .views-widget{ width:100%;}
 .agenda-minuts-list .view-filters .views-exposed-widgets input[type="text"], .page-col-left .custom-tenders-form input[type="text"], .page-col-left #views-exposed-form-online-form-page input[type="text"], .custom-tenders-form input[type="text"], #views-exposed-form-online-form-page input[type="text"] {width: 155px;}
 .agenda-minuts-list .view-filters .views-exposed-form .date-year select, .page-col-left .view-online-form .view-filters .views-exposed-form .form-select, .view-online-form .view-filters .views-exposed-form .form-select{width: 155px;}

/* .agenda-minuts-list .view-filters .views-exposed-widgets .views-submit-button, .page-col-left .view-online-form .view-filters .views-exposed-widgets .views-submit-button{
margin-top:30px}
*/

} /* min-width 769px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (max-width: 48em) and (min-width: 48em){

	.social-wall {padding-left:0px;}
	.block-views-exp-whats-on-listing-page-1 .block-title { font-size:14px;}
	.block-views-exp-whats-on-listing-page-1 #edit-field-suburb-tid-wrapper,
	.block-views-exp-whats-on-listing-page-1 #edit-field-event-category-tid-wrapper {padding-right:0px;}
	.mcontentwrapper input[type=checkbox] + label {margin-right:0px;}
	.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-wrapper .views-widget,
	.block-views-exp-whats-on-listing-page-1 form .views-exposed-widgets #edit-field-event-date-value-1-wrapper .views-widget{ width:100%;}
	header {
		padding: 17px;
		height:102px;
	}
	.block-menu-menu-top-menu .menu li a {
		padding: 0px 10px;
		font-size: 11px;
	}
	.tb-megamenu .tb-megamenu-nav .tb-megamenu-item .dropdown-toggle {font-size: 12px; line-height: 12px; padding-top:20px}
	.tb-megamenu .tb-megamenu-nav .tb-megamenu-item .dropdown-toggle .mega-caption {display:block!important; font-size: 9px;}
	.tb-megamenu .mega > .mega-dropdown-menu .menu-block-bg{float:left!important; min-width:140px!important; max-width:140px!important}
	.tb-megamenu .mega > .mega-dropdown-menu .menu-block-2nd, .tb-megamenu .mega > .mega-dropdown-menu .menu-block-3rd, .tb-megamenu .mega > .mega-dropdown-menu .menu-block-img{float:left!important; min-width:37%!important; max-width:37%}
	.tb-megamenu .mega:nth-child(1) > .mega-dropdown-menu {min-width: 550px!important;}
	.tb-megamenu .mega:nth-child(2) > .mega-dropdown-menu {min-width: 550px!important;}
	.tb-megamenu .mega:nth-child(3) > .mega-dropdown-menu {min-width: 550px!important;}
	.tb-megamenu .mega:nth-child(4) > .mega-dropdown-menu {min-width: 400px!important;}
	.tb-megamenu .mega:nth-child(4) > .mega-dropdown-menu .menu-block-2nd{max-width:60%; padding-left:40px}

	.tb-megamenu .mega:nth-child(5) > .mega-dropdown-menu {min-width: 390px!important; left:auto!important; right:0!important}
	.tb-megamenu .mega:nth-child(5) > .mega-dropdown-menu .menu-block-bg{float:right!important}
	.tb-megamenu .mega:nth-child(5) > .mega-dropdown-menu .menu-block-2nd{max-width:60%}

	.tb-megamenu .mega:nth-child(6) > .mega-dropdown-menu {min-width: 390px!important; left:auto!important; right:0!important}
	.tb-megamenu .mega:nth-child(6) > .mega-dropdown-menu .menu-block-bg{float:right!important}
	.tb-megamenu .mega:nth-child(6) > .mega-dropdown-menu .menu-block-2nd{max-width:60%}

	.tb-megamenu .mega:nth-child(7) > .mega-dropdown-menu {min-width: 540px!important; left:auto!important; right:0!important}
	.tb-megamenu .mega:nth-child(8) > .mega-dropdown-menu {min-width: 555px!important; left:auto!important; right:0!important}
	.tb-megamenu .mega:nth-child(8) > .mega-dropdown-menu .menu-block-bg{float:right!important}


	.super-footer{text-align:center}
	.page-content{margin-top:0}
	.page-content .sidebar{float:none; width:100%; max-width:100%; min-height:81px; border-radius:0; padding:28px 35px;}
	.page-content .sidebar .block-views-what-i-want-to-block-block{display:block; width:61%; margin:0 auto}
	.page-content .sidebar .block-title{float:left; width:25%}
	.page-content .sidebar .view-what-i-want-to-block{ float:left; width:75%}
	.page-content .sidebar .item-list::before {content: "Please Select"; font-size:13px; color:#999; line-height:38px; margin-left:12px;}
	.page-content .sidebar .item-list{width:316px; position:relative; border:1px solid #ccc; background: #FFF url(../images/select-bg.gif) no-repeat 280px 5px; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; height: 41px; font-size: 13px;}
	.page-content .sidebar .side-nav{display:none; width:316px; padding:15px 0; position:absolute; right:0; top:40px; overflow:visible; z-index:300; background:#fff; border-radius:0 0 3px 3px;}
	.page-content .sidebar .side-nav li{padding-left:20px;}
	.page-content .sidebar .side-nav li:hover{}

	.page-content .sidebar .item-list .sidenav-triger{display:inline-block; width:100%; height:40px; position:absolute; left:0; right:0; z-index:571; cursor:pointer}

	/*.page-content .sidebar .item-list:hover ul{display:block}*/

	.page-content .sidebar .button{display:none}

	.page-content .slider{width:100%}
	footer .side-nav li, footer .menu li{float:none; width:100%;}
	.page-content .slider .view-content{width:100%; border:none}
	header{padding:2px;}
	header .header-row {padding: 0px;}
	header .header-row .header__logo img {margin-top:16px;}
	header .header-row .top-menu-row {margin-top:6px}
	.search-box .col-1{width:40%}
	.search-box .col-2{width:60%; padding-right:15px;}
	.postfix.button.radius {background: url("../images/icn-search.gif") no-repeat scroll -2px 5px #FFF;}
	.postfix.button.radius:hover {background-position: -2px -31px;}
	.page-content .slider .view-content .views-field-field-slider-image img {border-radius:0;}
	.page-content .slider .view-content .views-field-title .test a {font-size: 18px; line-height: 27px;}
	.page-content .slider .view-content .views-field-title {
	    font-size: 18px;
	    width: 300px;
	    padding: 24px 45px 32px 27px;
	    background: url("../images/slider-cover.png") no-repeat scroll -33px top transparent;
	}
	.page-content .slider .view-content .views-field-nothing a {
	    top: 121px;
	    left: 28px;
	    padding: 7px 13px;
	    font-size: 13px;
	}
	.page-content .slider .view-content .views-slideshow-controls-bottom {top: 415px; left: 28px;}
	.row-breadcrumb {padding: 0px 15px;}
	.section-council .view-council-block .views-field-field-ref-page .item-list li, .section-residents .view-council-block .views-field-field-ref-page .item-list li, .section-business .view-council-block .views-field-field-ref-page .item-list li{width:45%; margin-bottom:20px}
	.section-council .view-council-block .views-field-field-ref-page .item-list li:nth-child(odd), .section-residents .view-council-block .views-field-field-ref-page .item-list li:nth-child(odd), .section-business .view-council-block .views-field-field-ref-page .item-list li:nth-child(odd){margin-right:35px}
	.view-council-block .views-field-field-ref-page .item-list li .view-mode-grid_views .node-title{font-size: 14px; line-height: 16px; padding: 10px;}
	.section-community .block-views-top-visit-block-3 ul li .views-field-title, .section-community .view-top-visit .visit-top li .views-field-title, .section-visit .block-views-top-visit-block-1 ul li .views-field-title, .section-visit .view-top-visit .visit-top li .views-field-title{/*max-width:360px*/width:100%}
	.section-visit .block-views-top-visit-block-1 ul li, .section-community .block-views-top-visit-block-3 ul li, .section-arts-culture .view-council-block .views-field-field-ref-page ul li {    margin-bottom: 0;}

	.section-development .row-inner-page-content .view-council-block ul, .section-one-planet .row-inner-page-content .view-council-block ul, .section-arts-culture .row-inner-page-content .view-council-block ul {margin: 0px;}

	.view-top-visit .visit-top li:first-child {padding-right: 15px;}
	.section-visit .block-views-top-visit-block-1 ul li, .section-community .block-views-top-visit-block-3 ul li{padding:15px}
	.news-media {padding: 25px 17px; background: url("../images/media-bg-tab-p.gif") no-repeat scroll center 46px transparent;
	}
	.news-media .btn-rss {padding: 5px 13px; margin:7px 0}
	.news-feature{display:none}
	.home-news-block {padding: 0 17px;}
	.home-news-block .col-left{width:50%}
	.home-news-block .col-right{width:50%}
	.home-news-block .news-listing{width:100%; padding-left:0}
	.block-views-news-media-block-1 .front-news-listing li {margin-left:0}
	.block-views-news-media-block-1 .view-footer .btn-news-media{margin-left:0}
	.block-views-three-text-block .view-three-text .view-content .views-field-title, .block-views-three-text-block .view-three-text .view-content .views-field-body {padding:0}

	.page-col-left .custom-tenders-form label, .custom-tenders-form label{min-width:80px; float:none;}
	.page-col-left .custom-tenders-form input[type="text"],.custom-tenders-form input[type="text"]{float:none; width:150px}
	.page-col-left .custom-tenders-form .custom-tenders-submit, .custom-tenders-form .custom-tenders-submit {width: 100px; float:right; padding-top:23px;}

	.views-field-title, .section-community .view-top-visit .visit-top li .visit-top-bigthumb, .section-visit .view-top-visit .visit-top li .visit-top-bigthumb{max-width:500px; position:relative}

	footer {padding-top: 50px; margin-top: 0px;}
	footer .footer {padding: 0px 17px;}

	footer .footer .col-1, footer .footer .col-2{display:block}
	footer .columns{border:none}
	footer .columns h2 {margin-bottom: 20px;}
	footer .footer .col-3 h2 {font-size:18px;}
	.vcard{font-size:14px; margin-bottom:15px}
	.super-footer {text-align: center; margin-top:6px; padding-left:0; padding-right:0}
	footer .menu{margin-left:0}
	footer .menu li a:not(.button){font-size:14px;}

	footer .footer .col-1{padding-left:0; width:38%}
	footer .footer .col-2{width:31%}
	footer .footer .col-3{width:31%; text-align:left}

	.page-col-right .block-menu .menu {padding-left: 0px; padding-right: 10px;}
	.page-col-left, .page-col-right{margin-bottom:20px}

	 .agenda-minuts-list .view-filters .views-exposed-widgets .views-widget-filter-title,
	 .agenda-minuts-list .view-filters .views-exposed-widgets .views-widget-filter-field_meeting_date_value {
	    float: left;
	    width: 22%;
	    min-width: 150px;
	}
	 .agenda-minuts-list .view-filters .views-exposed-widgets input[type="text"] {
	    width: 130px;
	}
	 .agenda-minuts-list .view-filters .views-exposed-widgets .views-submit-button {
	    float: right;
	    margin-top: 37px;
	}
	.btn-newsletter {
		font-size: 12px;
		font-weight: 700;
	}

	.page-sub-banner {
		margin-top: 0;
		margin-bottom:20px;
	}

	.block-views-council-block-block-7 .item-list ul li, .block-views-council-block-block-2 .item-list ul li {
		margin: 0 1.5em 2.7em 0.8em;
		width: 28.9%;
	}

} /* max-width 768px, medium screens */


@media only screen and (max-width: 47.938em) {

/*Mobile Menu*/
.block-cof-campaignmonitor .form-checkboxes .form-item{margin-top: 2.4em;margin-bottom: 1.4em;}

.off-canvas-wrap .inner-wrap .right-off-canvas-menu, .off-canvas-wrap .inner-wrap .right-off-canvas-toggle{display:block}
.move-left > .inner-wrap {
transform: translate3d(-84%, 0px, 0px);
-webkit-transform: translate3d(-84%, 0px, 0px);
}
.right-off-canvas-menu{width:84%; background:#02518c;}
.mobile-menu-container .mobile-search{background:#fff; padding: 6px 10px 10px 15px;}
.mobile-menu-container .mobile-search .form-text{width:83%; height:34px; margin-bottom:0; border:none; box-shadow:none; padding-top:15px;}
.mobile-menu-container .mobile-search .form-text:focus{background:#fff; box-shadow:none;}
.mobile-menu-container .mobile-search .form-submit{width:17%; height:34px; box-shadow:none; border:none; float:right; margin:0; padding:0; max-width:40px}
.right-off-canvas-toggle{position: absolute; right: 0; width:36px; height:35px; background: #02518c; border-radius: 3px; margin:11px 8px 0 0; color: #fff; font-size: 21px; z-index:551; text-align:center; padding-top:2px;}
.right-off-canvas-toggle:hover, .right-off-canvas-toggle:focus{background:#00305F; color:#fff;}
.mobile-top-menu{list-style:none; margin:0; padding:10px 20px 10px 25px}
.mobile-top-menu li{background:url(../images/bullet-point-light.png) no-repeat left 9px; padding-left:14px}
.mobile-top-menu li a{color:#fff; font-size:14px; font-weight:500}
.mobile-top-menu li a:hover{color:#fff; text-decoration:underline}

.off-canvas-wrap .accordion{margin:0; border-bottom:1px solid #247aba; border-top:1px solid #003964;}
.off-canvas-wrap .accordion .accordion-navigation{background:#02518c; border-top:1px solid #247aba; border-bottom:1px solid #003964; clear:both; padding: 0px 0 42px 0;}

.off-canvas-wrap .accordion .accordion-navigation .mobile-li-border{float:left; height:43px; width:4px;}

.off-canvas-wrap .accordion .accordion-navigation:nth-child(1) .mobile-li-border {background: #4db3d0;}
.off-canvas-wrap .accordion .accordion-navigation:nth-child(2) .mobile-li-border {background: #dc866b;}
.off-canvas-wrap .accordion .accordion-navigation:nth-child(3) .mobile-li-border {background: #c088e7;}
.off-canvas-wrap .accordion .accordion-navigation:nth-child(4) .mobile-li-border {background: #5493d0;}
.off-canvas-wrap .accordion .accordion-navigation:nth-child(5) .mobile-li-border {background: #92b036;}
.off-canvas-wrap .accordion .accordion-navigation:nth-child(6) .mobile-li-border {background: #24c0a8;}
.off-canvas-wrap .accordion .accordion-navigation:nth-child(7) .mobile-li-border {background: #d84141;}
.off-canvas-wrap .accordion .accordion-navigation:nth-child(8) .mobile-li-border {background: #cec55d;}



.off-canvas-wrap .accordion .accordion-navigation a{background:none;}
.off-canvas-wrap .accordion .accordion-navigation a:hover, .off-canvas-wrap .accordion .accordion-navigation a:focus{background:none;}
.off-canvas-wrap .accordion .accordion-navigation .accordion-menu-link a{font-family: 'Roboto Slab', serif; font-size:17px; font-weight:400; /*color:#ededed;*/ color:#ffffff; padding:0; margin:2px 0 0 21px; line-height:normal; float:left}
.off-canvas-wrap .accordion .accordion-navigation .accordion-menu-link .subtitle{font-family:"Roboto"; font-size:12px; font-weight:700; color:#709ec1; display:block}
.off-canvas-wrap .accordion .accordion-navigation .accordion-menu-trigger{padding: 0; margin: 0; width: 25%; height: 42px; float:right; background:url(../images/mobile-menu-arr.png) no-repeat 24px 16px}
.off-canvas-wrap .accordion .accordion-navigation .accordion-menu-trigger:hover, .off-canvas-wrap .accordion .accordion-navigation .accordion-menu-trigger:focus{background:url(../images/mobile-menu-arr.png) no-repeat 24px 16px}
.off-canvas-wrap .accordion .accordion-navigation.active{padding-bottom:0}
.off-canvas-wrap .accordion .accordion-navigation.active .accordion-menu-trigger{background:url(../images/mobile-menu-arr.png) no-repeat 24px -20px}

.off-canvas-wrap .accordion .accordion-navigation .content{clear:both; background:#fff; padding:18px 23px;

	background: -webkit-linear-gradient(#cfcfcf 0%,#ffffff 2%,#ffffff 50%,#ffffff 98%,#cfcfcf 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#cfcfcf 0%,#ffffff 2%,#ffffff 50%,#ffffff 98%,#cfcfcf 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#cfcfcf 0%,#ffffff 2%,#ffffff 50%,#ffffff 98%,#cfcfcf 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#cfcfcf 0%,#ffffff 2%,#ffffff 50%,#ffffff 98%,#cfcfcf 100%); /* Standard syntax (must be last) */


}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-1{list-style:none; margin:0 0 10px 0; padding:0;}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-1 li{line-height:16px; padding-bottom:13px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-1 li a{font-family:"Roboto"; font-size: 13px; font-weight: 700; line-height: normal; color: #222;}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-1 li a:hover{text-decoration:underline}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2{list-style:none; margin:0; padding:15px 0 0 0; border-top:1px solid #e9e9e9;}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li{line-height:30px; padding-left:28px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li a{font-family:"Roboto"; font-size: 13px; font-weight: 700; line-height: normal; color: #888;}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li a:hover{color:#222; text-decoration:underline}
/*.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li:nth-child(1) {background:url(../images/submenu-bg.jpg) no-repeat left 7px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li:nth-child(2) {background:url(../images/submenu-bg.jpg) no-repeat left -24px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li:nth-child(3) {background:url(../images/submenu-bg.jpg) no-repeat left -55px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li:nth-child(4) {background:url(../images/submenu-bg.jpg) no-repeat left -86px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li:nth-child(5) {background:url(../images/submenu-bg.jpg) no-repeat left -118px}*/
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li.contact-us-list {background:url(../images/submenu-bg.jpg) no-repeat left 7px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li.news-media-list {background:url(../images/submenu-bg.jpg) no-repeat left -24px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li.whats-on-list {background:url(../images/submenu-bg.jpg) no-repeat left -55px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li.share-connect-list {background:url(../images/submenu-bg.jpg) no-repeat left -86px}
.off-canvas-wrap .accordion .accordion-navigation .content .submenu-2 li.subscribe-list {background:url(../images/submenu-bg.jpg) no-repeat left -118px}



.move-left .exit-off-canvas{box-shadow:none; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);}
/*End Mobile Menu*/

header .header-row{padding-bottom:20px}
.header-row .col-right{display:none}
.header__logo img{width: 40%; margin-top: 10px;}
.row-breadcrumb .breadcrumbs li a {line-height: 22px;}
.block-tb-megamenu{display:none}
.page-content{margin-top:0}
.page-content .sidebar{float:none; width:100%; max-width:100%; min-height:55px; border-radius:0; padding:28px 35px;}
.page-content .sidebar .block-views-what-i-want-to-block-block{display:block; width:54%; margin:0 auto}
.page-content .sidebar .block-title{float:left; width:30%; font-size:16px; line-height:34px;}
.page-content .sidebar .view-what-i-want-to-block{ float:left; width:70%}
.page-content .sidebar .item-list::before {content: "Please Select"; font-size:13px; color:#999; line-height:38px; margin-left:12px;}
.page-content .sidebar .item-list{width:213px; position:relative; border:1px solid #ccc; background: #FFF url(../images/select-bg.gif) no-repeat 177px 5px; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; height: 41px; font-size: 13px;}
.page-content .sidebar .side-nav{display:none; width:250px; padding:15px 0; position:absolute; right:0; top:40px; overflow:visible; z-index:561; background:#fff; border-radius:0 0 3px 3px;}
.page-content .sidebar .side-nav li{padding-left:20px;}
.page-content .sidebar .side-nav li:hover{}
.page-content .sidebar .item-list .sidenav-triger{display:inline-block; width:100%; height:40px; position:absolute; left:0; right:0; z-index:571; cursor:pointer}
/*.page-content .sidebar .item-list:hover ul{display:block}*/
.page-content .sidebar .button{display:none}
.page-content .slider .view-content {border-left-style:none; border-top: 7px solid #4DB3D0;}
.page-content .slider .view-content .views-field-title {
    width: 100%;
	height:auto;
    padding: 5px 45px 50px 15px;
    background:url(../images/slider-cover-top.png) no-repeat scroll left top transparent;
	background-size:100%;
}
.page-content .slider .view-content .views-field-title .test a {font-size:13px}
.page-content .slider .view-content .views-field-nothing a {display:none}
.page-content .slider .view-content .views-slideshow-controls-bottom {
    position: absolute;
    z-index: 451;
    top: 70%;
    left: 38%;
}
.page-content .slider .view-content .views-slideshow-controls-bottom {top: 80%; left: 40%;}
.page-content .slider .view-content .views-slideshow-controls-bottom .views-field-counter {width: 12px; height: 12px; margin-right: 10px;}
.page-content .slider .view-content .views-slideshow-controls-bottom .active .views-field-counter {background: none repeat scroll 0% 0% #02518c; color: #02518c;}
.root-page-banner, .page-banner{margin-top:0}
#page .banner-image{border-radius:0}

.page-banner .page-banner-title {font-size: 24px; margin-left: 15px; margin-right:15px}
.row-breadcrumb{padding: 0px 15px;}
.row-breadcrumb .breadcrumb-container .breadcrumb-text {padding: 20px 8px 0px 0px; line-height:4px}
.row-breadcrumb .breadcrumbs {padding: 12px 0px 14px;}

.page-col-left .field-type-image img, .field-type-image img{width:100%}
.section-council .view-council-block .views-field-field-ref-page .item-list li:nth-child(2n+1), .section-residents .view-council-block .views-field-field-ref-page .item-list li:nth-child(2n+1), .section-business .view-council-block .views-field-field-ref-page .item-list li:nth-child(2n+1){margin:0}
.section-council .view-council-block .views-field-field-ref-page .item-list li, .section-residents .view-council-block .views-field-field-ref-page .item-list li, .section-business .view-council-block .views-field-field-ref-page .item-list li{width:100%; margin:0; padding-bottom:20px}
.news-media{padding:7px; background:none; margin-top:10px;}
.news-media h2{font-size:16px}
.news-media .btn-rss {border: none; font-size: 12px; margin: 0px; padding: 5px 7px;}
.news-media .btn-rss i {font-size: 12px; margin-right:3px}
.view-top-visit .visit-top li:first-child {margin-bottom: 40px;}
.block-views-news-media-block-1 .view-footer .btn-news-media {margin-left: 0; font-size: 12px; padding: 5px 7px;}
.home-news-block {padding: 0px;}
.news-feature{display:block; text-align: center;}
/* .news-feature .views-field-field-news-feature-image, .news-feature .views-field-path, .news-feature .views-field-body{display:none} */
.news-feature .block-views-news-media-block .views-field-title a{font-size: 14px; line-height: 25px;}
.block-views-news-media-block-1 .front-news-listing li {margin: 0px; padding:10px 0}
.home-news-block .news-listing{padding:0 10px;}
.news-feature .block-views-news-media-block .views-field-nothing, .news-listing .views-field-nothing {font-size: 11px;}
.block-views-news-media-block-1 .front-news-listing .views-field-title a {font-size: 14px; line-height: 25px;}
.community-list-outer, .visit-list-outer {max-width: 338px; margin:0 10px; position:relative; text-align:center; margin:0 auto}
.view-top-visit .visit-top li .views-field-field-thumb-image{max-width:500px; margin:0 auto}
.view-top-visit .visit-top li .views-field-title{max-width:500px; margin:0 auto; left:0; right:0}
.section-visit .block-views-top-visit-block-1 ul, .section-community .block-views-top-visit-block-3 ul {padding: 0 10px;}
.view-top-visit .visit-top li img, .section-visit .block-views-top-visit-block-1 ul li img, .section-community .block-views-top-visit-block-3 ul li img {width: 100%; max-width: 100%;}
.view-top-visit .visit-top li:first-child, .view-top-visit .visit-top li:last-child {padding-left: 0; padding-right:0}
.section-visit .block-views-top-visit-block-1 ul li, .section-community .block-views-top-visit-block-3 ul li, .section-arts-culture .view-council-block .views-field-field-ref-page ul li {    margin-bottom: 20px;}
.section-visit .block-views-top-visit-block-1, .section-community .block-views-top-visit-block-3 {margin-top: 20px;}
.view-top-visit .visit-top li:first-child {margin-bottom: 20px;}
.section-development .row-inner-page-content .view-council-block ul, .section-one-planet .row-inner-page-content .view-council-block ul, .section-arts-culture .row-inner-page-content .view-council-block ul {margin: 0px;}

.home-news-block .col-right{width:100%; max-width:100%; float:none; clear:both; background:#fff; padding:5px 9px 10px 9px;}
.home-news-block .col-right .block-cof-custom-blocks-front-page-twitter-block::before {content:"Follow us on Twitter"; background:url(../images/icn-twitter.jpg) no-repeat left top; text-align:left;}
.home-news-block .col-right .block-cof-custom-blocks-front-page-facebook-block::before {content:"Find us on Facebook"; background:url(../images/icn-facebook.jpg) no-repeat left top; text-align:left;}
.home-news-block .col-right .block-cof-custom-blocks-front-page-twitter-block::before, .home-news-block .col-right .block-cof-custom-blocks-front-page-facebook-block::before{float:none; display:block; padding:8px 10px 8px 40px; font-family:"Roboto-BOld"; font-size:16px; font-weight:400; color:#333; margin-top:10px;}
.home-news-block .col-right .block-cof-custom-blocks-front-page-twitter-block iframe, .home-news-block .col-right .block-cof-custom-blocks-front-page-facebook-block iframe, .home-news-block .col-right .block-cof-custom-blocks-front-page-facebook-block .fb_iframe_widget{display:none!important}

.block-views-three-buttons-block .view-three-buttons .view-content {margin: 4px auto 20px;}
.block-views-three-buttons-block .view-three-buttons .views-row-1, .block-views-three-buttons-block .view-three-buttons .views-row-2{margin-bottom:10px;}

.block-views-three-text-block .view-three-text .view-content .col-border{border-top: 1px solid #fff; border-bottom: 1px solid #C0C0C0; border-right-style:none; border-left-style:none; margin-bottom:0; padding:20px 10px;}
.block-views-three-text-block .view-three-text .view-content .col-border:first-child{border-top-style:none}
.block-views-three-text-block .view-three-text .view-content .col-border:last-child{border-bottom-style:none}
.block-views-three-text-block .view-three-text .view-content .row-three-text-sec{padding:0 17px;}
.block-views-three-text-block .view-three-text .view-content .row-three-text-sec .col-1, .block-views-three-text-block .view-three-text .view-content .row-three-text-sec .col-1{padding:0; margin:0}
.block-views-three-text-block .view-three-text .view-content .views-field-title{font-size:17px; padding:0; text-align:left; min-height:30px; margin-top:0}
.block-views-three-text-block .view-three-text .view-content .views-field-body{font-size:12px; padding:0; text-align:left; line-height:16px; margin-bottom:10px}

.block-views-three-text-block .views-field-field-link-path{text-align:left}
.page-col-left .views-field-field-link-path, .views-field-field-link-path{text-align:left}
.page-col-right .views-field-field-link-path{text-align:center}
.page-col-right{max-width:100%; margin-top:20px; margin-bottom:20px}

.views-field-field-link-path a{font-size:13px; padding:4px 8px;}

.row-inner-page-content .bottom-contactus .contactus-title{font-size:11px; line-height:30px}
.row-inner-page-content .bottom-contactus .btn-contactus{font-size:12px; padding: 8px 12px;}

footer {padding-top: 40px; margin-top: 0px;}
footer .footer .col-1, footer .footer .col-2{display:none}
footer .footer .col-3{width:100%; text-align:center}
footer .columns h2 {margin-bottom: 8px;}
footer .footer .col-3 h2 {font-size:16px;}
.vcard{font-size:12px; margin-bottom:10px}
.super-footer {text-align: center; margin-top:6px; padding-left:0; padding-right:0}
footer .menu li a:not(.button){font-size:12px;}
.super-footer .block-menu-menu-bottom-menu .menu {margin-left: 0;  margin-right: 0;}

 .agenda-minuts-list .view-filters .views-exposed-widgets .views-widget-filter-title,
 .agenda-minuts-list .view-filters .views-exposed-widgets .views-widget-filter-field_meeting_date_value {
    float: left;
    width: 22%;
    min-width: 150px;
}

 .agenda-minuts-list .view-filters .views-exposed-widgets input[type="text"] {
    width: 130px;
}

 .agenda-minuts-list .view-filters .views-exposed-widgets .views-submit-button {
    float: right;
    margin-top: 37px;
}
.page-sub-banner {margin-top: 0; margin-bottom:20px;}

.page-col-left .custom-tenders-form .form-item, .custom-tenders-form .form-item{margin:0; clear:both; width:100%}
.page-col-left .custom-tenders-form label, .custom-tenders-form label{min-width:80px; margin:0 10px 0 0}
.page-col-left .custom-tenders-form input, .custom-tenders-form input[type="text"]{width:100%}
.page-col-left .custom-tenders-form .custom-tenders-submit, .custom-tenders-form .custom-tenders-submit {width: 100%;}

article.node-projects div.field-name-field-location-of-project {
	background:transparent;
	padding:0;
	width:100%;
	height:300px;
}

.mob-only {
	display:list-item;
}

/* Header select field starts */
.front .page-content .sidebar .block-views-what-i-want-to-block-block {
 width: auto;
 text-align: center;
}

.front .page-content .sidebar .block-title, .front .page-content .sidebar .view-what-i-want-to-block {
	display: inline-block;
	width: auto;
	float: none;
	text-align: left;
}
.fb-page > span,
.fb-page > span iframe{ width:100% !important;}
.fb-page > span iframe #facebook > div > div > div  > div { width:100% !important; max-width:100% !important}
iframe .timeline{ max-width:100% !important; }
.twitter-timeline {max-width:100% !important; margin-top:20px !important;}

.block-views-council-block-block-2 .item-list ul li ,.block-views-council-block-block-7 .item-list ul li { float:none; margin-right:0px;   display: inline-block;}
.item-list {text-align:center;}
/* .agenda-minuts-list .view-filters .views-exposed-widgets .views-submit-button, .page-col-left .view-online-form .view-filters .views-exposed-widgets .views-submit-button{
margin-top:30px}
*/

}

.node-strategic-key-documents{
    background: #fff;
    padding:10px;

}

.node-strategic-key-documents .group-meta .field{
    background: #e9e9e9;
    padding:5px 10px;
    margin-bottom: 1px;
}

.node-strategic-key-documents .group-meta .field-label{
	float: left;
	width: 30%;
	display: block;
}

.node-strategic-key-documents .group-meta .field-name-field-sd-file .timestamp{
	display: none;
}

/* Header select field ends */

@media only screen and (max-width: 47.938em) {
  .field-name-body iframe{width:100% !important}
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;
  }

  .small-1 {
    position: relative;
    width: 8.33333%;
  }

  .small-2 {
    position: relative;
    width: 16.66667%;
  }

  .small-3 {
    position: relative;
    width: 25%;
  }

  .small-4 {
    position: relative;
    width: 33.33333%;
  }

  .small-5 {
    position: relative;
    width: 41.66667%;
  }

  .small-6 {
    position: relative;
    width: 50%;
  }

  .small-7 {
    position: relative;
    width: 58.33333%;
  }

  .small-8 {
    position: relative;
    width: 66.66667%;
  }

  .small-9 {
    position: relative;
    width: 75%;
  }

  .small-10 {
    position: relative;
    width: 83.33333%;
  }

  .small-11 {
    position: relative;
    width: 91.66667%;
  }

  .small-12 {
    position: relative;
    width: 100%;
  }

  .small-offset-0 {
    position: relative;
    margin-left: 0%;
  }

  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }

  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }

  .small-offset-3 {
    position: relative;
    margin-left: 25%;
  }

  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }

  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }

  .small-offset-6 {
    position: relative;
    margin-left: 50%;
  }

  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }

  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }

  .small-offset-9 {
    position: relative;
    margin-left: 75%;
  }

  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }

  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }

  [class*="column"] + [class*="column"].end {
    float: left;
  }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }


}


/* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 480px) and (min-width: 480px){
.page-content .sidebar{min-height: 55px;}
.page-content .sidebar .block-views-what-i-want-to-block-block{width:77%;}
.page-content .sidebar .block-title{width:32%;}
.page-content .sidebar .view-what-i-want-to-block{width:68%}
.page-content .slider .view-content .views-slideshow-controls-bottom {top: 70%; left: 36%;}

.block-views-council-block-block-7 .item-list ul li, .block-views-council-block-block-2 .item-list ul li {float:none; display:inline-block; margin:0 0 40px; }
.block-views-council-block-block-2 .item-list, .block-views-council-block-block-7 .item-list {text-align:center;}

}

@media only screen and (max-width:480px) {
.view-online-form .view-filters .views-exposed-widgets #edit-field-online-form-type-tid-wrapper {width:100% !important;}
.webform-element input[type="file"] {width:100%}
}

@media only screen and (max-width: 360px){
.header__logo img {width: 55%;}
.page-content .sidebar{padding:0 10px; min-height: 55px;}
.page-content .sidebar .block-views-what-i-want-to-block-block{width:89%;}
.page-content .sidebar .block-title{width:29%;}
.page-content .slider {margin-bottom: 25px;}
.page-content .sidebar .view-what-i-want-to-block{width:71%}
.page-content .slider .view-content .views-slideshow-controls-bottom {top: 98%; left: 32%;}
.webform-element input[type="file"] {width:100%}
}

@media only screen and (max-width: 320px){
.header__logo img {width: 55%;}
.page-content .sidebar{padding:0 12px 17px 12px; min-height: 52px;}
.page-content .sidebar .block-views-what-i-want-to-block-block{width:100%;}
.page-content .sidebar .block-title{width:29%;}
.page-content .sidebar .view-what-i-want-to-block{width:71%}
.page-content .slider .view-content .views-field-title {padding: 0px 0px 50px 12px;}
.page-content .slider .view-content .views-field-title .test a{line-height:26px;}
.page-content .slider {margin-bottom: 30px;}
.page-content .slider .view-content .views-field-title .test a {font-size: 11px;}
.page-content .slider .view-content .views-slideshow-controls-bottom {top: 98%; left: 32%;}
.container-inline-date .ui-datepicker-trigger{margin-left:0px;}
.block-views-council-block-block-7 .item-list ul li, .block-views-council-block-block-2 .item-list ul li {width:92%;}
.webform-element input[type="file"] {width:100%}

}


/* Medium screens */
@media only screen and (min-width: 40.063em) {

} /* min-width 641px, medium screens */




@media only screen and (min-width: 64.063em) and (max-width: 90em) {
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) {
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

.webform-container-inline.webform-datepicker  div.form-item.form-type-select {
	display: block;
	width: 24%;
	float: left;
	margin-right: 10px;
	margin-bottom:0px;

}
.webform-container-inline .webform-datepicker  .form-select{margin-bottom:0px;}
.webform-element input[type="file"] {width:65%}

/* XXLarge screens */
@media only screen and (min-width: 120.063em) {
} /* min-width 1921px, xxlarge screens */

.pretext.form-text {width:90%;float:left}
.field_suffix,.field_prefix{padding:4px;float:left}
.webform-client-form .description{font-size:12px}



/*iPhone 6 and iPhone 6+ portrait*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait){
	.mobile-menu-container .mobile-search .form-text{
		width:60%;
	}
	.mobile-menu-container .mobile-search .form-submit{
		float: left !important;
	}
}

/*iPhone 6 and iPhone 6+ landscape*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape){
	.mobile-menu-container .mobile-search .form-text{
		width:60%;
	}
	.mobile-menu-container .mobile-search .form-submit{
		float: left !important;
	}
}

.node-type-meeting-agendas-and-minutes .field-name-field-agenda .timestamp,
.node-type-meeting-agendas-and-minutes .field-name-field-minutes .timestamp{
  display: none;
}


/*-- block tile --*/
.paragraphs-item-block-tile .field-type-paragraphs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.paragraphs-item-block-tile .field-type-paragraphs .tile-item-wrapper {
  list-style: none;
  margin-top: 6px;
}
.tile-item {
  width: 100%;
  height: 100%;
  box-shadow: 3px 3px 10px #d4d4d4;
  background: #fff;
}
.tile-item .tile-item-description {
  padding: 20px;
}
.tile-item a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  color: #555;
  transition: all 300ms ease-in-out;
}
.tile-item .img, .tile-item a {
  overflow: hidden;
}
.tile-item img {
  border-radius: 0;
  transition: all 300ms ease-in-out;
}
.tile-item a:hover img {
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.tile-item h2 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
  margin-bottom: 10px;
}
.tile-item a:focus,
.tile-item a:hover{
  background: #4db3d0;;
  box-shadow: 3px 3px 10px #8d8d8d;
}

@media only screen and (min-width: 40.063em) {
  .paragraphs-item-block-tile .field-type-paragraphs {
	margin-left: -6px;
  }
  .paragraphs-item-block-tile .field-type-paragraphs .tile-item-wrapper {
	padding-left: 6px;
	float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 64.063em) {
  .paragraphs-item-block-tile .field-type-paragraphs .tile-item-wrapper {
    width: 25%;
  }
  .one-sidebar .paragraphs-item-block-tile .field-type-paragraphs .tile-item-wrapper {
	width: 33.3333333%;
  }
}

/*-- find list --*/
.highlighted-section .row-inner-page-content {
  padding: 25px 35px;
}
.highlighted-section h2 {
  font-size: 20px;
}
ul.find-list {
  list-style: none;
  padding: 0;
  zoom: 1;
  margin: 0 0 0 -10px;
}
ul.find-list li {
  float: left;
  margin-left: 10px;
  margin-top: 15px;
}
ul.find-list li a {
  color: #2c2c2c;
  background-color: #fff;
  background-image: url("../images/arrow.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 8px;
  text-decoration: none;
  border: solid 1px #2c2c2c;
  border-radius: 3px;
  padding: 6px 10px 6px 28px;
  font-size: 1.05882em;
  position: relative;
}


/*-- news ---*/
body.page-news-media,
body.page-taxonomy-term,
body.node-type-news-media {
  background-color: #fff;
}
/*
body.page-news-media .mayor-councillors-banner,
body.page-taxonomy-term .mayor-councillors-banner,
body.node-type-news-media .mayor-councillors-banner {
  background: transparent;
  color: #222;
  height: 100px;
}
body.page-news-media .mayor-councillors-banner .page-banner-title,
body.page-taxonomy-term .mayor-councillors-banner .page-banner-title,
body.node-type-news-media .mayor-councillors-banner .page-banner-title {
  color: #222;
}
*/
.news-thumb .columns:after {
  content: '';
  display: table;
  clear: both;
}
.news-thumb .views-row {
  margin-bottom: 40px;
}
.news-thumb .featured-image {
  position: relative;
  margin-bottom: 15px;
}
.news-thumb .featured-image img {
  width: 100%;
  height: auto;
}
.news-thumb .featured-image .news-date {
  position: absolute;
  background-color: #fff;
  bottom: 15%;
  left: 0;
  font-weight: 700;
  font-size: 16px;
  display: inline-block;
  padding: 2px 10px;
}
.featured.news-thumb .featured-image .news-date {
  font-size: 18px;
  padding: 5px 10px;
}
.news-thumb .title,
.news-thumb .title a {
  color: #222;
}
.news-thumb .title a:hover {
  text-decoration: underline;
}
.news-thumb .read-more {
  margin-top: 25px;
}
.news-thumb .read-more a {
  background-color: #4db3d0;
  color: #fff;
  font-size: 18px;
  padding: 0.625rem 1.25rem;
  font-weight: 700;
  border-radius: 3px;
  float: left;
  transition: background-color 300ms ease-out;
}
.news-thumb .read-more a:hover {
  background: #02518c;
}
@media only screen and (min-width: 48em) {
  .news-thumb.listing .view-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news-thumb.listing .news-details {
    padding-bottom: 70px;
  }
  .news-thumb.listing .news-details .read-more {
    position: absolute;
    bottom: 0;
    left: 15px;
  }
  .news-thumb.featured .news-details {
    max-width: 435px;
  }
}
.news-thumb .view-all {
  position: relative;
  margin-top: -43px;
  left: 210px;
}
.news-thumb .view-all a {
  background-color: #4db3d0;
  color: #fff;
  font-size: 18px;
  padding: 0.425rem 1.25rem;
  font-weight: 700;
  border-radius: 3px;
  transition: background-color 300ms ease-out;
}
.news-thumb .view-all a:hover {
  background: #02518c;
}
.pager--infinite-scroll {
  text-align: center;
  list-style: none;
}
.pager--infinite-scroll .pager__item a {
  background-color: #4db3d0;
  color: #fff;
  font-size: 22px;
  padding: 0.625rem 1.25rem;
  font-weight: 700;
  border-radius: 3px;
  transition: background-color 300ms ease-out;
  margin-top: 20px;
}
.pager--infinite-scroll .pager__item a:hover {
  background: #02518c;
}

.news-thumb .view-filters {
  margin: 0 0.9375rem 30px 0.9375rem;
}
.news-thumb .view-filters .views-exposed-form {
  background-color: #e9e9e9;
  padding: 20px;
}
.news-thumb .view-filters .views-exposed-form label {
  display: none;
}
.news-thumb .view-filters .views-exposed-form .views-exposed-widgets,
.news-thumb .view-filters .views-exposed-form .views-exposed-widgets .views-exposed-widget {
  margin-top: 0;
  margin-bottom: 0;
}
.news-thumb .view-filters .views-exposed-form .views-exposed-widgets select {
  margin: 0;
  padding-right: 20px;
  height: 40px;
}
.news-thumb .view-filters .views-exposed-form .views-widget-filter-shs_term_node_tid_depth select {
  width: auto;
}
.header-filter {
  position: relative;
  margin: 0 0.9375rem 30px 0.9375rem;
  padding: 20px;
  background-color: #e9e9e9;
}
.header-filter .view-filters, .header-filter .view-filters .views-exposed-form {
  padding: 0;
  margin: 0;
  background: transparent;
}
.header-filter ul.inlinelist {
  font-size: 20px;
}
.header-filter .view-filters .views-exposed-form {
  margin-top: 8px;
}
.header-filter .views-exposed-form .views-exposed-widget {
  margin: 0;
  padding: 0;
}
.header-filter .views-exposed-form .form-text {
  height: 50px;
  margin: 0;
  box-shadow: none;
}
.header-filter .views-exposed-form .form-submit {
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #cccccc;
  background-image: url("../images/icn-search.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -999px;
  overflow: hidden;
}
.news-thumb .views-exposed-form .views-widget-filter-field_news_date_value_1 {
  padding-right: 0;
}
@media only screen and (min-width: 48em) {
  .header-filter .views-exposed-form {
	position: absolute;
	right: 15px;
	top: 4px;
  }
}

/*-- list inline --*/
ul.inlinelist {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.inlinelist li {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
ul.inlinelist li a {
  color: #222;
}
ul.inlinelist li:after {
  content: '|';
  padding-left: 12px;
}
ul.inlinelist li:last-child:after {
  display: none;
}


/* --news-page-banner --*/
.news-page-banner {
  position: relative;
}
.news-page-banner .add-node-link, .news-page-banner .views-field-edit-node a {
  position: absolute;
  top: 0;
  right: 0;
  background-color: red;
  color: #fff;
  font-size: 11px;
  padding: 5px;
}
.news-page-banner .page-banner-img {
  display: none;
}
.page-banner.news-banner {
  background-image: none;
  background-position: center center;
  background-size: cover;
}

/* ---- QUICK-EXIT ---*/
.c-lawa-quick-exit {
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  padding: 12px;
  text-align: center;
  background: #093655;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
.c-lawa-quick-exit:hover {
  color: #fff;
  background-color: #c85342;
}
@media (min-width: 46.25em) {
  .c-lawa-quick-exit {
    padding: 12px 18px;
    transform: rotate(-90deg) translate(50%,70%);
    width: auto;
    bottom: 50%;
  }
}

.block-google-translator {
	float: right;
	margin-left: 1rem;
}
.block-google-translator .google-translator-switch {
  display: none;
}

.carousel-banner .view-content {
	position: relative;
	border-left: 8px solid #4db3d0;
	width: 100%;
	margin-bottom: 2rem;
}

.carousel-banner .view-content .views-field-field-banner-description {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 550;
	font-size: 18px;
	width: 330px;
	height: 100%;
	padding: 28px 45px 38px 35px;
	background: url(../images/slider-cover.png) no-repeat left top;
}

.carousel-banner .view-content a {
	font-family: 'Roboto Slab', serif;
	font-size: 26px;
	color: #fff;
	line-height: 38px;
}

.carousel-banner .view-content .readmore {
	display: block;
	margin-top: 30px;
}

.carousel-banner .view-content .readmore a {
	border: 1px solid #fff;
	padding: 10px 16px;
	font-size: 16px;
	font-family: Roboto;
	color: #fff;
}

.carousel-banner .view-content .readmore a:hover {
	background: #fff;
	color: #02518c;
}

.carousel-banner .view-content .views-slideshow-controls-bottom {
	position: absolute;
	z-index: 551;
	bottom: 10px;
	left: 35px;
}

.carousel-banner .view-content .views-slideshow-controls-bottom .views-slideshow-pager-field-item {
	display: inline-block;
	background: none;
}

.carousel-banner .view-content .views-slideshow-controls-bottom .views-field-counter {
	background: #4db3d0;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	color: #4db3d0;
	margin-right: 10px;
	cursor: pointer;
	font-size: 0;
	display: block;
}

.carousel-banner .view-content .views-slideshow-controls-bottom .views-field-counter a {
	font-size: 0;
}

.carousel-banner .view-content .views-slideshow-controls-bottom .active .views-field-counter {
	background: #fff;
	color: #fff;
}