/* ---- SITE.CSS ----
   Contains the majority of the CSS used to format the main structure of the website. Default
   formatting is for mobile browsing. Additional media queries are included in this file below.
*/

/* -- CSS RESET -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
body { line-height:1; }
ol, ul { list-style:none; }
strong { font-weight:bold; }
em { font-style:italic; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
:focus { outline:none; }

/* -- HTML5 display-role reset for older browsers -- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* Fix for recaptcha iframe in Safari & Chrome */
body > iframe { display:none; }

/* Add a more natural box layout model to all elements */
#page, #page *, #footer-area, #footer-area * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

/* -- Generic styles -- */
html { height:100%; }
body {
    background:#c6beb2;
    color:#000;
    font:400 14px/22px 'Lato', 'Arial', 'Helvetica', sans-serif;
    height:100%;
    margin:0;
    padding:0;
    text-align:left;
}
body.edit-mode { padding:44px 0 0 !important; }

::selection { background:#56476b; color:#fff; }
::-moz-selection { background:#56476b; color:#fff; }

abbr { border-bottom:1px dotted #aaa; }
a abbr { border-bottom:none; }

.light { font-weight:300; }
.norm { font-weight:400; }
.bold, strong { font-weight:700; }

a { color:#037d9c; text-decoration:underline; }

.hide { display:none; }
.show { display:block !important; }
.ninja { display:none !important; }
.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.sink { clear:both !important; display:block !important; height:0 !important; line-height:0 !important; font-size:0 !important; margin:0 !important; padding:0 !important; }
.no-bottom { margin-bottom:0 !important; padding-bottom:0 !important; }
.no-top { margin-top:0 !important; padding-top:0 !important; }
.no-wrap { white-space:nowrap !important; }
.ellipsis { overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; width:100%; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.large-text, .lead { font-size:18px; line-height:26px; }
.normal-text { font-size:14px; line-height:22px; }
.small-text { font-size:13px; line-height:20px; }

.formatted > h1, .formatted > h2.large-heading { color:#000; font-size:26px; line-height:32px; margin:22px 0 14px; }
.formatted > h2, .formatted > h1.small-heading, .formatted > h3.large-heading { color:#000; font-size:20px; line-height:28px; margin:22px 0 13px; }
.formatted > h3, .formatted > h2.small-heading, .formatted > h4.large-heading { color:#000; font-size:18px; line-height:26px; margin:22px 0 12px; }
.formatted > h4, .formatted > h3.small-heading { color:#000; font-size:15px; font-weight:bold; line-height:23px; margin:22px 0 11px; }
.formatted > h1.line, .formatted > h2.line, .formatted > h3.line, .formatted > h4.line { border-bottom:1px solid rgba(0,0,0,0.25); margin-bottom:20px !important; padding-bottom:10px; }
.formatted > h2.sub-heading, .formatted > h3.sub-heading, .formatted > h4.sub-heading { color:#666; font-style:italic; margin:-10px 0 20px; }
.formatted > p { font-weight:400; margin:0 0 15px; }
.formatted > ul { list-style-type:disc; margin:0 0 15px; padding:0 0 0 18px; }
.formatted > ul > li ul { list-style-type:circle; margin:0 0 15px; padding:8px 0 0 18px; }
.formatted > ul > li ul li ul { list-style-type:square; }
.formatted > ol { list-style-type:decimal; margin:0 0 15px; padding:0 0 0 19px; }
.formatted > ol > li ol { list-style:lower-alpha; margin:0 0 15px; padding:8px 0 0 19px; }
.formatted > ul.list { border-top:1px solid #c1c1c1; list-style-type:none; padding:0; }
.formatted > ul.list > li { border-bottom:1px solid #c1c1c1; padding:10px 0; }
.formatted > img { display:block; margin:0 0 15px; max-width:100%; }
.table-wrap { overflow-x:auto; }
.formatted > table { border-collapse:collapse; width:100%; }
.formatted > table tr > th { font-size:18px; line-height:26px; padding:10px; }
.formatted > table tr > td { border-bottom:1px solid #c1c1c1; border-top:1px solid #c1c1c1; padding:10px 10px; }
.formatted > table tr > :first-child { padding-left:0; }
.formatted > table tr > :last-child { padding-right:0; }
.edit-class-Rule, .formatted > hr { border:none; border-top:1px solid #c1c1c1 !important; clear:both !important; height:19px !important; margin:20px 0 0 !important; padding:0 !important; }
.edit-class-Rule hr { display:none; }
.formatted > .btn { margin:0 0 15px; }
.formatted > *:first-child { margin-top:0 !important; }
.formatted > *:last-child, .formatted > ul > li:last-child ul, .formatted > ol > li:last-child ol { margin-bottom:0 !important; }

/* -- Standard website editable CSS (NEEDED ON EVERY DEPLOYCMS SITE) -- */

/* Alignment */
.edit-align-left { text-align:left !important; }
.edit-align-center { text-align:center !important; }
.edit-align-right { text-align:right !important; }

/* Imagery & videos */
.edit-class-Image.edit-tmp-over, .edit-class-Image.edit-tmp-selected, .edit-class-Video.edit-tmp-over, .edit-class-Video.edit-tmp-selected { box-shadow:0 0 2px #c1c1c1; cursor:pointer; }
.edit-class-Image, .edit-class-Video, .edit-class-Image.edit-align-center, .edit-class-Video.edit-align-center, .edit-class-Image.edit-align-left, .edit-class-Video.edit-align-left, .edit-class-Image.edit-align-right, .edit-class-Video.edit-align-right { display:block; clear:both; max-width:100% !important; margin:0 auto 20px !important; padding:0 !important; }
.edit-class-Image, .edit-class-Video, .edit-class-Image > img { max-width:100% !important; }

/* Text */
.edit-class-Text.edit-tmp-selected { background-color:rgba(0,0,0,0.2) !important; }

/* List items */
.edit-class-List { overflow:hidden; }

/* -- Custom generic styles -- */
.well {
    background-color:#e4dfd8;
    background:rgba(0,0,0,0.05);
    box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
    margin-bottom:20px; margin-top:20px;
    padding:20px !important;
}

.highlight {
    background:10px center no-repeat;
    background-color:#dbd6ce;
    background-color:rgba(0,0,0,0.05);
    border-radius:6px;
    display:block;
    padding:9px 10px;
}

.alert {
    border-radius:6px;
    font-style:italic;
    margin-bottom:30px;
    padding:9px 10px;
    text-align:center;
}
.alert.close {
    overflow:hidden;
    padding-right:54px;
    position:relative;
}
.alert.close > .close {
    cursor:pointer;
    display:block;
    font-size:20px;
    font-style:normal;
    font-weight:bold;
    line-height:40px;
    height:42px;
    position:absolute;
    right:0;
    top:0;
    width:42px;
}
.alert-warning {
    background-color:#FDF9DA;
    border:1px solid #C57000;
    color:#C57000;
}
.alert-error {
    background-color:#fcedee;
    border:1px solid #c10;
    color:#c10;
}
.alert-success {
    background-color:#ccf5cb;
    border:1px solid #1a9b10;
    color:#1a9b10;
}
.btn, .buttons > a {
    background-color:#3699b2;
    background:-webkit-linear-gradient(top, #4facc4, #3699b2);
    background:-moz-linear-gradient(top, #4facc4, #3699b2);
    background:-ms-linear-gradient(top, #4facc4, #3699b2);
    background:-o-linear-gradient(top, #4facc4, #3699b2);
    border:none;
    border-radius:6px;
    box-shadow:0 1px 0 0 rgba(0,0,0,0.5), inset 0 0 0 1px rgba(0,0,0,0.1);
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:20px;
    line-height:20px;
    margin:0;
    min-height:41px;
    padding:10px 20px;
    text-align:center;
    text-decoration:none;
    width:100%;
}
.btn.btn-orange {
    background-color:#bd7a23;
    background:-webkit-linear-gradient(top, #cd8a33, #bd7a23);
    background:-moz-linear-gradient(top, #cd8a33, #bd7a23);
    background:-ms-linear-gradient(top, #cd8a33, #bd7a23);
    background:-o-linear-gradient(top, #cd8a33, #bd7a23);
}
.btn.btn-salmon {
    background-color:#c77d63;
    background:-webkit-linear-gradient(top, #d3917a, #c77d63);
    background:-moz-linear-gradient(top, #d3917a, #c77d63);
    background:-ms-linear-gradient(top, #d3917a, #c77d63);
    background:-o-linear-gradient(top, #d3917a, #c77d63);
}
.btn.btn-red {
    background-color:#bd2323;
    background:-webkit-linear-gradient(top, #cd3333, #bd2323);
    background:-moz-linear-gradient(top, #cd3333, #bd2323);
    background:-ms-linear-gradient(top, #cd3333, #bd2323);
    background:-o-linear-gradient(top, #cd3333, #bd2323);
}
.btn.btn-green {
    background-color:#8d9e70;
    background:-webkit-linear-gradient(top, #a8bc85, #8d9e70);
    background:-moz-linear-gradient(top, #a8bc85, #8d9e70);
    background:-ms-linear-gradient(top, #a8bc85, #8d9e70);
    background:-o-linear-gradient(top, #a8bc85, #8d9e70);
}
.btn.disabled {
    background:#888;
    opacity:0.4;
}

.btn:hover, .buttons > a:hover { box-shadow:0 1px 0 0 rgba(0,0,0,0.5), 0 0 0 5px rgba(255,255,255,0.3), inset 0 0 0 1px rgba(0,0,0,0.1); }
.btn:active, .buttons > a:active {
    background:#3699b2;
    box-shadow:0 -1px 0 0 rgba(0,0,0,0.4), 0 -1px 0 5px rgba(255,255,255,0.3), inset 0 0 0 1px rgba(0,0,0,0.1);
    position:relative;
    top:1px;
}

.btn.disabled:hover, .btn.disabled:active {
    box-shadow:0px;
    position:relative;
    top:0px;
}

.btn.btn-orange:active { background:#bd7a23; }
.btn.btn-salmon:active { background:#c77d63; }
.btn.btn-red:active { background:#bd2323; }
.btn.btn-green:active { background:#8d9e70; }
.btn.disabled:active { background:#888; }
.buttons, #edit-tools {
    margin:20px 0;
    *zoom:1;
}
.buttons:before, .buttons:after, #edit-tools:before, #edit-tools:after {
    display:table;
    content:'';
    line-height:0;
}
.buttons:after, #edit-tools:after { clear:both; }
#edit-tools > .sortable-tools > .sorting {
    background-color:rgba(0,0,0,0.1);
    box-shadow:0 2px 0 0 rgba(0,0,0,0.1);
    border-radius:6px;
    font-size:16px;
    line-height:20px;
    min-height:40px;
    padding:10px 20px;
}
.buttons > *, .buttons > .btn, .buttons > a, #edit-tools > .sortable-tools > * { margin-bottom:15px; }
.buttons > :last-child, #edit-tools > .sortable-tools > :last-child { margin-bottom:0; }

.paging > .btn {
    margin:0 !important;
    float:left;
    max-width:47.5%;
    width:140px;
}
.paging > .next { float:right !important; }

/* -- Page structure -- */

.container { padding:0 10px; }

/* Push the footer down */
#page {
    background-color:#dcd5ca;
    min-height:100%;
    margin:0 0 -593px;
}
@media screen and (min-width:325px) {
	#page {
	    margin:0 0 -571px;
	}
}
@media screen and (min-width:336px) {
	#page {
	    margin:0 0 -549px;
	}
}
@media screen and (min-width:434px) {
	#page {
	    margin:0 0 -527px;
	}
}
@media screen and (min-width:632px) {
	#page {
	    margin:0 0 -505px;
	}
}



/* Header area */
#header-area {
    background-color:#f5f1ec;
    background:-webkit-linear-gradient(top, #ebe7e0, #f5f1ec);
    background:-moz-linear-gradient(top, #ebe7e0, #f5f1ec);
    background:-ms-linear-gradient(top, #ebe7e0, #f5f1ec);
    background:-o-linear-gradient(top, #ebe7e0, #f5f1ec);
    border-bottom:2px solid #dedad5;
}
#header-area > .container { padding-bottom:10px; padding-top:10px; }
#logo {
    background:url('/media/img/logo.png') top left no-repeat;
    max-width:296px;
}
#logo > a {
    display:block;
    height:76px;
    max-width:296px;
}
#prime { margin:10px 0 0; }
#prime > .nav-collapse > ul { margin-top:10px; }
#prime > .nav-collapse > ul > li > a {
    background-color:#dcd5ca;
    border-top:1px solid #c6beb2;
    color:#000;
    display:block;
    font-size:18px;
    padding:10px;
    text-decoration:none;
}
#prime > .nav-collapse > ul > li.on > a { font-weight:bold; }
#prime > .nav-collapse > ul > li > a:hover {
    background-color:#c6beb2;
    border-bottom:1px solid #b3a898;
    border-top:1px solid #b3a898;
    margin-bottom:-1px;
    position:relative;
}
#prime > .nav-collapse > ul > li:first-child > a,
#prime > .nav-collapse > ul > li:first-child > a:hover {
    border-top:none;
    border-top-left-radius:6px; border-top-right-radius:6px;
    box-shadow:0 -1px 0 0 rgba(0,0,0,0.2);
}
#prime > .nav-collapse > ul > li:last-child > a,
#prime > .nav-collapse > ul > li:last-child > a:hover {
    border-bottom-left-radius:6px; border-bottom-right-radius:6px;
    border-bottom:none;
    margin:0;
}
#prime > .nav-collapse > ul > li.open {
    background-color:#c6beb2;
    border-bottom:1px solid #b3a898;
    margin-bottom:-1px;
    position:relative;
}
#prime > .nav-collapse > ul > li.open > a,
#prime > .nav-collapse > ul > li.open > a:hover {
    background-color:#c6beb2;
    border-bottom:none;
    border-top:1px solid #b3a898;
    margin:0;
}
#prime > .nav-collapse > ul > li > .sub-nav {
    background-color:#c6beb2;
    padding:0 10px;
    overflow:hidden;
    max-height:0;
    -webkit-transition:max-height 0.35s ease;
    -moz-transition:max-height 0.35s ease;
    -o-transition:max-height 0.35s ease;
    transition:max-height 0.35s ease;
}
#prime > .nav-collapse > ul > li > .sub-nav > ul {
    border-top:1px solid #b1aa9f;
    border-top:1px solid rgba(0,0,0,0.1);
}
#prime > .nav-collapse > ul > li > .sub-nav > ul > li:first-child { padding-top:10px; }
#prime > .nav-collapse > ul > li > .sub-nav > ul > li:last-child { padding-bottom:10px; }
#prime > .nav-collapse > ul > li > .sub-nav > ul > li.nav-header {
    border-bottom:1px solid #b1aa9f;
    border-bottom:1px solid rgba(0,0,0,0.1);
    color:#555;
    font-style:italic;
    margin:10px 0;
    padding:0 0 3px;
}
#prime > .nav-collapse > ul > li > .sub-nav > ul > li > a {
    color:#000;
    display:block;
    margin:0 -10px;
    padding:5px 10px;
    text-decoration:none;
}
#prime > .nav-collapse > ul > li > .sub-nav > ul > li.on > a { font-weight:bold; }
#prime > .nav-collapse > ul > li > .sub-nav > ul > li > a:hover {
    background-color:#3699b2;
    color:#fff;
}
#header-area > .container > .member {
    background-color:#dcd5ca;
    border-radius:6px;
    box-shadow:0 -1px 0 0 rgba(0,0,0,0.2);
    margin:10px 0 0;
    padding:10px;
    text-align:center;
}
#header-area > .container > .member > a.cart {
    padding-left: 18px;
    text-decoration: none;
    background: url('/media/img/cart-icon.png') left center no-repeat;
}

/* Content area */
#main-area {
    background-color:#ede9e2;
    background:-webkit-linear-gradient(top, #ede9e2, #dcd5ca);
    background:-moz-linear-gradient(top, #ede9e2, #dcd5ca);
    background:-ms-linear-gradient(top, #ede9e2, #dcd5ca);
    background:-o-linear-gradient(top, #ede9e2, #dcd5ca);
    padding:30px 0 622px;
}

/* Heroes */
#heroes {
    background:#c6beb2 top center no-repeat;
    height:320px;
    margin:-30px 0 20px;
    position:relative;
}
#heroes * { display:none; }
#heroes > h1 {
    background-color:#000;
    background-color:rgba(0,0,0,0.5);
    bottom:0;
    color:#fff;
    display:block;
    left:0;
    margin:0;
    padding:20px 10px;
    position:absolute;
    width:100%;
}
#heroes > h1 > * { display:block; }

/* Footer-area */
#footer-area {
    background-color:#c6beb2;
    min-height:339px;
    padding:20px 0;
    position:relative;
}
#footer-area:before, #footer-area:after {
    content:'';
    display:block;
    height:75px;
    position:absolute;
    top:-75px;
    left:0;
    width:100%;
}
#footer-area:before { background:url('/media/img/footer-bkg-repeat.png') bottom center repeat-x; }
#footer-area:after { background:url('/media/img/footer-bkg-people.png') top center no-repeat; }
#footer-area a { text-decoration:none; }
#footer-area a:hover { text-decoration:underline; }
#footer-area > .container > .row > .about > p { font-style:italic; }
#footer-area > .container > .row > .legal > .links > a { margin:0 10px 0 0; }
#footer-area > .container > .row > .legal > .links > .divider { display:none; }
#footer-area > .container > .row > .legal > .social {
    height:40px;
    margin:20px 0;
}
#footer-area > .container > .row > .legal > .social > a {
    background:url('/media/img/social-icons.png') no-repeat;
    border-radius:6px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.25);
    display:block;
    float:left;
    height:40px;
    margin-right:6px;
    width:40px;
}
#footer-area > .container > .row > .legal > .social > a.facebook { background-position:0 0; }
#footer-area > .container > .row > .legal > .social > a.twitter { background-position:-40px 0; }
#footer-area > .container > .row > .legal > .social > a.youtube { background-position:-80px 0; }
#footer-area > .container > .row > .legal > .social > .divider { display:none; }

/* -- Individual pages -- */

/* Go back link */
.go-back {
    margin:0 0 10px;
    position:relative;
    top:-10px;
}
.go-back > a {
    background:url('/media/img/go-back-icon.png') 10px center no-repeat;
    background-color:#dbd6ce;
    background-color:rgba(0,0,0,0.05);
    border-radius:6px;
    color:#000;
    display:inline-block;
    height:41px;
    line-height:41px;
    padding:0 20px 0 44px;
    text-decoration:none;
}
.go-back > a:hover { box-shadow:0 0 0 5px rgba(255,255,255,0.3); }

/* Intro area */
.intro-area { margin-bottom:20px; }

/* Map */
#map {
    background-color:#dbd6ce;
    background:rgba(0,0,0,0.05);
    box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
    height:350px;
    margin-bottom:20px;
    padding:20px;
}
#map .marker-cluster { background-color:#3699b2 !important; }
#map .marker-cluster > * {
    background-color:#fff !important;
    font-weight:bold;
    font-size:15px;
}
#map .leaflet-popup { text-align:left; }
#map .leaflet-popup-content-wrapper {
	background:#ede9e2;
	box-shadow:inset 0 1px 1px 1px rgba(255,255,255,0.6), 0 1px 5px rgba(0,0,0,0.5);
	text-align:left;
	-webkit-border-radius:6px;
    border-radius:6px;
}
#map .leaflet-popup-content {
	margin:0;
	line-height:inherit;
	min-width:301px;
	padding:10px;
}
#map a.leaflet-popup-close-button { display:none !important; }
#map .leaflet-popup-tip {
    background:#ede9e2;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	z-index:1000000;
}
#map .leaflet-popup-content > .image {
    background:center center no-repeat;
    background-color:#dbd6ce;
    background-color:rgba(0,0,0,0.05);
    background-size:cover;
    border-radius:6px;
    display:block;
    float:right;
    height:80px;
    margin-left:10px;
    width:80px;
}

#map .leaflet-popup-content > .image.no-fit {
    background-size:contain;
    background-color:#fff;
}
#map .leaflet-popup-content > .image > img { display:none; }
#map .leaflet-popup-content > .content { min-height:80px; }
#map .leaflet-popup-content > .no-min { min-height:0; }
#map .leaflet-popup-content > .content > h3 {
    font-weight:normal;
    margin-bottom:10px;
}
#map .leaflet-popup-content > .content > h3 > span { display:block; }
#map .leaflet-popup-content > .content > h3 > span > span { display:none; }
#map .leaflet-popup-content > .content > p { margin:0; }
#map .leaflet-popup-content > .content > p.covering {
    background:url('/media/img/covering-icon.png') 10px center no-repeat;
    background-color:#dbd6ce;
    background-color:rgba(0,0,0,0.05);
    border-radius:6px;
    bottom:-10px;
    clear:both;
    margin-bottom:10px !important;
    position:relative;
    padding:9px 10px 9px 36px;
}
#map .leaflet-popup-content > .attendees {
    margin-top:12px;
    overflow:hidden;
}
#map .leaflet-popup-content > .attendees > * {
    border-radius:6px;
    display:none;
    float:left;
    font-size:22px;
    height:41px;
    line-height:38px;
    margin-right:10px;
}
#map .leaflet-popup-content > .attendees > .count {
    background:#c6beb2 url('/media/img/meet-up-icons.png') 0 -105px no-repeat;
    color:#fff;
    display:block;
    padding-right:10px;
    text-align:right;
    width:75px;
}
#map .leaflet-popup-content > .attendees > .attending {
    background:#8d9e70 url('/media/img/meet-up-icons.png') center -55px no-repeat;
    width:60px;
}
#map .leaflet-popup-content > .attendees > .owned {
    background:#c77d63 url('/media/img/meet-up-icons.png') -1px -5px no-repeat;
    width:40px;
}
#map .leaflet-popup-content > .attendees.owned > .owned,
#map .leaflet-popup-content > .attendees.attending > .attending,
#map .leaflet-popup-content > .attendees.owned > .attending {
    display:block;
}

/* Council members page */
#heroes.council-heroes { background-image:url('/media/img/mobile-banner-1.jpg'); }

/* Listing type 1 */
.list-1 { margin-top:20px; }
.list-1 > .item {
    background-color:#f6f2ec;
    background-color:rgba(255,255,255,0.3);
    box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
}
.list-1 > .item > .wrap {
    display:block;
    padding:20px;
}
.list-1 > .item > a.wrap {
    color:#000;
    text-decoration:none;
    height:180px;
    overflow:hidden;
}
.list-1 > .item:hover, .list-1 > .revealed { background:rgba(255,255,255,0.6); }
.list-1 > .item .reveal-trigger {
    color:#037d9c;
    cursor:pointer;
    left:130px;
    position:absolute;
    text-decoration:underline;
    top:138px;
}
.list-1 > .item .image {
    background:#c6beb2 center center no-repeat;
    background-size:cover;
    height:140px;
    left:20px;
    position:absolute;
    top:20px;
    width:100px;
}
.list-1 > .item .image > img { display:none; }
.list-1 > .item h3 {
    height:160px;
    margin:0;
    padding:20px 0 0 110px;
}
.list-1 > .item h3 {
    height:160px;
    margin:0;
    padding:20px 0 0 110px;
}
.list-1 > .item > a.wrap > h3 > strong {
    color:#037d9c;
    display:block;
    font-weight:normal;
    text-decoration:underline;
}
.list-1 > .item > a.wrap > h3 > span {
    color:#888;
    display:block;
    font-size:15px;
    font-style:italic;
    text-decoration:none;
}

/* Listing type 2 */
.list-2, ul.list-2 {
    border-bottom:1px solid #c1c1c1;
    list-style:none;
    margin:20px 0 0;
    padding:0;
}
.list-2 > .item {
    border-top:1px solid #c1c1c1;
    overflow:hidden;
    padding:20px 0;
    position:relative;
}
.list-2 > .item > .image {
    background:center center no-repeat;
    background-color:#dbd6ce;
    background-color:rgba(0,0,0,0.05);
    background-size:cover;
    border-radius:6px;
    display:block;
    float:right;
    height:80px;
    margin:0 0 0 20px;
    width:80px;
}
#affiliated-groups > .item > .image.no-fit { background-color:#fff; }
.list-2 > .item > .image.alt {
    background-size:contain;
    background-color:transparent;
    background-position:center right;
    border-radius:0;
}
.list-2 > .item > .image > img { display:none; }
.list-2 > .item > .content > .covering,
.list-2 > .item > .content > .edit-links {
    background:url('/media/img/covering-icon.png') 10px center no-repeat;
    background-color:#dbd6ce;
    background-color:rgba(0,0,0,0.05);
    border-radius:6px;
    padding:9px 10px 9px 36px;
}
.list-2 > .item > .content > .edit-links {
    background-image:url('/media/img/edit-icon.png');
    background-position:13px center;
    bottom:-20px;
    clear:both;
    margin-bottom:20px !important;
    position:relative;
    padding-left:44px;
}
.list-2 > .item > .content > .date {
    margin-top:-12px;
    color:#666;
}
.list-2 > .item > .content > .event,
.list-2 > .item > .content > .news,
.list-2 > .item > .content > .podcast {
    background:url('/media/img/posting-icons.png') no-repeat;
    margin-bottom:0;
    padding-left:35px;
    height:50px;
    line-height:50px;
}
.list-2 > .item > .content > .event { background-position:0 0; }
.list-2 > .item > .content > .podcast { background-position:0 -50px; }
.list-2 > .item > .content > .news { background-position:0 -100px; }
.list-2 > .item > .content > .source { margin:0; }
.list-2 > .item > .content > .source > strong {
    font-weight:normal;
    color:#666;
}
#news-search-form .event, #news-search-form .news, #news-search-form .podcast { background:url('/media/img/posting-icons.png') no-repeat; }
#news-search-form .event { background-position:right -6px; }
#news-search-form .podcast { background-position:right -56px; }
#news-search-form .news { background-position:right -106px; }
#news-search-form { position:relative; }
#news-search-form .rss-link {
    background:#c6beb2 url('/media/img/rss-icon.png') center center no-repeat;
    display:block;
    height:27px;
    line-height:27px;
    overflow:hidden;
    position:absolute;
    right:20px;
    text-indent:50px;
    top:20px;
    width:27px;
}
#news-search-form .rss-link:hover { background-color:#b2aa9d; }

