/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* COLOURS

Flax- #9B95C9
Light Green- #BECD30
Light Blue- #53B7E8
Red- #E01B21
Purple- #762461
Orange- #F47920

black = #33302B

eastsidebrandbackground = #282722

*/

/* MAIN */

body {
	font-family: 'franklin-gothic-urw', Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #333;
	margin-top: 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'franklin-gothic-urw', Tahoma, Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: 0;
	margin-bottom: 0.5em;
}

a, a:link, a:visited {
	color: #53B7E8;
	text-decoration: none;
	font-weight: 500;
}

a:hover {
	color: #33302B;
}

strong {
	font-weight: 500;
}

img {
	max-width: 100%;
	height: auto !important;
}

.logo-img {
	max-width: 100%;
}

table {
	border: none;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
	background: none;
}

.field-name-node-link {
	float: right;
}

.field-name-node-link a {
	background: #53B7E8;
	color: white;
	text-transform: uppercase;
	padding: 3px 8px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.field-name-node-link a:hover {
	background: #33302B;
}

/* BUTTON */

input#edit-submit,
input#mc-embedded-subscribe {
	border: none;
	text-shadow: none;
}

a.button,
input#edit-submit,
input#mc-embedded-subscribe {
	background: #53B7E8;
	color: white !important;
	text-transform: uppercase;
	padding: 3px 8px;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

a.button:hover,
input#edit-submit:hover,
input#mc-embedded-subscribe:hover {
	background: #33302B;
}

/* FRONT PAGE */

.front h1#page-title {
	display: none;
}

.flexslider {
	border: none;
	position: relative;
}

.slidetitle {
	display: block;
	width: 85%;
	position: absolute;
	bottom: 8%;
	color: #fff;
	padding: 10px;
	font-size: 1.5em;
	line-height: 1.2em;
	background: #53B7E8;
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.90;
}


#block-block-5 {
	position: relative;
}

.videotitle {
	display: block;
	width: 85%;
	position: absolute;
	bottom: 8%;
	color: #fff;
	padding: 10px;
	font-size: 1.5em;
	line-height: 1.2em;
	background: #53B7E8;
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.90;
}

/* BLOCKS */

#region-sidebar-first .block,
#region-sidebar-second .block {
	margin-bottom: 20px;
}

#block-views-what-s-new-block a {
	color: #BECD30;
	font-size: 1.25em;
}

#block-views-what-s-new-block a:hover {
	color: #33302B;
}

/* MENU BLOCKS */

ul.menu li {
	list-style: none;
}

#block-menu-menu-top-menu li {
	padding-right: 1em;
/*	margin-right: 1em;
	border-right: 1px solid #33302B; */
}

#block-menu-menu-top-menu li.last {
	padding: 0;
	margin: 0;
	border: none;
}	

#block-menu-menu-top-menu li a {
	color: #33302B;
}

#block-menu-menu-top-menu li a:hover {
	color: #53B7E8;
}

/* HEADER */

#section-header {
	margin-bottom: 15px;
}

#block-menu-menu-top-menu ul.menu {
	float: right;
}

#block-menu-menu-top-menu ul.menu li {
	display: inline;
}

#zone-branding-wrapper {
	margin-bottom: 20px;
}

#block-block-3 .tempboxouter {
	width: 100%;
	margin-top: 5px;
}

#block-block-3 .tempbox {
	padding: 4px 6px;
	background: #666;
	color: white;
}

/* CONTENT */

.field-name-field-more-information-link {
	margin-top: 1em;
}

/* FOOTER */

#zone-footer-wrapper {
	background: #33302B;
	color: white;
	font-size: 0.9em;
	padding: 20px 0 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#zone-footer a {
	color: white;
}

#zone-footer a:hover {
	color: #53B7E8;
}

/* SEARCH */

#block-search-form .block-inner {
	border: none;
}

#block-search-form.block .content {
	padding: 0;
}

#search-block-form #edit-submit {
	background: #53B7E8;
	text-transform: uppercase;
	color: white;
	border: none;
	text-shadow: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#search-block-form #edit-submit:hover {
	background: #33302B;
}

#edit-search-block-form--2 {
	width: 192px;
}

.node-article .field-name-field-image,
.node-project .field-name-field-image {
	margin-bottom: 10px;
}

/* STAFF */

.view-staff .views-row {
	width: 220px;
	height: 320px;
	float: left;
	margin-bottom: 25px;
	margin-right: 20px;
	font-size: 0.9em;
}

.view-staff .views-field-title {
	font-weight: 700;
}

/* NEWS */

.view-news-page .views-row {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #444;
}

.view-news-page .views-row-last {
	border-bottom: none;
}

.field-name-post-date {
	text-transform: uppercase;
	font-size: 0.85em;
	color: #888;
	margin-bottom: 1em;
}

/* PHOTO GALLERY */

.node-photo-gallery .field-name-field-gallery-images .field-item {
	width: 120px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.view-gallery .field-name-node-link {
	clear: both;
}

.view-gallery .views-row {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #444;
}

.view-gallery .views-row-last {
	border-bottom: none;
}


/* MOBILE OVERRIDES */

.responsive-layout-mobile .branding-data {
	text-align: center;
}

.responsive-layout-mobile .logo-img {
	float: none;
	margin-bottom: 25px;
}

.responsive-layout-mobile #block-block-4,
.responsive-layout-mobile #block-block-6,
.responsive-layout-mobile #block-block-11,
.responsive-layout-mobile #block-menu-menu-top-menu .content {
	text-align: center;
}

.responsive-layout-mobile #block-block-4 img {
	margin: 0 3px;
	width: 38px !important;
}

.responsive-layout-mobile #block-menu-menu-top-menu ul.menu {
	float: none;
	text-align: center;
}	

.responsive-layout-mobile #block-block-6 img {
	height: 50px !important;
	width: auto !important;
	margin: 20px 10px 0;
}

.responsive-layout-mobile #block-block-2,
.responsive-layout-mobile #block-block-7,
.responsive-layout-mobile #block-block-8 {
	display: none;
}

.responsive-layout-mobile .view-what-s-new .views-row,
.responsive-layout-mobile .view-projects .views-row {
	margin-bottom: 20px;
}

/* MOBILE MENU */

.responsive-layout-mobile #block-superfish-1 {
	margin-bottom: 15px;
}

.sf-accordion-toggle {
	background: #53B7E8;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 1.3em;
	padding: 10px 15px;
	margin-top: 15px;
}

.sf-accordion-toggle a {
	color: white;
}

#superfish-1-accordion {
	margin-top: 10px;
	background: #33302B;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
}

#superfish-1-accordion li {
	margin-left: 15px;
}

#superfish-1-accordion a {
	color: white;
	margin-bottom: 0.5em;
}

#superfish-1-accordion a:hover,
#superfish-1-accordion li.active-trail a {
	color: #53B7E8;
}

#superfish-1-accordion li li {
	margin-left: 30px;
	text-transform: none;
}

#superfish-1-accordion li.sf-clone-parent {
	display: none;
}

/* EASTSIDE BRAND SECTION */

body.page-node-30 {
	background: #FFD430;
	color: black !important;
	font-size: 1.2em;
}

.page-node-30 #section-header {
	display: none;
}

.page-node-30 h1#page-title {
	display: none;
}

.page-node-30 a:hover,
#block-block-13 a:hover {
	color: white;
}