/* Core styles - fonts, headings, utility colouring etc */
body {
	color: #444;
	font-family: 'Fs Me', 'Open Sans', Arial, sans-serif;
	font-size: 16px;
}

h1 { text-align: center; margin: 0 0 20px 0; font-size: 2.5em; }
h1.full-width { padding: 16px 0; width: 70%; margin-left: auto; margin-right: auto; }
h1.full-width.green { background: url('../img/core/h1-right-green.png') center right no-repeat, url('../img/core/h1-left-green.png') center left no-repeat; }
h1.full-width.pink { background: url('../img/core/h1-right-pink.png') center right no-repeat, url('../img/core/h1-left-pink.png') center left no-repeat; width: 80%; }

h2 { font-size: 1.5em; font-weight: normal; margin-bottom: 20px; }
h3, h1.pseudo-h3 { font-size: 1.75em; font-weight: normal; margin-bottom: 20px; }
h4  { font-size: 1.375em; font-weight: normal; margin-bottom: 30px; }
h4 a { text-decoration: none; }
h5 { font-weight: normal; font-size: 1.125em; margin-bottom: 20px; }
h6 { font-size: 1em; font-weight: normal; }

p, p.centre { margin-bottom: 20px; }
p strong { font-weight: normal; color: #2aabe4; }
a { color: #d3145a; }
a:hover { text-decoration: none; }
a.centre { display: block; }
a.more-btn, a.more-icon { display: none; }

.links a { display: block; padding: 7px 0 3px 40px; background: url('../img/core/link-icon.png') left center no-repeat; text-decoration: none; margin: 5px 0; }

.small { font-size: 0.875em; }

.emphasis p:first-child { font-size: 1.25em; }

/* General block level styles */
.content { margin: 0 auto; }
.relative { position: relative; }
.margintop { margin-top: 50px !important; }
.mt-none { margin-top: 0 !important; }
.marginbottom { margin-bottom: 50px !important; }
.mt-med { margin-top: 20px !important; }
.mb-med { margin-bottom: 20px !important; }
.mb-small { margin-bottom: 10px !important; }
.shift-up { margin-top: -25px; }
.fullwidth { width: 100%; }
.half { display: inline-block; width: 48% !important; margin-right: 3% !important; }
.half+.half { margin-right: 0 !important; }

.yellow { color: #f80; }
.pink { color: #d3145a; }
.blue{ color: #2aabe4; }
.green { color: #6ab800; }

.greybg { color: #fff; background: #444; overflow: auto; }
.yellowbg { color: #fff; background: #f80; overflow: auto; }
.pinkbg { color: #fff; background: #d3145a; overflow: auto; }
.bluebg{ color: #fff; background: #2aabe4; overflow: auto; }
.greenbg { color: #fff; background: #6ab800; overflow: auto; }

.blue-top { border-top: 2px solid #2aabe4; padding-top: 20px; }
.pink-top { border-top: 2px solid #d3145a; padding-top: 20px; }

.bubbly { padding: 0 0 20px 0; }
.bubbly h2 { padding: 32px 20px 12px 20px; position: relative; }
.bubbly table h6 { font-size: 1.125em; margin-bottom: 5px; margin-top: 5px; }
.bubbly table p { margin-bottom: 5px; }
.bubbly table a.right { margin-top: 5px; }

.yborder h2 { color: #f80;  background: url('../img/core/bubbly-yellow.png') right no-repeat; }
.yborder h2:before { content: ' '; width: 90%; height: 4px; position: absolute; left: 0; bottom: 0; border-bottom: 4px solid #f80; }
.yborder { border-bottom: 28px solid #f80; }
.pborder h2 { color: #d3145a;  background: url('../img/core/bubbly-pink.png') right no-repeat; }
.pborder h2:before { content: ' '; width: 90%; height: 4px; position: absolute; left: 0; bottom: 0; border-bottom: 4px solid #d3145a; }
.pborder { border-bottom: 28px solid #d3145a; }
.gborder h2 { color: #6ab800;  background: url('../img/core/bubbly-green.png') right no-repeat; }
.gborder h2:before { content: ' '; width: 90%; height: 4px; position: absolute; left: 0; bottom: 0; border-bottom: 4px solid #6ab800; }
.gborder { border-bottom: 28px solid #6ab800; }
.bborder h2 { color: #2aabe4;  background: url('../img/core/bubbly-blue.png') right no-repeat; }
.bborder h2:before { content: ' '; width: 90%; height: 4px; position: absolute; left: 0; bottom: 0; border-bottom: 4px solid #2aabe4; }
.bborder { border-bottom: 28px solid #2aabe4; }

.no-bottom { border-bottom: 0; }
.bubbly > a.small { color: #fff; padding: 8px 20px; text-align: right; display: block; }
.bubbly.yborder > a.small { background: #f80; }
.bubbly.gborder > a.small { background: #6ab800; }
.bubbly.bborder > a.small { background: #2aabe4; }
.bubbly.pborder > a.small { background: #d3145a; }

.no-bottom.yborder .bottom { background: #f80; padding: 8px 20px; text-align: center; }
.no-bottom.gborder .bottom { background: #6ab800; padding: 8px 20px; text-align: center; }
.no-bottom .bottom a { color: #fff; font-size: 0.875em; margin: 0 10px; }

.blue-bottom .bottom { text-align: center; margin: 20px 0 40px 0; font-size: 0.875em; border-top: 2px solid #2aabe4; border-bottom: 5px solid #2aabe4; padding: 10px 0; }
.blue-bottom .bottom a { color: #2aabe4; margin: 0 20px; }

.bbordered { border-top: 2px solid #2aabe4; border-bottom: 2px solid #2aabe4; padding: 10px 0; margin-bottom: 20px; }
.page-content .bbordered img { width: 100%; }
.body ul {	margin: 0 0 20px 40px; list-style-type:none; }
.body li { padding:3px; }
.body ul li:before { color: #2aabe4; content:"\2022" ; padding-right:0.5em; }
.nopad { padding: 0 !important; }
.thin-bottom { border-bottom-width: 5px; }

h3.blue, h1.blue.pseudo-h3 { position: relative; overflow: auto; background: url('../img/core/h3-blue.svg') left no-repeat; background-size: 52px; padding: 30px 0 10px 65px; }
.width-12 h3.blue, .width-12 h1.pseudo-h3.blue, .width-12 h3.pink { margin-top: 40px; }
h3.blue span, h3.pink span, h1.pseudo-h3.blue span { float: left; padding-right: 25px; }
h3.blue hr, h1.pseudo-h3.blue hr { border:2px solid #2aabe4; border-width: 2px 0 0 0; margin-top: 18px; }

h3.pink { position: relative; overflow: auto; background: url('../img/core/h3-pink.svg') left no-repeat; background-size: 52px; padding: 30px 0 10px 65px; }
h3.pink hr { border:2px solid #d3145a; border-width: 2px 0 0 0; margin-top: 18px; }

.body .block h2, .dashed h2 { font-size: 1.2em; margin-bottom: 5px; color: #d3145a; }

#contribute > section, .blue-top > div { overflow: auto; margin-bottom: 20px; }
#contribute > section h2 { color: #2aabe4; font-size: 1.125em; margin-left: 200px; margin-bottom: 10px; }
#contribute > section p { margin-left: 200px; }

.col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin-bottom: 30px; }
img.left { margin-right: 30px; }

.valign-h3 { margin-top: 48px; }

.tweet, news-article { margin: 0 2.5% 20px 2.5%; width: 45%; float: left; }
.tweet ul, news-article ul { list-style: none; }
.tweet ul li, news-article ul li { display: inline-block; margin-right: 32px; }
.tweet ul li a, news-article ul li a { color: #888; }

.hidden { display: none; }
.lrg-hide { display: none; }

.csv { display: block; margin: 0 auto; text-align: center; }
.csv img { width: 95px; height: 115px !important; float: none; margin: 0 auto; }

/* Alert bars */
.news.alert { background: #D3145D; color: #fff; padding: 18px 0; }
.news.alert h4 { margin: 0; padding-top: 2px; font-size: 1.3em; }
.news.alert .alert-btn { background: #fff; padding: 8px 22px; border-radius: 3px; }

/* Header and navigation styles */
header { margin: 10px auto 50px auto; height: 150px; overflow: visible; position: relative; }
.content.relative { overflow: visible; }
header .width-4 img { margin-top: 15px; width: 100%; max-width: 155px; }
header nav { font-size: 0; position: relative; }
header nav.secondary { margin-top: 26px; }
header nav a { font-size: 14px; color: #444; padding: 0 25px; text-decoration: underline; }
header nav a:hover { text-decoration: none; }
header nav.master { clear: right; margin-top: 52px; }
header nav.master a { font-size: 18px; text-decoration: none; padding: 16px 24px; border-top: 2px solid #cacec8; border-bottom: 2px solid #cacec8; position: relative; }
header nav.master ul.admin li a { padding: 16px 18px; }
header nav.master ul.admin a { font-size: 18px; }
header nav.master > ul > li.selected > a { color: #2aabe4; background: #fff; border-top: 2px solid #2aabe4; border-bottom: 2px solid #2aabe4; }
header nav.master > ul.admin > li.selected > a { color: #d3145a; background: #fff; border-top: 2px solid #d3145a; border-bottom: 2px solid #d3145a; }
header nav.master > ul > li > a:hover, header nav.master > ul > li:hover > a { color: #d3145a; border-top: 2px solid #d3145a; border-bottom: 2px solid #d3145a; background: url('../img/core/menu-ring-pink.png') center 55px no-repeat; }
header nav.master > ul.admin > li > a:hover, header nav.master > ul > li:hover > a { background: url('../img/core/menu-ring-pink.png') center 49px no-repeat; }
header nav ul li { display: inline-block; position: relative; }
header nav.master > ul, header nav.master > ul > li { position: relative; }
header nav.master ul li ul { display: none; position:absolute; top: 40px; left: 0; text-align: left; padding: 5px 10px; border-radius: 0 0 4px 4px; z-index: 8; width: 100%; background: #f1f2f0 url('../img/core/menu-ring-pink.png') center -8px no-repeat; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
header nav.master ul.admin li ul { top: 40px; }
header nav.master ul li:hover ul { display: block; z-index: 5; }
header nav.master ul li ul li { border-bottom: 1px solid #dadcd8; padding: 0; display: block; }
header nav.master ul li ul li:last-child { border-bottom: 0; }
header nav.master ul li ul li a, header nav.master ul.admin li ul li a { border: 0 !important; font-size: 15px; display: block; padding: 12px 0 12px 24px; width: 100%; color: #d3145a; background: url('../img/core/menu-bubbles-pink.png') 5px no-repeat; -webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box; }

header nav.master ul li:hover ul li ul { display: none; left: 100%; top: 0; background: #f1f2f0; border-radius: 0 4px 4px 4px; width: 140%; }
header nav.master ul li:hover ul li:hover ul { display: block; }

header nav.mobile div.bar { display: none; background: #444; color: #fff; margin: 0; padding: 12px; overflow: auto; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
header nav.mobile div.bar a { color: #fff; display: block; padding: 12px 0; }
header nav.mobile div.bar a#home-mob { width: 41px; text-decoration: none; float: left; background: url('../img/core/home-icon.svg') center center no-repeat; background-size: 41px;}
header nav.mobile div.bar a#menu-mob { width: auto; float: right; margin-right: 10px; }

header nav.mobile > ul { background: #f4f4f4; border-bottom: 1px solid #2aabe4; padding: 0; display: none; }
header nav.mobile > ul li { padding: 0 20px; width: 100%; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
header nav.mobile > ul li+li, header nav.mobile > ul > li ul li { border-top: 1px solid #dfe2de; }
header nav.mobile > ul li.selected > a { color: #d3145a; }
header nav.mobile > ul li a { padding: 14px 0; display: block; text-decoration: none; }
header nav.mobile ul li ul { display: none; }
header nav.mobile > ul li.has-child { background: url('../img/core/right-menu.png') right 16px no-repeat; }

nav .fonts a { padding: 0 5px; }
nav .fonts a#font14 { font-size: 14px; }
nav .fonts a#font16 { font-size: 16px; }
nav .fonts a#font18 { font-size: 18px; }
header nav img { height: 18px; width: 18px; }

.subnav h4 { display: none; }
.subnav > ul { border-left: 2px solid #dfe2de; }
.subnav > ul > li { margin-left: -2px; }
.subnav a { text-decoration: none; color: #444; }
.subnav .current > a { text-decoration: none; color: #2aabe4; }
.subnav .empty a { opacity: 0.5; }
.subnav a:hover { color: #d3145a; }
.subnav > ul > li > a:hover { border-left: 2px solid #d3145a; padding-left: 18px; }
.subnav ul { list-style: none;  font-size: 1.25em; }
.subnav ul li a { padding: 12px 20px; display: block; }
.subnav > ul li ul { padding-left: 20px;  font-size: 0.875em !important; }
.subnav > ul > li.current > a { border-left: 2px solid #2aabe4; padding-left: 18px; }
.subnav > ul > li ul li.current > a { background: url('../img/core/menu-bubbles-blue.png') 0 17px no-repeat; }
.subnav > ul li ul li a:hover { background: url('../img/core/menu-bubbles-pink.png') 0 17px no-repeat; }

img.trust { width: 100px; margin: 20px auto 0 auto; display: block; border: none; }

/* Tables */
table { border-collapse: collapse; width: 100% !important; border: 0; margin-bottom: 20px; }
table th { color: #fff; padding: 10px 8px; font-weight: normal; font-size: 1em; text-align: left; border: 0; }
table th a { color: #fff; text-decoration: none; }
table td { padding: 8px; border: 0; }
table tr:last-child td { border-bottom: 0; }

table.ytable th { background: #f80; }
table.ytable td { border-bottom: 1px solid #f80; }
table.gtable th, .block table th { background: #6ab800; }
table.gtable td, .block table td { border-bottom: 1px solid #6ab800; }
table.btable td { border-bottom: 1px solid #2aabe4; }
table.ptable th { background: #d3145a; }
table.ptable td { border-bottom: 1px solid #d3145a; }
.block table tr:last-child td { border-bottom: 2px solid #6ab800; }

.paging { margin: 10px auto 20px auto; text-align: center; display: block; overflow: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.paging ul { margin: 0 12px; font-size: 0.875em; vertical-align: center; color: #2aabe4; list-style: none; display: inline; margin: 0 auto; }
.paging ul li { display: inline-block; margin: 0 5px; padding-top: 4px; }
.paging ul li a { color: #2aabe4; }
.prev, .next { display: block; float: left; margin: 5px 10px; width: 18px; height: 16px; }
.prev { background: url('../img/core/paginator-first.svg') no-repeat; }
.next { background: url('../img/core/paginator-last.svg') no-repeat; float: right; }
.prev a, .next a { display: block; width: 18px; height: 16px; }
.prev.disabled, .next.disabled { opacity: 0.4; }
.paging span { margin: 0 5px; }
.paging span a { color: #2aabe4; }

/* General Form styles */
/* Hack for silly iphones */
textarea, input.text,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="button"],input[type="submit"],.input-checkbox, select { -webkit-appearance: none; border-radius: 0; }

textarea { width: 100%; height: 100px; margin-bottom: 10px; font-family: 'Fs Me', 'Open Sans', Arial, sans-serif; padding: 12px; -webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box; background: #fff; color: #444; }
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=telephone], select, textarea,div.lw-stripe-input-wrapper { background: #f8f8f8; margin-bottom: 10px; font-family: 'Fs Me', 'Open Sans', Arial, sans-serif; padding: 12px; -webkit-box-sizing : border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; color: #444; }
input[type=submit] { border: 0; padding: 10px; background: #2aabe4; color: #fff; }
input[type=submit][disabled=disabled] { opacity: 0.25 }
label { display: block; font-size: 0.9375em; }
.required label:after { color: #d3145a; content: ' *'; display:inline; }
#so-donate a img { width:72px; }

.btn {
	border: 0;
    padding: 10px;
    background: #2aabe4;
	color: #fff;
	font-size: 13px;
	text-decoration:none;
	margin-bottom:10px;
	display:inline-block;
	float:right;
}

select { background: #fff url('../img/core/select.png') right center no-repeat; }

.multicheck, .radio { clear: both; background: #f8f8f8; border: 1px solid #2aabe4; padding: 10px 10px 0 10px; margin-bottom: 10px; overflow: auto; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
.multicheck > label, .radio legend { color: #2aabe4; margin-bottom: 10px; font-weight: bold; }
.radio fieldset { border: none; padding-bottom: 10px; }

.submit { clear: left; }
.submit.big input[type=submit], .box .submit input { padding: 10px 45px; font-size: 1.35em; margin-top: 10px; }
.text, .core .email, .core .tel { width: 45%; float: left; margin: 0 2.5% 10px 2.5%; }
.checkbox { width: 95%; margin: 0 auto 10px auto; clear: both; }
.text input, .email input, .tel input, .password input, .select select, .datetime select, .date select, .textarea textarea, .number input, div.lw-stripe-input-wrapper { border: 1px solid #2aabe4; width: 100%; }
.text input:focus,.tel input:focus, .select select:focus, .date select:focus, .email input:focus, .password input:focus, .textarea textarea:focus, .number input:focus  { border: 1px solid #f80; }
.date select { width: 20%; }
.datetime select { width: 10%; margin-bottom: 20px; }
.datetime select:nth-child(2) { width: 20%; }
.datetime select:nth-child(5) { margin-left: 50px; }
.expiry input { width: 40%; }
.expiry input#y { width: 56%; margin-left: 2%; }
input#amount-input { padding-left: 30px; background: #f8f8f8 url('../img/core/pound.png') 12px no-repeat; }

.checkbox, .radio { position:relative; margin-bottom:0.5em; line-height:22px; }
fieldset:last-child { margin-bottom:0; }
.checkbox label, .radio label { margin-left: 30px; }
input[type="checkbox"], input[type="radio"] { position:absolute; width:21px; height:21px; overflow:hidden; margin:0; padding:0; border:0; outline:0; opacity:0; }
input[type="checkbox"] + label:before, input[type="radio"] + label:before { display:inline-block; width:22px; height:22px; margin-right:9px; margin-left: -30px; background:url(../img/core/radio-sprites.png) no-repeat; content:" "; vertical-align:top; }
input[type="radio"] + label:before { background-position:0 -99px; }
input[type="radio"]:focus + label:before { background-position:0 -99px; }
input[type="radio"]:checked + label:before { background-position:0 -125px; }
input[type="radio"]:checked:focus + label:before { background-position:-0 -125px; }
input[type="checkbox"] + label:before { background-position:0 1px; }
input[type="checkbox"]:focus + label:before { background-position:0 -24px; }
input[type="checkbox"]:checked + label:before { background-position:0 -72px;}
input[type="checkbox"]:checked:focus + label:before { background-position:0 -48px; }

form.core { margin-bottom: 20px; }
form.core .input:nth-child(even) { margin-left: 0; }
form.core  .multicheck { width: 95%; }

form.core .marketing-checkbox {margin-left:5%;width:unset}

/* Flash messages */
.message, .success, .neutral, .error-message { clear: both; border-radius: 4px; width: 100%; color: #fff; padding: 10px 22px; margin-bottom: 20px; margin-top: 5px; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
.message, .error-message { background: #d3145a; }
.neutral { background: #f80; }
.success { background: #6ab800; }

/* Footer Styles */
.subfooter { margin-top: 40px; }
.subfooter a { color: #fff; text-decoration: none; }
.subfooter, .smallprint { padding: 17px 0; }
.smallprint { font-size: 0.875em; }
footer.bluebg { padding: 15px 0; background: #2aabe4 url('../img/core/footer-bubbles.png') bottom center no-repeat; font-size: 0.875em; }
footer.bluebg a { text-decoration: none; color: #444; }
footer.bluebg ul { list-style: none; }
footer.bluebg ul li { margin-bottom: 12px; }
footer form textarea { width: 100%; font-size: 0.95em; height: 135px; margin-bottom: 10px; border: none; background: #fff !important; }
footer form input[type=text], footer form input[type=email] { width: 47.5%; font-size: 0.95em; margin-bottom: 10px; border: none; background: #fff !important; }
footer form input#footer-name { margin-right: 5%; }
footer form input[type=submit] { font-size: 1.125em; text-transform: uppercase; color: #2aabe4; background: #fff; }

.social { background: #fff; color: #2aabe4; padding: 16px 24px; margin-top: 32px; clear: left; width: 320px; }
.social.social-panel {color:#FFF;position:relative;padding: 15px 0;background: #2aabe4 url(../img/core/footer-bubbles-fade.png) top right no-repeat;width:100%; overflow: auto; min-height: 30px;}

.social a { float: right; margin: 0 14px; }
.social.social-panel a { float: left; margin: 0 14px; }
.social a img { height: 39px;}
.social.social-panel a img { height: 30px;}
.social h5 { display: inline-block; font-size: 1.5em; padding-top: 10px; margin-bottom: 0; }
.social.social-panel h5 { padding-top:0;padding-left:16px}

#existingData, #pastLogs { display: none; padding: 8px 12px; border: 1px dashed #2aabe4; background: #f8f8f8; margin-bottom: 20px; }
#existingData h3, #pastLogs h3 { color: #d3145a; font-weight: normal; font-size: 1.375em; margin-bottom: 8px; }
#pastLogs ul li h6 { color: #d3145a; font-weight: normal; font-size: 1em; margin-bottom: 5px; }
#pastLogs ul li h6 span { color: #444; font-size: 0.9em; }
#existingData ul, #pastLogs ul { list-style: none; }
#existingData ul li, #pastLogs ul li { display: inline-block; width: 96% !important; margin: 5px 2% !important; font-size: 0.9em; padding: 0; }
#existingData ul li.half { width: 41% !important; }
#existingData ul li.divider, #pastLogs ul li.divider { border-bottom: 1px dashed #2aabe4; font-size: 0; margin-top: 0 !important; margin-bottom: 12px !important; }
#pastLogs ul li ul li { width: 41% !important; display: inline-block; }

/* Slideshow */
#slideshow, #slideshow #cimages { position: relative; }
#slideshow #images > img { position:absolute; top: 10px; left: 0; width: 100%; z-index: 1; display: none; }
#slideshow #caption > div { display: none; position:absolute; overflow: visible; top: 10%; left: 5%; width: 30%; height: 75%; z-index: 5; text-align: center; color: #fff; font-size: 1.125em; background: url('../img/core/slider-caption.png') right top no-repeat; padding: 50px 40px 15px 15px; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
#slideshow #caption > div:first-child { display: block; }
#slideshow #images > img:first-child { display: block; }
#slideshow #controller { margin: 35% auto 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
#slideshow #controller ul { list-style: none; }
#slideshow #controller ul li { display: inline-block; margin: 0 5px; font-size: 12px; }
#slideshow #controller ul li a { display: inline-block; width: 12px; height: 12px; text-decoration: none; background: url('../img/core/slider-blobs.png') center top no-repeat; }
#slideshow #controller ul li a.cur_link { background: url('../img/core/slider-blobs.png') center -13px no-repeat; }

/* Documents */
ul.folders { list-style: none; clear: both; margin-top: 50px; }
ul.folders li { display: inline-block; margin: 0 2.75%; }
ul.folders li a { display: block; color: #2aabe4; text-decoration: none; width: 165px; text-align: center; min-height: 20px; padding: 140px 0 0 0; background: url('../img/core/full-folder.svg') center top no-repeat; }
ul.folders li.empty a { background: url('../img/core/empty-folder.svg') center 30px no-repeat; }

.create-folder, .up-level, .delete, .edit-folder { padding: 5px 0; margin-left: 25px; margin-top: -25px; }
.create-folder { padding: 5px 0 5px 60px; background: url('../img/core/create-folder-pink.svg') left no-repeat; }
.edit-folder { padding: 5px 0 5px 40px; background: url('../img/core/pencil.svg') left no-repeat; }
.delete { padding: 5px 0 5px 30px; background: url('../img/core/delete-bin.svg') left no-repeat; }

.documents h5 { font-size: 1.25em; font-weight: normal; margin-bottom: 10px; }
.documents h5 a { text-decoration: none; }
.documents > div { margin-bottom: 40px; }
.documents > div ul { list-style: none; }
.documents > div ul li { display: inline-block; font-size: 0.875em; margin-right: 4%; }
.documents > div ul li a { color: #2aabe4; }
a.download { padding-left: 15px; background: url('../img/core/download-icon.svg') left no-repeat; }
.documents p.small.right { margin: 3px 0 0 0; }
.documents .small.right a { color: #444; }
.documents .small.right a:hover { text-decoration: none; }
.documents a.upload { padding: 2px 0 2px 30px; background: url('../img/core/upload-arrow.svg') left no-repeat; }
a.upload-blue { padding: 2px 0 2px 20px; background: url('../img/core/upload-arrow-blue.svg') left no-repeat; background-size: 15px; }
.documents >div img.left { width:72px; }
a.upload-major { display: block; margin: 50px auto; text-align: center; color: #fff; text-decoration: none; background: url('../img/core/upload-big.svg') center no-repeat; padding: 125px 0 15px 0; }
a.create-major { display: block; margin: 50px auto; text-align: center; color: #87c8e5; text-decoration: none; background: url('../img/core/create-folder-big.svg') center top no-repeat; padding: 105px 0 5px 0; }

.related.docs div { overflow: auto; margin: 10px 0; }
.related.docs div p { margin: 10px 0 5px 0; }
.related.docs div a { color: #2aabe4; }
.related.docs img { height: 65px; clear: left; }

/* About / News Pages */
img.leader { width: 100%; border-top: 2px solid #2aabe4; border-bottom: 2px solid #2aabe4; padding-top: 16px; padding-bottom: 16px; }

.news-list article { padding: 20px 0; }
.news-list article > div { margin-left: 25%; }
.news-list article img { float: left; width: 20%; }
.news-list article+article { border-top: 1px solid #2aabe4; }
.news-list article h4 { margin-bottom: 15px; }

article { position: relative; }
article h1 { margin: 16px 0; }
article div.body, .width-9 div.body { width: 80%; }
article div.body p:first-child { font-size: 1.125em; }
article blockquote, section.quote { position: relative; font-size: 1.125em; text-align: center; float: right; width: 40%; padding: 65px 5px 20px 5px; margin: 0 -25% 20px 20px; border-bottom: 2px solid #f80; background: url('../img/core/bbl-yellow-sml.jpg') right top no-repeat; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
article blockquote:before, section.quote:before { content: ' '; width: 80%; height: 2px; position: absolute; left: 0; top: 38px; border-bottom: 2px solid #f80; }

.img-inline { position: relative; width: 40%; padding: 5px 0 0 0; margin: 0 -25% 20px 20px; border-top: 2px solid #d3145a; border-bottom: 2px solid #d3145a; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
.img-inline img { width: 100%; margin: 0; }

article.article-listing p { margin-bottom: 5px; }
article.article-listing p.small { margin-bottom: 20px; }

table.news-section-table input.news-section-input {margin-bottom:0}
table.news-section-table .actions {vertical-align: top;}
table.news-section-table td > div.text {margin-bottom: 0;}

/* Livingbox styles */
#cover { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url('../img/core/cover-px.png') repeat; z-index: 9; }
.box { display: none; width: 40%; margin: 10% auto; background: #fff; border: 1px solid #d3145a; padding: 20px; z-index: 10; box-shadow: 5px 5px 12px #888; overflow-y: auto;max-height: 80%;}
.close-btn { background: url('../img/core/close-icon.png') left no-repeat; padding-left: 35px; }
.box .input { margin-bottom: 10px; }
.box .text { width: 100%; margin: auto 0; }
.box .multi-check { clear: both; background: #f8f8f8; border: 1px solid #2aabe4; padding: 10px; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
.box .multi-check > label { color: #2aabe4; }
.box .multi-check .checkbox { width: 40%; margin: 10px 4.5%; display: inline-block; }
.box .submit { clear: both; }
.box .submit input { margin: 20px auto 0 auto; display: block; }

table.noborder, table.noborder tr, table.noborder tr td { border: 0 !important; }

.acl-title.bold { margin-bottom: 15px; font-weight: bold; }
.acl-title span { vertical-align: top; }
.acl-toggles { display: inline-block; margin-left: 10px; float: right; }
.acl-toggles input[type="checkbox"] + label:before { margin-right: 0px; }
.acl-toggles .input.checkbox { float: left; width: auto; margin: 0 10px 0 0; }
.acl-toggles .input.checkbox label { font-weight: normal !important; }
.plusminus { width: 17px; height: 17px; display: inline-block; border-radius: 50%; border: solid thin #d3145a; text-align: center; line-height: 17px; text-decoration: none; }
.plusminus.expanded { line-height: 16px; }


/**********************************************************************/
/*************************** RESPONSIVE *******************************/
/**********************************************************************/
@media only screen and (max-width: 1200px)  {

	header nav.master ul.admin li a { font-size: 15px; padding: 18px 18px 18px 18px; }

}

@media only screen and (max-width: 1140px)  {
	header nav.master ul.admin li a { padding: 18px 12px; }
	header nav.master ul.admin li a:hover { background: none; }
	header nav.master ul li ul { min-width: 120px; background: #F1F2F0; }
}

@media only screen and (max-width: 1060px)  {

	header nav.master ul li a, header nav.master ul.admin li a { padding: 18px 8px; }
	header nav.secondary { margin-top: 10px; }
	header nav.secondary a { font-size: 12px; }
	header nav.master ul li ul { top: 35px; }
	header nav.master > ul > li:hover > a { background: url('../img/core/menu-ring-pink.png') center 41px no-repeat; }
	.respond-plain p:nth-child(4) { display: none; }

	#slideshow #caption > div { font-size: 1em; }

	h1.full-width { width: 100% !important; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
	h1.full-width.green { background: url('../img/core/h1-right-green.png') center right no-repeat, url('../img/core/h1-left-green.png') center left no-repeat; }
	h1.full-width.pink { background: url('../img/core/h1-right-pink.png') center right no-repeat, url('../img/core/h1-left-pink.png') center left no-repeat; }
}

@media only screen and (max-width: 860px)  {

	.respond-plain p:nth-child(3) { display: none; }

	/* Livingbox styles */
	.box { display: none; width: 95%; height: 90%; margin: 5% auto; overflow: scroll; background: #fff; border: 1px solid #d3145a; padding: 20px; z-index: 10; padding: 10px; box-shadow: 5px 5px 12px #888; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
	.close-btn { float: right; }

	/* Change the headings */
	h1.full-width.pink{ padding: 10px 18px; background: #d3145a url('../img/core/bbl-bg.png') right bottom no-repeat; text-align: left; color: #fff; font-size: 1.75em; }
	h1.full-width.green{ padding: 10px 18px; background: #6ab800 url('../img/core/bbl-bg.png') right bottom no-repeat; text-align: left; color: #fff; font-size: 1.75em; }
}

@media only screen and (max-width: 802px)  {

	/* Header / nav styles */
	.content.header { width: 100%; }
	header { overflow: auto; height: auto; margin: 0 0 30px 0; }
	header .width-4, header .width-8 { width: 95%; }
	header nav.master, header nav.secondary { display: none; }
	header .width-4 a { display: block; width: 35%; margin: 20px auto; float: none; }
	img.logo.left { width: 100%; }
	header nav.mobile div.bar { display: block; }
	.subfooter .width-6 { display: none; }

	.subfooter.pinkbg { display: none; }
	.admin-mob .lrg-hide { display: block; }
	.admin-mob .footer-mob-heads { background: #d3145a; color: #fff; }
	.admin-mob .footer-mob-heads .content { border-top: 1px solid #F38BB3; }
	.admin-mob .footer-mob-heads.first .content { margin-top: 40px; border-top: 0; }
	.admin-mob .footer-mob-heads .content h6 { padding: 17px 0; position: relative; }
	.admin-mob .footer-mob { background: #2aabe4; font-size: 0.875em; }
	.admin-mob .footer-mob .content { margin: 0 auto; padding: 10px 0 0 0; display: none; }
	.admin-mob .footer-mob .content ul li a { display: block; padding: 10px 0 0 0; color: #fff; text-decoration: none; }

	.admin-mob .footer-mob-heads .content h6 a.more-icon { background: url('../img/core/more-icon-pink-sml.svg') right center no-repeat; background-size: 31px;}
	.admin-mob .footer-mob-heads .content h6 a.less-icon { background: url('../img/core/less-icon-pink-sml.svg') right center no-repeat; background-size: 31px;}

	/* Subnav styles */
	.subnav h4 { display: block; position: relative; background: #444; color: #fff; margin-bottom: 0; padding: 16px 20px; overflow: auto; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
	.subnav h4 a, .subnav h4 a:hover { text-decoration: none; color: #fff; }
	.subnav ul { background: #f4f4f4; border-left: 0; padding: 0; font-size: 0.875em; }
	.subnav > ul { display: none; }
	.subnav ul li.current > a, .subnav ul li > a:hover { border-left: 0; padding-left: 20px; }
	.subnav ul li+li, .subnav ul li ul li { border-top: 1px solid #dfe2de; }
	.subnav > ul > li { margin-left: 0; }
	.smallprint h6 { margin-left: 0; }
	.smallprint .right { text-align: left; margin-top: 10px; margin-left: 0; float: none; }

	/* BTN styles */
	a.more-btn { display: block; width: 80px; padding-right: 10px; margin: 0 auto 30px auto; text-align: center; color: #737373; text-decoration: none; background: url('../img/core/more.svg') right no-repeat; }
	a.less-btn { display: block; width: 80px; padding-right: 10px; margin: 0 auto 30px auto; text-align: center; color: #737373; text-decoration: none; background: url('../img/core/less.svg') right no-repeat; }
	a.more-icon, a.less-icon { display: block; width: 100%; height: 100%; position:absolute; top: 0; left: 0; float: right; text-decoration: none; }
	h4 a.more-icon { background: url('../img/core/more-icon.svg') right center no-repeat; background-size: 55px;}
	h4 a.less-icon { background: url('../img/core/less-icon.svg') right center no-repeat; background-size: 55px;}
	.pborder a.more-icon { background: url('../img/core/more-icon-pink.svg') right center no-repeat; background-size: 55px;}
	.gborder a.more-icon { background: url('../img/core/more-icon-green.svg') right center no-repeat; background-size: 55px;}
	.yborder a.more-icon { background: url('../img/core/more-icon-yellow.svg') right center no-repeat; background-size: 55px;}
	.pborder a.less-icon { background: url('../img/core/less-icon-pink.svg') right center no-repeat; background-size: 55px;}
	.gborder a.less-icon { background: url('../img/core/less-icon-green.svg') right center no-repeat; background-size: 55px;}
	.yborder a.less-icon { background: url('../img/core/less-icon-yellow.svg') right center no-repeat; background-size: 55px;}

	/* Block Styles */
	.respond-plain p+p { display: none; }

	.respond-ct { border-bottom: 0; }
	.respond-ct h2 { color: #fff; width: 100%; position: relative; padding: 16px 20px; margin-bottom: 10px; overflow: auto; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
	.respond-ct.pborder h2 { background: #d3145a; }
	.respond-ct.yborder h2 { background: #f80; }
	.respond-ct.gborder h2 { background: #6ab800; }
	.respond-ct p { display: none; }

	.tab-hide { display: none !important; }

	/* Documents pages */
	.subnav > ul li ul { padding-left: 20px;  font-size: 1em !important; }
	a.create-folder, a.upload, a.edit-folder, a.delete { font-size: 0; display: block; height: 26px; float: right; }

	#so-donate { margin-top: 20px; }

}

@media only screen and (max-width: 750px)  {

	/* Slideshow styles */
	#caption, #controller ul { display: none; }
	.date select { width: 30%; }

}

@media only screen and (max-width: 850px)  {

	/* Slideshow styles */
	#caption, #controller ul { display: none; }

}

@media only screen and (max-width: 620px)  {

	header .width-4 a { width: 50%; }

}

@media only screen and (max-width: 560px)  {

	header .width-4 a { width: 50%; }

	/* Footer styles */
	footer form input[type="text"], footer form input[type="email"] { width: 100%; margin: 0 0 5px 0; }
	.social { width: 95%; -webkit-box-sizing: border-box;‌​ -moz-box-sizing: border-box; box-sizing: border-box; }
	footer form input#footer-name { margin-right: 0; }

	.tweet, news-article { margin: 0 0 30px 0; width: 100%; float: left; }
	.width-12 h3.blue, .width-12 h1.pseudo-h3.blue { margin-top: 10px; }

	.width-9 div.body, .width-80pc {  width: 100%; }
	article blockquote, section.quote, .img-inline { width: 100%; float: none; margin: 0 auto 20px auto; }

	.col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin-bottom: 10px; }

	img.left { float: none; margin: 0 auto 10px auto; display: block; }
	#contribute > section.block h2 { margin-bottom: 5px; margin-left: 0; }
	#contribute > section.block p { margin-left: 0; }

	.half { width: 100% !important; margin: 0 0 20px 0; font-size: 0.875em; }

	/* Forms */
	.text { width: 100%; float: none; margin: 0 0 10px 0; }

	/* Documents */
	ul.folders { width: 100%; margin: 0 0 30px 0 !important; }
	ul.folders li { margin: 0 auto 20px auto; display: block; width: 100%; }
	ul.folders li a { margin: 0 auto; }
	ul.folders li.empty a { padding-top: 120px; background: url('../img/core/empty-folder.svg') center 12px no-repeat; }

	.documents > div > a, .docs > div.small a { width: 50px; float: left; margin-right: 15px; }
	.documents > div > h5 { margin-bottom: 5px; }
	.documents > div > ul { clear: left; }
	.documents img.left { width: 50px !important;}
	.documents.pink-top ul li { display: block; margin: 5px 10px; }

	/* Utility styles */
	.mob-up { margin-top: -15px !important; }
	.mob-hide { display: none !important; }
	.lrg-hide { display: block; }

	/* Change small headings */
	.pborder h2 { padding: 10px 18px; background: #d3145a url('../img/core/bbl-bg.png') right bottom no-repeat; text-align: left; color: #fff; font-size: 1.75em; }
	#tabs .gborder h2 { padding: 10px 18px; background: #6ab800 url('../img/core/bbl-bg.png') right bottom no-repeat; text-align: left; color: #fff; font-size: 1.75em; }
	#tabs .yborder h2 { padding: 10px 18px; background: #f80 url('../img/core/bbl-bg.png') right bottom no-repeat; text-align: left; color: #fff; font-size: 1.75em; }
	#tabs .bborder h2 { padding: 10px 18px; background: #2aabe4 url('../img/core/bbl-bg.png') right bottom no-repeat; text-align: left; color: #fff; font-size: 1.75em; }
	h1.pseudo-h3.blue, h3.blue { padding: 10px 18px; background: #2aabe4 url('../img/core/bbl-bg.png') right bottom no-repeat; text-align: left; color: #fff; font-size: 1.75em; }
	h1.pseudo-h3.blue hr, h3.blue hr { display: none; }

	/* Footer menu breaks to accordion */
	.subfooter { display: none; }
	.footer-mob-heads { background: #f80; color: #fff; }
	.footer-mob-heads .content h6 { padding: 17px 0; position: relative; }
	.footer-mob-heads .content { border-top: 1px solid #FFC280; }
	.footer-mob-heads.first .content { margin-top: 40px; border-top: 0; }

	.footer-mob { background: #2aabe4; font-size: 0.875em; }
	.footer-mob .content { margin: 0 auto; padding: 10px 0 0 0; display: none; }
	.footer-mob .content ul li a { display: block; padding: 10px 0 0 0; color: #fff; text-decoration: none; }

	.footer-mob-heads .content h6 a.more-icon { background: url('../img/core/more-icon-yellow-sml.svg') right center no-repeat; background-size: 31px; }
	.footer-mob-heads .content h6 a.less-icon { background: url('../img/core/less-icon-yellow-sml.svg') right center no-repeat; background-size: 31px;}

	a.create-folder, a.upload, a.edit-folder, a.delete { margin-top: -5px; }
}

@media only screen and (max-width: 500px)  {

	header .width-4 a { width: 75%; }

}

@media only screen and (max-width: 350px)  {

	.social h5 { display: block; float: none; padding-top: 0; margin-bottom: 10px; }

}

@media only screen and (max-height: 800px)  {

	.box{margin:2% auto}

}

/**********************************************************************/
/**************************** PUBLIC **********************************/
/**********************************************************************/
body.public header, body.public footer, body.public .subfooter, body.public .smallprint, body.public h1, body.public .admin-mob { display: none; }
body.public { padding: 20px 0; }