/* View news article */
#news-article > .content > .event,
#news-article > .content > .news,
#news-article > .content > .podcast {
    background:url('/media/img/posting-icons.png') no-repeat;
    padding-left:35px;
}
#news-article > .content > .event { background-position:0 -10px; }
#news-article > .content > .podcast { background-position:0 -60px; }
#news-article > .content > .news { background-position:0 -110px; }
.gallery > .main {
    background:#c6beb2 center center no-repeat;
    background-color:rgba(0,0,0,0.05);
    background-size:contain;
    border-radius:12px;
    display:block;
    height:300px;
    max-width:300px;
}
.gallery > .main.tall {
    border-radius:0;
    height:420px;
}
.gallery > .main > img { display:none; }
.gallery > .thumbs {
    overflow:hidden;
    max-width:300px;
}
.gallery > .thumbs > a {
    background:center center no-repeat;
    background-size:cover;
    border-radius:6px;
    display:block;
    float:left;
    height:94px;
    margin:8px 8px 0 0;
    width:94px;
}
.gallery > .thumbs > a.on { opacity:0.25; }
.gallery > .thumbs > a:nth-child(3n) { margin-right:0; }
.gallery > .thumbs > a > img { display:none; }

/* Listing type 3 */
.list-3, ul.list-3 {
    border-bottom:1px solid #c1c1c1;
    list-style:none;
    margin:20px 0 0;
    padding:0;
}
.list-3 > .item {
    border-top:1px solid #c1c1c1;
    padding:20px 0;
    position:relative;
    overflow:hidden;
}
.list-3 > .item > .content > h3 { margin:0; }
.list-3 > .item > .content > .date { color:#666; }
.list-3 > .item > .attendees {
    float:left;
    margin-top:10px;
    overflow:hidden;
}
.list-3 > .item > .attendees > *, #meet-up-count, #meet-up-attending {
    border-radius:6px;
    display:none;
    float:right;
    font-size:22px;
    height:41px;
    line-height:38px;
    margin-right:10px;
}
#meet-up-attending { margin-bottom:0; }
.list-3 > .item > .attendees > :first-child { margin-right:0; }
.list-3 > .item > .attendees > .count, #meet-up-count {
    background:#c6beb2 url('/media/img/meet-up-icons.png') 0 -105px no-repeat;
    color:#fff;
    display:block;
    padding-right:10px;
    text-align:right;
    width:75px;
}
#meet-up-count, #meet-up-attending {
    display:block;
    float:left;
}
.list-3 > .item > .attendees > .attending, #meet-up-attending {
    background:#8d9e70 url('/media/img/meet-up-icons.png') center -55px no-repeat;
    width:60px;
}
.list-3 > .item > .attendees > .owned {
    background:#c77d63 url('/media/img/meet-up-icons.png') -1px -5px no-repeat;
    width:40px;
}
.list-3 > .item > .attendees.owned > .owned,
.list-3 > .item > .attendees.attending > .attending,
.list-3 > .item > .attendees.owned > .attending {
    display:block;
}
.list-3 > .has-map > .map {
    display:none;
    height:142px;
    position:absolute;
    right:0;
    top:0;
    width:300px;
}

/* Tab area */
.tab-area {
    margin-top:40px;
}
.tab-area > .tabs {
    border-bottom:1px solid #c1c1c1;
    margin-bottom:-1px;
    overflow:hidden;
}
.tab-area > .tabs > .tab {
    border:1px solid #c1c1c1;
    border-bottom:none;
    color:#000;
    display:block;
    float:left;
    font-size:20px;
    height:60px;
    line-height:60px;
    margin-right:10px;
    opacity:0.4;
    text-align:center;
    text-decoration:none;
    width:120px;
}
.tab-area > .tabs > .tab:hover { opacity:1; }
.tab-area > .tabs > .tab.on {
    background-color:#dbd6ce;
    background:rgba(0,0,0,0.05);
    opacity:1;
}
.tab-area > .list-2 { margin-top:0; }
.tab-area > p { margin-top:20px; }

/* Contact/Personal information area */
#contact-info {
    overflow:hidden;
    position:relative;
}
#contact-info > .show-more {
    background-color:#c6beb2;
    bottom:0;
    cursor:pointer;
    left:0;
    padding:10px 0;
    position:absolute;
    text-align:center;
    width:100%;
}
#contact-info > .image {
    background:center center no-repeat;
    background-size:cover;
    border-radius:6px;
    height:100px;
    float:right;
    margin:0 0 10px 10px;
    width:100px;
}
#contact-info > .image > img { display:none; }
#contact-info > .telephone, #contact-info > .email {
    clear:both;
    line-height:24px;
    padding-left:35px;
}
#contact-info > .telephone { background:url('/media/img/telephone-icon.png') 0 center no-repeat; }
#contact-info > .email {
    background: url('/media/img/email-icon.png') 0 center no-repeat;
}

#contact-info > .email > a {
  width: 100%;
  background: #d7d3c9;
  padding: 10px 10px 10px 0;
    }

/* View professional */
#professional > .content > .contact-details { overflow:hidden; }
#professional > .content > .contact-details > * {
    display:block;
    margin-top:15px;
}
#professional > .content > .contact-details > :first-child { margin:0; }
#professional > .content > .contact-details > * > .wrap,
#professional > .content > .covering {
    background:url('/media/img/covering-icon.png') 10px center no-repeat;
    background-color:#e4dfd8;
    background-color:rgba(0,0,0,0.05);
    border-radius:6px;
    clear:both;
    display:block;
    padding:9px 10px 9px 45px;
}
#professional > .content > .contact-details > .telephone > .wrap { background-image:url('/media/img/telephone-icon.png'); }
#professional > .content > .contact-details > .email > .wrap { background-image:url('/media/img/email-icon.png'); }
#professional .image {
    background:center center no-repeat;
    background-color:#e4dfd8;
    background-color:rgba(0,0,0,0.05);
    background-size:cover;
    border-radius:12px;
    display:block;
    height:300px;
    margin-bottom:20px;
    max-width:300px;
}
#professional .image > img { display:none; }

/* Meet ups */
#meet-up-add-btn {
    padding-left:50px;
    position:relative;
}
#meet-up-add-btn:after {
    background:url('/media/img/meet-up-icons.png') center -104px no-repeat;
    content:'';
    display:block;
    height:41px;
    left:11px;
    position:absolute;
    top:0;
    width:40px;
}

/* View meet up */
#meet-up-time {
    background:url('/media/img/time-icon.png') 10px center no-repeat;
    background-color:#e4dfd8;
    background-color:rgba(0,0,0,0.05);
    padding-left:45px;
}
#meet-up-key {
    border:1px solid #c1c1c1;
    border-radius:6px;
    margin-bottom:20px;
    margin-top:20px;
    padding:20px;
}
#meet-up-key > ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
#meet-up-key > ul > li {
    border-radius:6px;
    color:#fff;
    margin-top:10px;
    position:relative;
    padding:9px 0 9px 65px;
}
#meet-up-key > ul > li:first-child { margin-top:0; }
#meet-up-key > ul > li.count-icon { background:#c6beb2 url('/media/img/meet-up-icons.png') 10px -105px no-repeat; }
#meet-up-key > ul > li.attend-icon { background:#8d9e70 url('/media/img/meet-up-icons.png') 10px -55px no-repeat; }
#meet-up-key > ul > li.owned-icon { background:#c77d63 url('/media/img/meet-up-icons.png') 10px -5px no-repeat; }

/* Special interest group */
#earth-energies-group-title, #health-group-title, #water-and-services-title, #archaeological-dowsing-group-title, #health-and-well-being-title {
    background:top left no-repeat;
    background-size:contain;
    height:51px;
    margin-bottom:30px;
}
#earth-energies-group-title { background-image:url('/media/img/sig-title-earth.png'); }
#health-group-title { background-image:url('/media/img/sig-title-health.png'); }
#water-and-services-title { background-image:url('/media/img/sig-title-water.png'); }
#archaeological-dowsing-group-title { background-image:url('/media/img/sig-title-archaeology.png'); }
#health-and-well-being-title { background-image:url('/media/img/sig-title-health-wellbeing.png'); }
#earth-energies-group-title > *, #health-group-title > *, #water-and-services-title > *, #archaeological-dowsing-group-title > *, #health-and-well-being-title > * { display:none; }
#heroes.special-heroes { margin-top:0; }
#heroes.special-heroes * { display:block; }
#heroes.special-heroes > .carousel-inner {
    overflow:hidden;
    position:relative;
    width:100%;
}
#heroes.special-heroes > .carousel-inner > .item {
    background:center center no-repeat;
    background-size:cover;
    color:#fff;
    display:none;
    height:320px;
    position:relative;
    -webkit-transition:0.6s ease-in-out left;
    -moz-transition:0.6s ease-in-out left;
    -o-transition:0.6s ease-in-out left;
    transition:0.6s ease-in-out left;
    text-decoration:none;
}
#heroes.special-heroes > .carousel-inner > .active, #heroes.special-heroes > .carousel-inner > .next, #heroes.special-heroes > .carousel-inner > .prev { display:block; }
#heroes.special-heroes > .carousel-inner > .next, #heroes.special-heroes > .carousel-inner > .prev {
    position:absolute;
    top:0;
    width:100%;
}
#heroes.special-heroes > .carousel-inner > .active, #heroes.special-heroes > .carousel-inner > .next.left, #heroes.special-heroes > .carousel-inner > .prev.right { left:0; }
#heroes.special-heroes > .carousel-inner > .next, #heroes.special-heroes > .carousel-inner > .active.right { left:100%; }
#heroes.special-heroes > .carousel-inner > .prev, #heroes.special-heroes > .carousel-inner > .active.left { left:-100%; }
#heroes.special-heroes > .carousel-indicators-wrap { position:relative; }
#heroes.special-heroes > .carousel-indicators-wrap > .carousel-indicators {
    position:absolute;
    right:20px;
    top:367px;
    z-index:5;
}
#heroes.special-heroes > .carousel-indicators-wrap > .carousel-indicators > * {
    background-color:#666;
    border:2px solid #fff;
    border-radius:2px;
    cursor:pointer;
    display:block;
    float:left;
    height:12px;
    margin-left:5px;
    width:12px;
}
#heroes.special-heroes > .carousel-indicators-wrap > .carousel-indicators > *.active { background-color:#3699b2; }

/* Affiliated group */
#affiliated-group > .span8 > .logo {
    background:#fff center center no-repeat;
    background-size:contain;
    border-radius:6px;
    float:right;
    height:80px;
    margin:0 0 20px 20px;
    width:80px;
}
#affiliated-group > .span8 > .logo > img { display:none; }
#affiliated-group > .span8 > .description > :first-child {
    border-bottom:1px solid #c1c1c1;
    font-size:18px;
    line-height:26px;
    margin-bottom:20px;
    padding-bottom:20px;
}
#affiliated-group > .span8 > .description > :last-child {
    border:none;
    margin:0;
    padding:0;
}
#meeting-info > #map {
    background:none;
    box-shadow:none;
    height:200px;
    margin:0 -20px;
    position:relative;
    top:-20px;
}
#meeting-info > .address, #meeting-info > .time {
    background:0 center no-repeat;
    line-height:24px;
    padding-left:40px;
}
#meeting-info > .address { background-image:url('/media/img/covering-icon.png'); background-position:6px center; }
#meeting-info > .time { background-image:url('/media/img/time-icon.png'); }

/* Manage news gallery */
#manage-gallery-list {
    list-style-type:none;
    margin:0;
    padding:0;
    *zoom:1;
}
#manage-gallery-list:before, #manage-gallery-list:after { display:table; content:''; line-height:0; }
#manage-gallery-list:after { clear:both; }
#manage-gallery-list > li {
    background:#fff center center no-repeat;
    background-size:contain;
    border-radius:6px;
    cursor:move;
    float:left;
    height:140px;
    margin:0 20px 20px 0;
    position:relative;
    width:140px;
}
#manage-gallery-list > li:nth-child(4n) { margin-right:0; }
#manage-gallery-list > li > img { display:none; }
#manage-gallery-list > li > form {
    position:absolute;
    right:5px;
    top:5px;
}
#manage-gallery-list > li > form button {
    background:#c10;
    border:none;
    border-radius:3px;
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:13px;
    font-weight:bold;
    height:22px;
    line-height:20px;
    margin:0;
    opacity:0.5;
    padding:0;
    text-align:center;
    width:22px;
}
#manage-gallery-list > li:hover > form button { opacity:1; }

/* Glossary alphabet */
#glossary-alphabet > .empty { color:#888; font-style:italic; }
#glossary-alphabet > .on { font-weight:bold; }

/* Popovers */
.popover > .popover-content > .btn {
    font-size:13px;
    line-height:13px;
    margin:10px 0 5px;
    min-height:31px;
    padding:9px 10px;
}

/*Contact page */

.professional{
    margin-bottom:15px;
}
.professional > .top{
    background:#6d87a4;
    padding:10px;
    display:block;
}
.professional > .top > h3{
    color:#fff;
    text-align:center;
}
.professional > .bottom{
    background:#e9eff1;
    padding:20px;
    display:block;
    text-align:center;
}
.faq > .bottom > p{
    text-align:center;
}
.faq{
    margin-bottom:15px;
}
.faq > .top{
    background:#788d41;
    padding:10px;
    display:block;
}
.faq > .top > h3{
    color:#fff;
    text-align:center;
}
.faq > .bottom{
    background:#e9eff1;
    padding:20px;
    display:block;
    text-align:center;
}
.faq > .bottom > p{
    text-align:center;
}

/* 404 & 500 pages */
#page.error-page { margin:0 !important; }


/* -- Device resolution ONLY UNDER 768 pixels wide -- */
@media screen and (max-width:767px) {

    /* Bootstrap span overides */
    .row > :first-child { margin-top:0; }
    .row > :last-child { margin-bottom:0; }

}


/* -- Device resolution ONLY OVER 768 pixels wide -- */
@media screen and (min-width:768px) {

    /* Bootstrap span overides */
    .row [class*="span"]{ margin-bottom:0; margin-top:0; }

    /* -- Generic styles -- */
    .formatted > h1, .formatted > h2.large-heading { font-size:30px; line-height:36px; }
    .formatted > h2, .formatted > h1.small-heading, .formatted > h3.large-heading { font-size:22px; line-height:30px; }
    .formatted > h3, .formatted > h2.small-heading { font-size:18px; line-height:26px; }

    /* -- Standard website editable CSS (NEEDED ON EVERY DEPLOYCMS SITE) -- */
    .edit-class-Image.edit-align-left, .edit-class-Video.edit-align-left { clear:left; display:block; float:left; margin:0 20px 20px 0 !important; }
    .edit-class-Image.edit-align-center, .edit-class-Video.edit-align-center { display:block; clear:both; margin:0 auto 20px auto !important; }
    .edit-class-Image.edit-align-right, .edit-class-Video.edit-align-right { clear:right; display:block; float:right; margin:0 0 20px 20px !important; }
    .edit-local { *zoom:1; }
    .edit-local:before, .edit-local:after { display:table; content:''; line-height:0; }
    .edit-local:after { clear:both; }

    body, .normal-text { font-size:15px; line-height:23px; }

    .container { padding-left:0; padding-right:0; }

    #page { margin:0 0 -288px; }

    /* -- Custom generic styles -- */
    .buttons > *, .buttons > .btn, .buttons > a, #edit-tools > .sortable-tools > * {
        float:left;
        margin-bottom:0; margin-right:10px;
        width:auto;
    }
    .vert-buttons > * {
        float:none !important;
        margin:0 0 15px !important;
        width:auto !important;
    }

    /* Header area */
    #header-area {
        position:relative;
        z-index:1005;
    }
    #header-area > .container {
        padding:20px 0 0;
        position:relative;
    }
    #logo {
        margin:0 0 25px;
        max-width:590px;
    }
    #header-area > .container > .member {
        background:none;
        box-shadow:none;
        margin:0;
        padding:0;
        position:absolute;
        right:0;
        top:20px;
    }
    #prime { margin:0; }
    #prime > .btn { display:none; }
    #prime > .nav-collapse {
        height:50px;
        overflow:visible;
    }
    #prime > .nav-collapse > ul {
        background:url('/media/img/nav-divider.png') bottom right no-repeat;
        float:left;
        height:50px;
        margin:0;
        padding:0 3px 0 0;
    }
    #prime > .nav-collapse > ul > li {
        background:url('/media/img/nav-divider.png') bottom left no-repeat;
        float:left;
        padding:0 0 0 1px;
        position:relative;
    }
    #prime > .nav-collapse > ul > li > a,
    #prime > .nav-collapse > ul > li > a:hover,
    #prime > .nav-collapse > ul > li:first-child > a,
    #prime > .nav-collapse > ul > li:first-child > a:hover,
    #prime > .nav-collapse > ul > li.open > a,
    #prime > .nav-collapse > ul > li.open > a:hover {
        background-color:transparent;
        border:none;
        border-radius:0;
        box-shadow:none;
        color:#635848;
        height:50px;
        line-height:50px;
        margin:0;
        padding:0 12px;
        position:static;
        font-size:15px;
    }
    #prime > .nav-collapse > ul > li > a:hover,
    #prime > .nav-collapse > ul > li.open > a,
    #prime > .nav-collapse > ul > li.open > a:hover {
        color:#000 !important;
    }
    #prime > .nav-collapse > ul > li.open {
        background-color:transparent;
        border:none;
        margin:0;
    }
    #prime > .nav-collapse > ul > li > .sub-nav {
        background-color:rgba(255,255,255,0.6);
        border:1px solid rgba(0,0,0,0.075);
        border-top:2px solid #dedad5;
        display:none;
        left:-9px;
        padding:0 10px 10px;
        position:Absolute;
        top:50px;
        max-height:none !important;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        transition:none;
        width:270px;
    }
    .no-js #prime > .nav-collapse > ul > li:hover > .sub-nav { display:block; }
    #prime > .nav-collapse > ul > li.open > .sub-nav { display:block; }
    #prime > .nav-collapse > ul > li > .sub-nav > ul {
        background-color:#f4f0eb;
        border:none;
        box-shadow:0 0 0 1px rgba(0,0,0,0.15);
        padding:20px 0;
    }
    #prime > .nav-collapse > ul > li > .sub-nav > ul > li:first-child,
    #prime > .nav-collapse > ul > li > .sub-nav > ul > li:last-child {
        padding:0;
    }
    #prime > .nav-collapse > ul > li > .sub-nav > ul > li.nav-header {
        border:none;
        color:#000;
        font-size:18px;
        line-height:26px;
        margin:0 0 5px;
        padding:5px 20px;
    }
    #prime > .nav-collapse > ul > li > .sub-nav > ul > li.nav-header.no-top {
        border-top:none !important;
        margin-top:0 !important;
        padding-top:0 !important;
    }
    #prime > .nav-collapse > ul > li > .sub-nav > ul > li.nav-header,
    #prime > .nav-collapse > ul > li > .sub-nav > ul > li.divider {
        border-top:1px solid #dbd7d3;
        border-top:1px solid rgba(0,0,0,0.1);
        margin-top:20px;
        padding-top:20px;
    }
    #prime > .nav-collapse > ul > li > .sub-nav > ul > li > a {
        color:#635848;
        margin:0;
        padding:5px 20px;
    }

    /* Content area */
    #main-area { padding-bottom:380px; }

    /* Heroes */
    #heroes { height:400px; }

    /* Side scroll */
    .side-scroll { position:relative }
    .side-scroll .side.is-middle, .side-scroll .side.is-bottom { position:static !important; }
    .side-scroll .side.is-middle > * {
    	position:fixed !important;
    	top:20px !important;
    }
    .side-scroll .side.is-bottom > * {
    	position:absolute !important;
    	bottom:0 !important;
    }

    /* Footer area */
    #footer-area { min-height:205px; }
    #footer-area > .bottom { background:url('/media/img/footer-emblem.png') center center no-repeat; }
    #footer-area > .container > .row { position:relative; }
    #footer-area > .container > .row > .legal {
        bottom:0;
        position:absolute;
        right:0;
        text-align:right;
    }
    #footer-area > .container > .row > .legal > .links > a { margin:0 0 0 10px; }
    #footer-area > .container > .row > .legal > .social { float:right; }
    #footer-area > .container > .row > .legal > .social > a { margin:0 0 0 6px; }

    /* -- Individual pages -- */

    /* View professional */
    #professional > .website-link { clear:right; }

    /* Council members page */
    #heroes.council-heroes { background-image:url('/media/img/banner-1.jpg'); }

    /* Listing type 1 */
    .list-1:first-child { margin-top:0; }
    .list-1 > .item { margin-bottom:20px; }

    /* Listing type 3 */
    .list-3:first-child { margin-top:0; }
    .list-3 > .item { padding-right:200px; }
    .list-3 > .item > .attendees {
        float:none;
        margin-top:0;
        position:absolute;
        right:0;
        top:25px;
    }
    .list-3 > .has-map {
        min-height:142px;
        padding-right:170px;
    }
    .list-3 > .has-map > .attendees {
        float:left;
        margin-top:10px;
        position:static;
    }
    .list-3 > .has-map > .map { display:block; }

    /* Meet ups listing */
    #meet-up-buttons {
        clear:right;
        margin-top:20px;
    }
    #meet-up-add-btn, #join-us-today-button {
        margin:0;
        position:absolute;
        right:0;
        top:-6px;
        width:200px;
    }
    #meet-up-add-btn:active, #join-us-today-button:active { margin-top:1px; }

    /* View news article */
    .gallery > .thumbs > a, .gallery > .thumbs > a:nth-child(3n) {
        height:109px;
        margin:10px 10px 0 0;
        width:109px;
    }
    .gallery > .thumbs > a:nth-child(2n) { margin-right:0; }

    /* Special interest group */
    #heroes.special-heroes > .carousel-inner > .item { height:400px; }

    /* Affiliated group news */
    #news-add-btn {
        position:absolute;
        right:0;
        top:-6px;
        width:200px;
    }
    #news-add-btn:active { margin-top:1px; }

    /* 404 & 500 pages */
    #page.error-page { background-color:#c6beb3; }
    #page.error-page .container {
        padding-left:30px; padding-right:30px;
        width:660px;
    }
    #page.error-page > .wrap {
        height:1px;
        left:50%;
        position:absolute;
        top:50%;
        width:1px;
    }
    #page.error-page > .wrap > .wrap2 {
        border:10px solid rgba(0,0,0,0.04);
        box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);
        left:-330px;
        position:relative;
        top:-190px;
        width:680px;
    }
    #page.error-page > .wrap > .wrap2 > #main-area { padding-bottom:30px; }

}

/* -- Device resolution ONLY OVER 980 pixels wide -- */
@media screen and (min-width:980px) {

    #page { margin:0 0 -247px; }

    /* Header area */
    #header-area > .container > .member > .divider { display:none; }
    #header-area > .container > .member > .member-btn {
        background-color:#3699b2;
        background:-webkit-linear-gradient(top, #4facc4, #3699b2);
        background:-moz-linear-gradient(top, #4facc4, #3699b2);
        background:-ms-linear-gradient(top, #4facc4, #3699b2);
        background:-o-linear-gradient(top, #4facc4, #3699b2);
        border-radius:6px;
        box-shadow:0 1px 0 0 rgba(0,0,0,0.5), inset 0 0 0 1px rgba(0,0,0,0.1);
        color:#fff;
        display:block;
        font-size:20px;
        line-height:20px;
        padding:10px;
        position:absolute;
        right:0;
        text-align:center;
        text-decoration:none;
        top:40px;
        width:200px;
    }
    #header-area > .container > .member > .member-btn:hover { box-shadow:0 1px 0 0 rgba(0,0,0,0.5), 0 0 0 5px rgba(255,255,255,0.4), inset 0 0 0 1px rgba(0,0,0,0.1); }
    #header-area > .container > .member > .member-btn:active {
        background:#3699b2;
        box-shadow:0 -1px 0 0 rgba(0,0,0,0.4), 0 -1px 0 5px rgba(255,255,255,0.4), inset 0 0 0 1px rgba(0,0,0,0.1);
        margin-top:1px;
    }
    #home-cols > .courses > .btn > span { display:inline; }
    #prime > .nav-collapse > ul > li > a,
    #prime > .nav-collapse > ul > li > a:hover,
    #prime > .nav-collapse > ul > li:first-child > a,
    #prime > .nav-collapse > ul > li:first-child > a:hover,
    #prime > .nav-collapse > ul > li.open > a,
    #prime > .nav-collapse > ul > li.open > a:hover {
        padding:0 20px;
        font-size:18px;
    }

    /* Content area */
    #main-area { padding-bottom:343px; }

    /* Footer area */
    #footer-area { min-height:183px; }


    /* -- Individual pages -- */

    /* Listing type 2 */
    .list-2 > .item > .image {
        height:140px;
        width:140px;
    }
    #news-list > .item > .image { margin-top:40px; }
    .list-2 > .item > .image.no-fit { background-size:contain; }
    .list-2 > .item > .content > h3 { max-width:460px; }
    .list-2 > .item > .content > .date {
        margin:0;
        position:absolute;
        right:0;
        top:10px;
        width:140px;
    }
    .list-2 > .item > .content > .event,
    .list-2 > .item > .content > .news,
    .list-2 > .item > .content > .podcast {
        padding-left:0;
    }
    .list-2 > .item > .content > .event { background-position:right 0; }
    .list-2 > .item > .content > .podcast { background-position:right -50px; }
    .list-2 > .item > .content > .news { background-position:right -100px; }
    .list-2 > .item > .content > .covering {
        bottom:20px;
        left:0;
        max-width:460px;
        position:absolute;
    }

    /* View professional */
    #professional > .content > .contact-details > * {
        float:left;
        margin:0;
        padding:0 0 0 10px;
        width:50%;
    }
    #professional > .content > .contact-details > .wide {
        float:none;
        padding:0;
        width:auto;
    }
    #professional > .content > .contact-details > :first-child { padding:0 10px 0 0; }

    /* Meet ups listing */
    #meet-up-attending-btn {
        padding-left:50px;
        position:relative;
    }
    #meet-up-attending-btn:after {
        background:url('/media/img/meet-up-icons.png') no-repeat 0 -56px;
        content:'';
        display:block;
        height:41px;
        left:15px;
        position:absolute;
        top:0;
        width:20px;
    }

    /* View news article */
    .gallery > .thumbs > a, .gallery > .thumbs > a:nth-child(3n), .gallery > .thumbs > a:nth-child(2n) {
        height:94px;
        margin:8px 8px 0 0;
        width:94px;
    }
    .gallery > .thumbs > a:nth-child(3n) { margin-right:0; }

    /* Affiliated group */
    #affiliated-group > .span8 > .logo {
        height:140px;
        width:140px;
    }
    #affiliated-group > .span8 > .description > :first-child { min-height:70px; }

}