/* HTML5 Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #44841a; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 0; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.views-table td, .views-table th { padding: 5px; }


/* ==========
		FONTS
	 ==========*/
	@font-face {
	    font-family: 'OxfamGlobalHeadlineRegular';
	    src: url('../fonts/oxfamglobalheadline-webfont.eot');
	    src: url('../fonts/oxfamglobalheadline-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/oxfamglobalheadline-webfont.woff') format('woff'),
	         url('../fonts/oxfamglobalheadline-webfont.ttf') format('truetype'),
	         url('../fonts/oxfamglobalheadline-webfont.svg#OxfamGlobalHeadlineRegular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	.webfont { font-family: 'OxfamGlobalHeadlineRegular'; }

.messages { font-size: 120%; }

/* ===================
    ALL: 996 grid
   =================== */
	.col-row { clear: both; }

	.col:before, col:after, .col-span:before, .col-span:after, .inner-col:before, .inner-col:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	.col:after,	.col-span:after, .inner-col:after { clear: both; }

	.col { width: 60px; margin: 0 10px 20px 10px; border-bottom: 3px solid rgba(170,170,170, .2); display:inline; float: left; position: relative; }
	.col-alt { border-bottom: 0 none;}
	.col-2 { width: 140px; }
	.col-3 { width: 220px; }
	.col-4 { width: 300px; }
	.col-5 { width: 380px; }
	.col-6 { width: 460px; }
	.col-7 { width: 540px; }
	.col-8 { width: 620px; }
	.col-9 { width: 700px; }
	.col-10 { width: 780px; }
	.col-11 { width: 860px; }
	.col-12 { width: 940px; }

	.col-alt .col-span { border-bottom: 3px solid rgba(170,170,170, .5); }
	.col-span { width: 160px; margin-right: 20px; display:inline; float: left; position: relative; background: #fff; }
	.col-span-2 { width: 340px; }
	.col-span-3 { width: 520px; }
	.col-span-4 { width: 700px; margin-right: 0; }
	.col-span-2.last { margin-right: 0; }

	.mod {  background: #fff; padding: 1px 0; }
	.col-3 .mod { margin-bottom: 20px; padding: 20px 15px 10px 15px; border-bottom: 3px solid rgba(170,170,170, .5); }

	.inner-col { width: 210px; margin-left: 15px; display:inline; float: left; position: relative; }
	.inner-col.first { margin-left: 20px; }
	.inner-col .inner { background: #fff; color: #000; }
	.inner-col-2 { width: 435px; }
	.inner-col-3 { width: 660px; }


/* ==============
    DESKTOP: Navigation
   ============== */
/* navigation item widths */
.count-4 ul li { width: 25%; }
.count-4 ul li:nth-child(3) .sub-nav { left: -80px; }
.count-5 ul li { width: 20%; }
.count-5 ul li:nth-child(4) .sub-nav { left: -80px; }
.count-6 ul li { width: 157px; }
.count-6 ul li.last { width: 155px; }
.count-6 ul li:nth-child(4) .sub-nav { left: -80px; }
.count-6 ul li:nth-child(5) .sub-nav { left: -237px; }
.count-7 ul li { width: 136px; }
.count-7 ul li.last { width: 124px; }
.count-7 ul li:nth-child(4) .sub-nav { left: -18px; }
.count-7 ul li:nth-child(5) .sub-nav { left: -154px; }
.count-7 ul li:nth-child(6) .sub-nav { left: -290px; }
.count-8 ul li { width: 117px; }
.count-8 ul li.last { width: 121px; }
.count-8 ul li:nth-child(5) .sub-nav { left: -78px; }
.count-8 ul li:nth-child(6) .sub-nav { left: -195px; }
.count-8 ul li:nth-child(7) .sub-nav { left: -312px; }

.navigation-primary ul { background: #61a534; z-index: 350; position: relative; }
.navigation-primary ul li { float: left; position: relative; height: 40px; }
.navigation-primary ul li.active,
.navigation-primary li:hover { background-color: #fff;  }
.navigation-primary ul li.active a,
.navigation-primary li:hover a { color: #545454; position: relative; top: -1px; padding-top: 8px; border-top: 1px solid #d8e9cd; }
.navigation-primary ul li.last { float: right; }
.navigation-primary ul li.last:hover a { color: #fff; top: 0; border-top: 0; padding-top: 9px; }
.navigation-primary a { display: block; padding: 10px 0 8px 0; color: #fff; font-size: 18px; text-align: center; text-decoration: none; font-weight: bold; border-left: 2px #d8e9cd solid;  }
.navigation-primary li.first a { border-left: 0 none; }
/*********** donate button color *************/
.navigation-primary ul li.last { background-color: #f16e22; } /* ZW 04042017 - Commit test */
.navigation-primary ul li.last:before { border-left-color: #f16e22; }
/*********************************************/
/* sub nav */
.navigation-primary ul .sub-nav { display: none; position: absolute; left: 0; top: 40px; width: 530px; background: #fff; padding: 20px 10px; z-index: 20; }
.navigation-primary ul ul { float: left; background: transparent; width: 225px; margin: 0 20px; }
.navigation-primary ul li:hover .sub-nav { display: block; }
.navigation-primary ul li ul li { border: 0; float: none; width: 225px; height: auto; border-bottom: 2px solid #f6f5ec; background: url(../images/global/nav-arrow.png) 0 12px no-repeat;  }
.navigation-primary ul ul li.last { background: transparent url(../images/global/nav-arrow.png) 0 12px no-repeat; border: 0; }
.navigation-primary ul ul li.last:before { border: 0; }
.navigation-primary ul ul li.last:hover a { color: #44841a; }
.navigation-primary ul li ul li a { font-size: 16px; color: #44841a; border: 0; top: 0; padding-top: 10px; padding-left: 20px; text-align: left; }
.navigation-primary ul ul li a:hover { color: #44841a; text-decoration: underline; }
.navigation-primary ul li:hover li a { color: #44841a; border: 0; top: 0; padding-top: 9px; }
.navigation-primary ul li ul li,
.navigation-primary ul li ul li.last { width: 225px; }

/* arrow */
.navigation-primary ul li.last { position: relative; }
.navigation-primary ul li.last:after, nav ul li.last:before { border: solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0; }
.navigation-primary ul li.last:before { border-width: 20px; }

.js .navigation-primary a { padding: 9px 0; width: 100%; }
.js .navigation-primary ul li ul li a { padding-left: 20px; }

.ie6 .navigation-primary ul { zoom: 1; }
.ie7 .navigation-primary ul { zoom: 1; }

.nav-overlay { background: rgba(0,0,0, .5); z-index: 300; }

/* navigation secondary  - ONZ ammendment to use different triangles and spacing for the sub-menus */
.navigation-secondary { background: #fff url(../images/global/component-pattern-2.png) center 0 no-repeat; }
.navigation-secondary li { height: 1%; background: url(../images/global/NavSecArrow.png) 0 9px no-repeat; border-bottom: 2px solid #f6f5ec; }
.navigation-secondary li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.navigation-secondary li.last, .navigation-secondary li.last { border: 0 none; }
.navigation-secondary li a { display: block; padding: 6px 0 6px 20px; font-weight: bold; }
.navigation-secondary li.active { background-position: 0 -22px; background: url(../images/global/NavSecArrowActive.png) 0 11px no-repeat; }
.navigation-secondary li ul { padding: 1px 0; }
.navigation-secondary li li { background: url(../images/global/nav-arrow-alt.png) 10px 7px no-repeat; border: 0 none; }
.navigation-secondary li li.active { background-position: 10px -85px; background: url(../images/global/NavSecNestedArrowActive.png) 10px 11px no-repeat; }
.navigation-secondary li li a { color: #545454; padding-left: 30px; font-weight: normal;  }
.navigation-secondary li li.active a { color: #333; font-weight: bold; }
.navigation-secondary li li li { background: none; background: url(../images/global/NavSecNestedArrow.png) 23px 11px no-repeat; }
.navigation-secondary li li li.active { background: #f0efe0 url(../images/global/NavSecNestedArrowActive.png) 23px 11px no-repeat; }
.navigation-secondary li li li a { padding-left: 40px; padding-right: 10px; background: #f0efe0; /* font-size: 11px; */ }
.navigation-secondary li li li.active li { background: #f0efe0 url(../images/global/NavSecNestedArrow.png) 33px 11px no-repeat; }
.navigation-secondary li li li li a { padding-left: 50px; }

.navigation-secondary li.active li a { background-color:transparent; }
.navigation-secondary li.active li.active li a { background-color:transparent; font-weight: normal; }
.navigation-secondary li.active li.active li.active a { font-weight: bold; }
.navigation-secondary li.active li.active li.active li a { font-weight: normal; }
.navigation-secondary li.active li.active li.active li.active a { font-weight: bold; }

.navigation-sites { position: absolute; right: 0; top: 4px; background: #eaeade; }
.navigation-sites li { letter-spacing: normal; float: left; }
.navigation-sites li a { color: #333333; margin: 0; font-size: 11px; display: block; height: 12px; line-height: 12px; padding: 3px 8px; text-decoration: none; border-left: 1px solid #aaa;}
.navigation-sites li.first a { border-left: none; }
.navigation-sites li a:hover,.navigation-sites li.menu-900 a { background: #61a534; color: #fff;}

.navigation-tertiary { position: absolute; right: 0; top: 42px; }
.navigation-tertiary { letter-spacing: -4em; }
.navigation-tertiary li { letter-spacing: normal; float: left; }
.navigation-tertiary li a { color: #44841a; font-weight: bold; margin-left: 5px; padding-left: 4px; border-left: 1px solid #cacaca; font-size: 12px; display: block; }
.navigation-tertiary li.first a { border: 0 none; margin-left: 0; padding-left: 0; }

figure { display: inline-block; }
figure figcaption { padding: 10px; font-size: 13px; }
figure figcaption span { font-weight: lighter; font-style: italic; }
blockquote p { color: #0c884a; font-size: 16px; margin: 0; padding: 10px 0; }
/* block quote widths and positions */
.pullquote { height: 1%; }
.pullquote:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.pullquote blockquote { margin: 20px 0 10px 0; }
.qleft blockquote { float: left; clear: left; margin-right: 20px; }
.qright blockquote { float: right; clear: right; margin-left: 20px; }
.pullquote p { float: left; }
.q1 blockquote { width: 200px; }
.q1 p { float: left; width: 440px; }
.q2 blockquote { width: 280px; }
.q2 p { width: 360px; }
.q3 blockquote { width: 360px; }
.q3 p { width: 280px; }
.q1 blockquote p,
.q2 blockquote p,
.q3 blockquote p { width: auto; float: none; }

/* clearfix */
.header-container:before,
.main-container:before,
.footer-container:before,
nav ul:before,
.header-container:after,
.main-container:after,
.footer-container:after,
nav ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.header-container:after,
.main-container:after,
.footer-container:after,
nav ul:after { clear: both; }




.arrow-btn { cursor: pointer; padding: 9px 15px; font-size: 18px; font-weight: bold; border-bottom: 2px solid #dedede; position: relative; color: #fff; background: #f16e22; background-image: url(../images/global/arrow-7.png); background-position: right 50%; background-repeat: no-repeat; display: inline-block; }
.arrow-btn:after, .arrow-btn:before { border: solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0; }
.arrow-btn:before { border-width: 19px; border-left-color: #f16e22; top: 1px; }
@-moz-document url-prefix(){
	 .arrow-btn:before { border-width: 20px; }
}
.ie8 .arrow-btn:before { top: 0; }
.ie7 .arrow-btn,
.ie6 .arrow-btn { padding-right: 25px; padding-top: 5px; background-position: 95% 50%; }






/* content styles */
blockquote p { color: #0c884a; border-top: 2px solid #61a534; }
h1 { color: #61a534; }
section h2 { border-color: #61a534; }
figcaption { color: #fff; background-color: #61a534; }
.tab-controls a { background-color: #61a534; }

/* provides small format for arrow buttons on content pages - we don't want that - we want big and chunky
.col-9 section .arrow-btn { font-size: 13px; font-weight: normal; padding-top: 6px; padding-bottom: 4px; }
.col-9 section .arrow-btn:before { border-width: 13px; } */

/* hide default Drupal border on top of all tables */
.col-9 section tbody { border-top: none; }

.breadcrumb { font-size: 12px; color: #666; padding: 15px 0; border-bottom: 0; margin-bottom: 0; }
.breadcrumb a { color: #666; }
.breadcrumb a,
.breadcrumb em,
.breadcrumb strong { display: inline-block; }
.breadcrumb em { width: 7px; margin: 0 3px; height: 100%; }
.breadcrumb a.first { margin-left: 10px; display: inline-block; width: 12px; height: 12px;}
.ie6 .breadcrumb a,
.ie6 .breadcrumb em,
.ie6 .breadcrumb strong,
.ie7 .breadcrumb a,
.ie7 .breadcrumb em,
.ie7 .breadcrumb strong { display: inline;  }
.ie7 .breadcrumb a.first { display: block; float: left; }

.js .social { padding: 15px 0 ; border-bottom: 2px solid #f6f5ec; }
.js .social .addthis_toolbox { height: 20px; }
.js .social .at300bs { width: 70px; height: 20px; background: transparent url(../images/global/social-share-icons.png) left -201px no-repeat; }
.ss3 .social .at300bs { background-position: 0 -460px; }

/* components
	can be found in components.css
*/

/* ==============
    DESKTOP: Main
   ============== */
html { padding-top: 10px; background: transparent url(../images/global/body-stripe-repeater.png) center 0 repeat-x; }
body { color: #545454; padding-bottom: 40px; background: transparent url(../images/global/body-stripe-repeater.png) center bottom repeat-x;  }
.header-container header,
.main-container .main,
.footer-container footer { width: 960px; margin: 0 auto; position: relative; }
.header-container header .wrapper { }
.level-2 .header-container header .wrapper,
.level-1 .header-container header .wrapper { margin-bottom: 0; }
.main h1 { font-size: 24px; }
.main-container { background: #eaeade url(../images/global/bg-repeater.png) center -230px repeat-x;  z-index: 1; }

.ie7 .mod h1 { display: inline; }
.ie7 .header-container header { z-index: 200; }


/* header */
.site { padding: 30px 0; }
.site-description { margin-top: 15px; font-size: 15px; line-height: 23px; color: #888; float: left; margin-left: 20px; padding: 0 0 0 20px; width: 280px; border-left: 1px solid #888; }
.site-description p { margin: 0; }
.site .logo { float: left; }

/* old search form */
.site-search { position: absolute; right: 0; top: 55px; }
.site-search legend { display: none; }
.site-search .frow { float: right; }
.site-search label { display: none; width: 0; }
.site-search .frow input { width: 180px; height: 23px; padding: 0  0 0 10px; font-size: 12px; }
.site-search input.submit { width: 27px; height: 25px; border: 0 none; padding: 0; }

.cta h2 { font-size: 18px; margin: 0 0 5px 0; }
.cta h3 { font-size: 17px; }
.cta h4 { font-size: 16px; }
.cta h5 { font-size: 13px; }
.cta .frow label { font-weight: normal; }
.cta-1 { background: #fff url(../images/global/component-pattern-1.png) center 0 repeat-x; }
.cta-2 { background: #fff url(../images/global/component-pattern-2.png) center 0 repeat-x; }
.cta-3 { background: #fff url(../images/global/component-pattern-3.png) center 0 repeat-x; }
.cta-4 { background: #fff url(../images/global/component-pattern-4.png) center 0 repeat-x; }
.cta-5 { background: #fff url(../images/global/component-pattern-5.png) center 0 repeat-x; }
.cta-6 { background: #fff url(../images/global/component-pattern-6.png) center 0 repeat-x; }
.cta-7 { background: #fff url(../images/global/component-pattern-7.png) center 0 repeat-x; }

.level-1 .main h1 { margin: 0 20px 0 0; font-size: 42px; }
.level-1 .main header.first  { padding-bottom: 0;  }
.level-2 .main h1 { margin: 0 20px 10px 0; }

.content-col section h2 { color: #333; font-size: 18px; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid #61a534; }
.content-col section h3 { color: #333; font-size: 17px; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid #f6f5ec; }
.content-col section h4 { color: #333; font-size: 16px; font-weight: bold; }
.content-col section h5 { color: #333; font-size: 13px; font-weight: bold; margin-bottom: -10px; }
.content-col ul { padding-left: 33px; }
.content-col ol { padding-left: 33px; }
.content-col li { margin-top: 7px; margin-bottom: 7px;}

/* drupalised search form */
#search-block-form { position: absolute; right: 77px; top: 69px; width:223px; }
#search-form { position: relative; width:221px; padding-top: 5px; }
#search-block-form legend, #search-block-form h2, #search-form legend, #search-form h2 { display: none; }
#search-block-form .frow, #search-form .frow { float: left; clear:none; margin:0; }
#search-block-form label, #search-form label { display: none; width: 0; }
#search-block-form .frow .arrow-btn, #search-form .arrow-btn  { float:right;  width: 27px; height: 25px; padding: 0 !important; margin:0; background:none; border: 0 none; }
#search-block-form .frow .arrow-btn:after, #search-block-form .frow .arrow-btn:before, #search-form .arrow-btn:after, #search-form .arrow-btn:before { border:none; content:'';}
#search-block-form .frow input.form-text { width: 180px; height: 23px; padding: 0  0 0 10px; font-size: 12px; line-height:23px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
#search-form .frow input.form-text { width: 180px; height: 23px; padding: 0  0 0 10px; font-size: 12px; line-height:23px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
#search-block-form input.form-submit, #search-form input.form-submit { width: 27px; height: 25px; border: 0 none; padding: 0; margin:0; text-indent:-9999px; cursor:pointer; background:url(../images/buttons/search-btn.png) no-repeat; }

#social-header { position: absolute; right: 0; top: 69px; width:69px; text-align:right; }
.social-header { padding-left: 5px; }

/* footer */
.footer-container { /* background: transparent url(../images/global/footer-bg-repeater.png) center 0 repeat-x; */ margin-top:20px; background: #fff; }
.footer { height: 1%; }
.footer ul { padding: 0; margin: 0; list-style: none; width: 100%; clear: both; }
.footer ul { height: 1%; padding: 0px 0 40px 0; }
.footer ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.footer li { float: left; }

.footer .site-links { background: transparent; padding: 0 0 10px 0; margin: 0 20px; }
.footer .site-links li { margin-right: 9px; padding-right: 7px; border-right: 1px solid #686E62; }
.footer .site-links li.last { margin-right: 0; padding-right: 0; border: 0 none; }
.footer .site-links a { color: #686e62; }
.footer .site-info { margin: 0 20px; }
.footer .site-info { position: relative; clear: both; }
.footer .site-info p { margin-right: 325px; font-size: 12px; min-height: 30px; }
.footer .footer-logo { position: absolute; right: 20px; top: -40px; width: 168px; height: 62px; text-indent: -9999em; background: transparent url(../images/global/logo.png) 0 0 no-repeat; }

.footer-global ul.img-feed li{ display: inline-block; width: 50px; height: 51px; margin: 0 10px 0 0; }
.footer-global .column { display: inline-block; vertical-align: top; margin: 0 20px; width: 195px; }
.footer-global .link-lists { padding: 0 0 20px; }
.footer-global .link-lists ul { clear: none; }
.footer-global .link-lists li { float: none; list-style-position: outside; }
.footer-global .link-lists li h3 { font-size: 20px; margin-bottom: 5px; color: #6C7464; }
.footer-global .link-lists li a { color: #6c7464; line-height: 1.4; font-size: 13px; }
.footer-global .site-links { background: transparent; margin-bottom: 20px; }
.footer-global .site-links li { margin-right: 5px; padding-right: 7px; border-right: 1px solid #cbcbc8; display: inline-block; font-size: 12px; }
.footer-global .site-links a { color: #3a3a3a; font-weight: bold; }
.footer-global .social { padding: 60px 0 0 0; }
.footer-global .social h3 { font-size: 13px; color: #333; overflow: hidden; background: url(../images/global/social-footer-icons.png) 0px 0px no-repeat; padding: 0 0 0 23px; margin: 0 0 10px 0; }
.footer-global .social .content { font-size: 11px; }
.footer-global .social .twitter h3{ background-position: 0px 0px; }
.footer-global .social .facebook h3 { background-position: 0px -16px; }
.footer-global .social .youtube h3 { background-position: 0px -32px; }
.footer-global .social .flickr h3{ background-position: 0px -48px; }
.ie6 .footer-global .column { display: inline; }
.ie7 .footer-global .link-lists ul { display: inline; }

/* social and document icons for links */
a.facebook,a.twitter,a.youtube,a.rss,a.flickr,a.instagram,a.pinterest,a.linkedin,a.excel,a.word,a.ppt,a.pdf { padding-left: 23px; padding-bottom: 1px;}
a.facebook { background: url("/sites/all/themes/main/images/global/icons/facebook.gif") no-repeat scroll 0 0 transparent; }
a.twitter { background: url("/sites/all/themes/main/images/global/icons/twitter.png") no-repeat scroll 0 0 transparent; }
a.youtube { background: url("/sites/all/themes/main/images/global/icons/youtube.jpg") no-repeat scroll 0 0 transparent; }
a.rss { background: url("/sites/all/themes/main/images/global/icons/rss.gif") no-repeat scroll 0 0 transparent; }
a.flickr { background: url("/sites/all/themes/main/images/global/icons/flickr.gif") no-repeat scroll 0 0 transparent; }
a.instagram { background: url("/sites/all/themes/main/images/global/icons/instagram.png") no-repeat scroll 0 0 transparent; }
a.pinterest { background: url("/sites/all/themes/main/images/global/icons/pinterest.gif") no-repeat scroll 0 0 transparent; }
a.linkedin { background: url("/sites/all/themes/main/images/global/icons/linkedin.gif") no-repeat scroll 0 0 transparent; }
a.excel { background: url("/sites/all/themes/main/images/global/icons/excel.gif") no-repeat scroll 0 0 transparent; }
a.word { background: url("/sites/all/themes/main/images/global/icons/word.gif") no-repeat scroll 0 0 transparent; }
a.ppt { background: url("/sites/all/themes/main/images/global/icons/ppt.gif") no-repeat scroll 0 0 transparent; }
a.pdf { background: url("/sites/all/themes/main/images/global/icons/pdf.gif") no-repeat scroll 0 0 transparent; }

/* HEADERS */
/* background colours */
.bgc1 { background: #f16e22; color: #fff; }
.bgc2 { background: #61a534; color: #fff; }
.bgc3 { background: #e70052; color: #fff; }
.bgc4 { background: #0c8848; color: #fff; }
.bgc5 { background: #630235; color: #fff; }
.bgc6 { background: #53297d; color: #fff; }

/* orange */
article .hc1 { background: #f16e22; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede;}
.ie6 article .hc1,
.ie7 article .hc1 { display: inline; }
/* green */
article .hc2 { background: #61a534; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede;}
.ie6 article .hc2,
.ie7 article .hc2 { display: inline; }
/* red */
article .hc3 { background: #e70052; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede;}
.ie6 article .hc3,
.ie7 article .hc3 { display: inline; }
/* dark green */
article .hc4 { background: #0c8848; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede;}
.ie6 article .hc4,
.ie7 article .hc4 { display: inline; }
/* burgundy */
article .hc5 { background: #630235; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede; }
.ie6 article .hc5,
.ie7 article .hc5 { display: inline; }
/* purple */
article .hc6 { background: #53297d; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede; }
.ie6 article .hc6,
.ie7 article .hc6 { display: inline; }
/* white */
article .hc7 { background: #fff; color: #545454; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede; }
.ie6 article .hc7,
.ie7 article .hc7 { display: inline; }

/* blockquote colors */
.qc1 blockquote p { color: #630235; border-top: 2px solid #f16e22; }
.qc2 blockquote p { color: #0c884a; border-top: 2px solid #61a534; }
.qc3 blockquote p { color: #53297d; border-top: 2px solid #e70052; }

.continue { position: relative; background: transparent url(../images/global/arrow.png) right 50% no-repeat; padding: 0 12px 0 0px; display: inline; }
.cc1 { background-image: url(../images/global/arrow.png); }
.cc2 { background-image: url(../images/global/arrow-2.png); }
.cc3 { background-image: url(../images/global/arrow-3.png); }
.cc4 { background-image: url(../images/global/arrow-4.png); }
.cc5 { background-image: url(../images/global/arrow-5.png); }
.cc6 { background-image: url(../images/global/arrow-6.png); }
.cc7 { background-image: url(../images/global/arrow-7.png); }
.cc8 { background-image: url(../images/global/arrow-8.png); }

.bc1 { background-color: #f16e22; }
.bc1:before { border-left-color: #f16e22; }
.bc2 { background-color: #61a534; }
.bc2:before { border-left-color: #61a534; }
.bc3 { background-color: #e70052; }
.bc3:before { border-left-color: #e70052; }
.bc4 { background-color: #0c8848; }
.bc4:before { border-left-color: #0c8848; }
.bc5 { background-color: #630235; }
.bc5:before { border-left-color: #630235; }
.bc6 { background-color: #53297d; }
.bc6:before { border-left-color: #53297d; }
.bc7 { background-color: #fff; }
.bc7:before { border-left-color: #fff; }
.bc8 { background-color: #000; }
.bc8:before { border-left-color: #000; }
.bc9 { background-color: #ff1d34; }
.bc9:before { border-left-color: #ff1d34; }

/* add underlining on body content links, but not on arrow buttons */
.content-col p a { text-decoration: underline; }
.content-col p a.arrow-btn { text-decoration: none; }
.content-col p a.arrow-btn:hover { text-decoration: underline; }

.wysiwyg section { padding: 0 20px; }
.wysiwyg header { padding: 0 0 10px 20px; }

.ss1 { background-color: #f16e22; color: #fff; }
.ss2 { background-color: #61a534; color: #fff; }
.ss3 { background-color: #e70052; color: #fff; }
.ss4 { background-color: #0c8848; color: #fff; }
.ss5 { background-color: #630235; color: #fff; }
.ss6 { background-color: #53297d; color: #fff; }
.ss7 { background-color: #fff; color: #545454; }
.ss8 { background-color: #000; color: #fff; }
.ss9 { background-color: #ff1d34; color: #fff; }

/* content themes */
.theme-1 blockquote p { color: #630235; border-top: 2px solid #f16e22; }
.theme-1 h1 { color: #f16e22; }
.theme-1 section h2 { border-color: #f16e22; }
.theme-1 figcaption { color: #fff; background-color: #630235; }
.theme-1 .tab-controls a { background-color: #630235; }
.theme-1.cta legend { color: #f16e22; }

.theme-2 blockquote p { color: #0c884a; border-top: 2px solid #61a534; }
.theme-2 h1 { color: #61a534; }
.theme-2 section h2 { border-color: #61a534; }
.theme-2 figcaption { color: #fff; background-color: #61a534; }
.theme-2 .tab-controls a { background-color: #61a534; }

.theme-3 blockquote p { color: #53297d; border-top: 2px solid #e70052; }
.theme-3 h1 { color: #e70052; }
.theme-3 section h2 { border-color: #e70052; }
.theme-3 figcaption { color: #fff; background-color: #e70052; }
.theme-3 .tab-controls a { background-color: #e70052; }

.views-field-field-file { margin-bottom: 1em; }

/* EMERGENCY STATE */
#emergency,
#emergency1,
#emergency body,
#emergency1 body { background-image: url(../images/global/body-stripe-repeater-emergency.png); }
#emergency .navigation-primary ul li.last:before,
#emergency1 .navigation-primary ul li.last:before { border-left-color: #ff1d34; }
#emergency .navigation-primary ul li.last,
#emergency1 .navigation-primary ul li.last { background-color: #ff1d34; }
#emergency1 .navigation-primary ul li.last:hover a { background-color: #fff; }

/* ONZ specific pages and blocks */
#share-links {
    border-top: 1px dotted #939598;
    margin: 17px 17px 45px 17px;
    padding: 10px 0;
}

#video-block {
	padding:20px;
	background: url('/sites/all/themes/main/images/components/video-border-all.png');
	background-repeat: repeat;
	margin-bottom: 20px;
}
#video-block p {
	padding-bottom: 0;
	margin-bottom: 0;
}

.oxfam-today-wide { padding-bottom: 20px; }
.oxfam-today-wide section { float: left; width: 25%; }
.oxfam-today-wide section h3 { font-size: 100%; }
.oxfam-today-wide section h3, .oxfam-today-wide section p { margin: 5px 1em 5px 0; }

.inline-block { width:367px; float:right; }

/* hide actions taken status from take-action pages where the action is off-site */
.page-node-6882 .oxfam-actions-status, .page-node-9204 .oxfam-actions-status { display:none; }

.team-rhs {
	float: right;
    margin: 0 0 10px 20px;
    width: 240px;
}
.node-team-page table {
    width: 100%;
}
.view-display-id-by_node .attachment-before {
    clear: both;
}
.view-display-id-attachment_2 {
    float: right;
    margin-bottom: 1em;
    width: 48%;
}
.view-display-id-attachment_1 {
    float: left;
    width: 48%;
}
.form-textarea-wrapper textarea {
	width: 75%;
}

/* Fix broken donate button in Firefox */
.order-review-table .review-button-row div, .order-review-table .review-button-row form {
    display: block;
}

/* Kill the stupid line on all tables */
tbody {
    border-top: none;
}

/* Hide team page components from non-OTW pages - TO DO: remove them from the markup rather than just hide them using CSS */
.node-type-team  .field-name-field-body .field-label, .field-name-field-industry-sector, .team-status { display: none; }
#team-node-form  .field-name-field-body .filter-wrapper { display:none; } /* hide the text filter instructions from the team bio field */

/* Team sub-pages */
/* temporary fix for H1 heading Home */
.page-node-donations  .theme-1 h1, .page-node-members  .theme-1 h1 {
  color: #fff !important;
}
.page-node-donations  .theme-1 h1:before {
  content: "Manage donations "; color: #f16e22 !important;
}
.page-node-members  .theme-1 h1:before {
  content: "Manage members "; color: #f16e22 !important;
}

/* Event registration progress bar */
.event-registration-steps-wrap { width: 100%; height: 52px; overflow: hidden; margin-bottom: 20px; }
.event-registration-steps { list-style: none; margin: 0; padding: 0; width: 1000px; }
.content-col ul.event-registration-steps { padding-left: 20px;}
.event-registration-steps li { float: left; height: 52px; position: relative; margin-top: 0px; padding: 12px 35px 0 22px; color: #fff; text-transform: uppercase; line-height: 120% !important; font-family: Arial, sans-serif; font-size: 12px; }
.event-registration-steps li span { display: block; position: absolute; top: 0; right: -14px; width: 42px; height: 52px; z-index: 1; }
.event-registration-steps li span div { width: 16px; height: 15px; background: url(../images/events/icon-tick.png) no-repeat; position: absolute; top: 19px; left: 5px; display: none; }
.event-registration-steps li.before span div, .event-registration-steps li span div.tick { display: block; }
.event-registration-steps li.last span div { }
.event-registration-steps li span div.no-tick { display: none; }
.event-registration-steps li.active { background: #ff9900; }
.event-registration-steps li.active span { background: url(../images/events/progress-active.png) center right no-repeat; }
.event-registration-steps li.after { background: #c9e086; }
.event-registration-steps li.after span { background: url(../images/events/progress-after.png) center right no-repeat; }
.event-registration-steps li.before { background: #99cc00; }
.event-registration-steps li.before span { background: url(../images/events/progress-before.png) center right no-repeat; }
.event-registration-steps li.first { padding-left: 8px; }
.event-registration-steps li.last { padding-right: 45px; }
.event-registration-steps li.last span { background-position: 14px 50%; right: 10px; }
.event-registration-intro { margin: 0 20px 1em 20px; }

/* money link on team pages */
.money-link {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 240px;
}

/* Hide cart crumbs */
.cart-crumbs { display:none; }
/* Hide H1 from appeal donation forms */
.page-cart-checkout-7500 h1, .page-cart-checkout-8336 h1 { display:none; }
/* Hide credit card payment option as it is the only possible option*/
#payment-pane { display:none; }
/* hide team members from custom typhoon appeal pages */
.page-node-7621  .team-members { display:none; }

/* Events page layout */
.view-id-events  td { width: 30%;}
.view-id-events .col-first{ padding-right: 20px;}
.view-id-events .col-last{ padding-left: 20px;}
.page-what-you-can-do-events .view .views-field-title a { border: none; }
.view-id-events .views-field-body { padding-top: 10px; }

/* Node panel layout */
.wysiwyg .panel-pane header { padding: 0 10px; }
.panel-pane.pane-custom  { padding: 0 10px; }
.wysiwyg .pane-custom header { padding: 0; }

/* Fundraising tips generator */
.view-fundraising-tip .view-filters, .view-fundraising-tip .view-content {
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
	clear:both;
}
.view-fundraising-tip .view-content {
	border-bottom: none;
}
.view-fundraising-tip  .views-exposed-form .views-exposed-widget {
    float: none; 
    padding: 5px 0;
	clear: both;
}
.view-fundraising-tip  .views-exposed-form .views-exposed-widget label {
    float: left; 
	padding: 0.5em 1em 0 0;
}
/* reset because arrow btn is added to all submit buttons automatically */
.view-fundraising-tip .arrow-btn { padding: 0; border-bottom: 0; position: relative; background: none; background-image: none; } 
.view-fundraising-tip .arrow-btn:after, .view-fundraising-tip .arrow-btn:before { border: none; content: ''; }
/* end reset */
.view-fundraising-tip .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0.6em;
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d) );
	background:-moz-linear-gradient( center top, #ff5bb0 5%, #ef027d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
	background-color:#ff5bb0;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #ee1eb5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	height:45px;
	line-height:45px;
	margin-top: -55px;
	text-decoration:none;
	padding: 0 33px; 
	text-shadow:1px 1px 0px #c70067;
	float:right;
}
.view-fundraising-tip .views-exposed-form .views-exposed-widget .form-submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0) );
	background:-moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
	background-color:#ef027d;
	cursor: pointer;
}
.view-fundraising-tip .views-exposed-form .views-exposed-widget .form-submit:active {
	position:relative;
	top:1px;
}
.page-fundraising-tip .view-fundraising-tip .view-content {
	font-size: 17px;
	clear:both;
}

.page-fundraising-tip .views-field-body { float:left; width: 45%; }
.page-fundraising-tip .views-field-field-tip-image { float:right; }
/* end Fundraising tips generator */


/* Specific shop products styles */
.page-node-193038 .cart-wishlist,
.page-node-193039 .cart-wishlist,
.page-node-193065 .cart-wishlist { 
	display:none
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, article:before, article:after { content: ""; display: table; }
.clearfix:after, article:after { clear: both; }
.clearfix, article { zoom: 1; }


/* ==|== media queries ====================================================== */

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

/* ====================
    SMARTPHONE
   ==================== */
	html { padding-top: 6px; }
	body { width: 100%; padding-bottom: 5px; background: transparent url(../images/mobile/body-stripe-repeater-mobile.png) center bottom repeat-x; }
	.header-container header,
	.main-container .main,
	.footer-container footer { width: auto;  }
	.col { border-bottom: 0px; margin: 0; }
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {  width: 100%; margin:0; }
	.inner-col, .inner-col-2, .inner-col-3 { width: 100%; }
	.col-span, .col-span-2, .col-span-3, .col-span-4 { width: 100%; }
	.col-alt .col-span { margin-top:15px;}
	.intro { display:none; }
	.content-col { margin-bottom:0px; }
	.q1 blockquote, .q3 blockquote, .q3 blockquote { width: 100%; }
	.pullquote blockquote { float: none; width: 100%; }
	.pullquote p { float: none; }
	.q1 p, .q2 p, .q3 p  { clear: both; width: auto; }
	.video-block iframe { width: 100%; height:auto; }
	.js .social .addthis_toolbox { height: auto; }
	.col-3 .navigation-secondary { padding: 0; }

	.col-3 {	display:none;} /* pretty hacky way to remove side column methinks */
	.col-9 {	float:left; }

	.front .upcoming-events, .front .video-block { border-bottom: 3px solid rgba(170,170,170, .5); margin-bottom: 20px;}

	nav.count-4 ul li,
	nav.count-5 ul li,
	nav.count-6 ul li,
	nav.count-7 ul li,
	nav.count-8 ul li,
	nav.count-9 ul li,
	nav.count-10 ul li { width: 100%; float: none; }
	nav ul li a { border: none; }
	.navigation-secondary { background: #fff; }
	.navigation-secondary li { background-position: 20px 16px; }
	.navigation-secondary li a { padding: 12px 0 12px 40px; font-size:17px; }

	/* Header */
	html { background: #eaeade url(../images/mobile/body-stripe-repeater-mobile.png) center 0 repeat-x; }
	.smart-phone-site .header-container { background: #fff; height: auto; padding: 0; margin: 0; margin-bottom: 10px; border-bottom: 2px solid rgba(170,170,170, .5); }
	.navigation-sites,
	#search-form,
	.navigation-tertiary,
	.navigation-primary { display: none; }
	.site .logo img { display:none; }
	.site .logo { height: 46px; background: transparent url(../images/mobile/logo.png) center 0 no-repeat; display: block; width: 117px; margin-left: 9px; }
	.site { width: 100%; padding: 17px 0; }
	#social-header { position: absolute; right: 0px; top: 23px; width:77px; text-align:right; }
	#social-header { padding: 0 10px;}


	/* Main */
	.main-container { background-color: #eaeade; }
	.main-container .col-12 { margin: 0 5px 5px 0; }
	.main-container .col-12 .image-container { display:none; }
	.three-up-mod { background:none; width: 320px; margin: 0 auto 10px auto;  }
	.three-up-mod p { display:none; }

	.content-col img, .content-col iframe, .pane-block-168 img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.three-col section { float:none; width:100%; min-width: 210px; padding-left:0; }
	.three-col section:nth-child(3n+4) { clear: none !important; }

	.emergency-takeover { padding: 10px; }
	
	/* Forms */
	.uc-store-address-field .form-item label { text-align: left !important; }
	#edit-panes-correspondence-correspondence { margin-left: 0 !important; }
	.form-item-panes-correspondence-correspondence label { width: 100%; !important; }
	.frow .description { margin: 5px 0 !important; width: 100%; !important; }

	/* Search */
	#search-block-form { float:none; width: 100%; margin: 0; position:relative; display: block; background-color: #fff;  top:0; left:0; text-align:center;}
	#search-form { border: 1px solid red; display: block; background-color: #fff; position:relative; padding-bottom: 15px;	padding-top: 15px; margin-top: 0px; top: 0;	display: block;	background-color: #fff; float: none;}
	#search-form input.submit { height:30px; width:30px; }
	#search-block-form:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
	#search-form .frow input[type="search"]{ font-size:15px; width: 240px; height: 28px;  }
	#search-form .frow  { margin-right: 21px; }

	.level-0 .smart-phone-search { margin-top: 17px; }
	.level-0 .smart-phone-search .site-search { padding: 15px 0; }
	.level-1 .main h1 {	font-size: 24px; padding-top: 14px;	}
	/* .level-1 .content-col article:first-child { background-color:#61a534; } */
	.level-1 .content-col article:first-child h1 { color:#fff; padding: 0; margin: 15px 20px 15px 0; }
	.level-2 .main h1 { font-size:17px; margin-top: 15px; }

	article .hc1,
	article .hc2 { margin: -15px 0 0 13px;	font-size: 15px; padding: 11px 18px 10px 13px; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; }

	.front #block-views-oxfam-today-block.article-grid section.views-row-even,
	.front #block-views-nodequeue-2-block.article-grid section.views-row-even { margin: 10px 0 0 10px !important; }

	.front #block-views-oxfam-today-block.article-grid section.views-row-odd,
	.front #block-views-nodequeue-2-block.article-grid section.views-row-odd { margin: 10px 0 0 10px !important; }
	
	.oxfam-today-wide section { width: 50%; }
	.oxfam-today-wide section  h3, .oxfam-today-wide section  p { width: 210px; }

	.article-grid footer { padding: 5px 0 !important; }

	.article-grid header  h2{ margin-left: 10px !important; }

	.social-wrapper { padding: 25px 0px 30px 0px;background: white; margin-top: 20px; margin-bottom: 10px; border-bottom: solid 2px #D7D7C1;  }

	footer .social a h3 { display:none; }
	footer .social a { display: block; width: 100%; height: 48px; background: url(../images/mobile/social-footer-icons.png) 0px 5px no-repeat; }
	footer .social ul { display:none; }
	footer .social ul li p { display:none;  }
	footer .link-lists { display:none; }
	footer li { clear:none; }

	.footer-global .social { width:320px; margin:auto; padding: 10px 0 0 0; border-bottom: 0px; }
	.footer-global .social .facebook a { background-position: -40px 5px; }
	.footer-global .social .youtube a { background-position: -80px 5px; }
	.footer-global .social .flickr a { background-position: -119px 5px; }
	.smart-phone-site .footer-global .social a { width: 100%; }
	.footer-global .column { width: 39px; float:left; border-right:solid 2px #eaeade; padding-right: 15px; }
	.footer-global .column { margin: 0 10px; }
	.footer-global .column:last-child { float:left; border-right:none; }
	.footer-global .column:first-child { padding-left: 15px; }

	.footer-global .site-links {  padding: 0; }
	.footer-global .site-links li { display:block; border-right: none; border-bottom: 1px solid #f0efe0;  margin: 0; width: 100%; padding: 0 0 0 10px; }
	.footer-global .site-links { background-color:#f9fcf1; margin: 0 0px; }
	.footer-global .site-links a { color: #61A534; font-size: 13px; display: block; padding :10px 0 ; }

	.footer .footer-logo { left: 50%; margin-left: -60px; top: 0px; width: 120px; height: 65px; background: transparent url(../images/mobile/logo.png) 0 0 no-repeat; margin-top: 15px; }
	.footer .site-info  p { color:#666; background-color: #fff; font-size:12px; width: 280px; text-align: center; line-height: 20px; margin: auto; padding-bottom: 1em; }
	.footer .site-info { margin: 0; padding-top: 75px; padding-bottom: 35px; }

	/* Content Level */
	.main-container .breadcrumb { padding-bottom: 10px; padding-top: 0px; height: 17px; background-color: #eaeade; margin:0 0 0 5px; }
	.breadcrumb a { display:none; }
	/* adds an arrow which is rotated upside down, but it doesn't work when the breadcrumb has only one item as then the first item is also the last and the words are rotated too.
	.breadcrumb a:first-child { float:left; background: transparent url(../images/global/arrow-2.png) 0 0px no-repeat;
		-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
	   -ms-transform:rotate(180deg);
	   -o-transform:rotate(180deg);
		transform:rotate(180deg);
	} */

	.breadcrumb a:last-of-type { display:block; float:left; padding-left:10px; color:#61A534; font-weight:bold; font-size:13px; text-transform:lowercase; }
	.breadcrumb a:last-of-type::before { content:"< Back to "; }
	.breadcrumb a:last-of-type:first-letter { text-transform:uppercase; }
	.breadcrumb em { display:none; }
	.breadcrumb strong { display:none; }
	.main-container .footer-breadcrumb { margin-top: 10px; }

	figure { width: 100%; }
	figure img { width: 100%; height:auto; }

	.continue { background-image: url(../images/mobile/arrow.png); background-position: right 58%; }
	.cc1 { background-image: url(../images/mobile/arrow-1.png); }
	.cc2 { background-image: url(../images/mobile/arrow-2.png); }
	.cc3 { background-image: url(../images/mobile/arrow-3.png); }
	.cc4 { background-image: url(../images/mobile/arrow-4.png); }
	.cc5 { background-image: url(../images/mobile/arrow-5.png); }
	.cc6 { background-image: url(../images/mobile/arrow-6.png); }
	.cc7 { background-image: url(../images/mobile/arrow-7.png); }
	.cc8 { background-image: url(../images/mobile/arrow-7.png); }

	/* Navigation */

	.smart-phone-overlay { background: rgba(0,0,0, .5) url(../images/mobile/close-icon.png) 9px 17px no-repeat; z-index: 350; left: 0; top: 0; position: absolute; display: none; }
	.smart-phone-wrapper { overflow: hidden; width: 100%; position: relative; background: #f9fcf1; }
	.smart-phone-site { background: #eaeade;
		position: relative;
		-webkit-transition: all .2s ease-out;
	  -moz-transition: all .2s ease-out;
	  -o-transition: all .2s ease-out;
	  -ms-transition: all .2s ease-out;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0);
		}

	.smart-phone-nav { position: absolute; width: 82%; right: -82%; top: 0; z-index: 400; background: #eaeade;
		-webkit-transition: all .2s ease-in-out;
	  -moz-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	  -ms-transition: all .2s ease-in-out;
		-webkit-transform: translate(80%,0);
		-moz-transform: translate(80%,0);
		-o-transform: translate(80%,0);
		-ms-transform: translate(80%,0);
	}

	.smart-phone-site.nav-in {
		-webkit-transform: translate(-80%,0);
		-moz-transform: translate(-80%,0);
		-o-transform: translate(-80%,0);
		-ms-transform: translate(-80%,0);
	}

	.smart-phone-nav.nav-in {
		-webkit-transform: translate(-100%,0);
		-moz-transform: translate(-100%,0);
		-o-transform: translate(-100%,0);
		-ms-transform: translate(-100%,0);
	}

	.smart-phone-nav .navigation-primary { display: block; }
	.smart-phone-nav .navigation-primary a { border: 0; border-bottom: 1px solid #91c071; text-align: left; padding-left: 10px; }
	.smart-phone-nav .navigation-primary li:first-child a { border-top: 1px solid #59972d; }
	.smart-phone-nav .navigation-primary li:last-child { width: 100%; background: transparent; }
	.smart-phone-nav .navigation-primary li:last-child:hover { background: #fff; }
	.smart-phone-nav .navigation-primary li:last-child:hover a { color: #545454; }
	.smart-phone-nav .site-links { margin: 0; padding: 0; list-style: none; }
	.smart-phone-nav .site-links li { height: 40px; }
	.smart-phone-nav .site-links a { display: block; padding: 10px 0 8px 10px; border-bottom: 1px solid #f0efe0; color: #61a534; font-size: 13px; text-align: left; text-decoration: none; font-weight: bold;  }
	.smart-phone-nav .site-links a:hover { text-decoration: underline; }
	.smart-phone-nav .site-search { padding: 15px 10px; }
	.smart-phone-nav .site-search .frow { margin: 0; }
	.smart-phone-nav .site-search .frow input[type="search"] { width: 194px; margin: 0; }
	.smart-phone-nav-btn { -webkit-tap-highlight-color: transparent ;position: absolute; right: 30px; top: 20px; background: #61A534 url(../images/mobile/smart-phone-nav-btn.png) 15% 50% no-repeat; cursor: pointer; padding: 10px 5px 10px 35px; font-size: 15px; font-weight: bold; color: #fff; display: inline-block; }

	.sp-hide { display:none; }

	/* ====================
    SMARTPHONE: HiRes interim
   ==================== */

	.site .logo,
	.footer a.footer-logo { -webkit-background-size: 117px 44px; -moz-background-size: 117px 44px; background-image: url(../images/mobile/x2/logo.png); }
	html { background: #eaeade url(../images/mobile/body-stripe-repeater-mobile.png) center 0 repeat-x; }
	.header-container { padding-bottom: 20px; background: transparent url(../images/mobile/header-contianer-bg.png) center 0 repeat-x; }
	.col-4 .support-hero {	min-height: 140px; background:transparent url(../images/mobile/support-women-bg.png) no-repeat; }
	footer .social a { display: block; width: 28px;	height: 48px; background: url(../images/mobile/social-footer-icons.png) 0px 5px no-repeat; }
	.footer .footer-logo { right: 95px; top: 0px; width: 120px; height: 75px; background: transparent url(../images/mobile/logo.png) 0 0 no-repeat; margin-top: 15px; }
	.smart-phone-overlay  {  -webkit-background-size: 41px 41px; -moz-background-size: 41px 41px; background-image: url(../images/mobile/x2/close-icon.png); }
	.smart-phone-nav-btn { -webkit-background-size: 17px 13px; -moz-background-size: 17px 13px; background-image: url(../images/mobile/x2/smart-phone-nav-btn.png); }
	/* .breadcrumb a:first-child , is this needed for any of these? */
	.navigation-secondary li,
	.continue { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow.png); }
	.cc1 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-1.png); }
	.cc2 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-2.png); }
	.cc3 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-3.png); }
	.cc4 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-4.png); }
	.cc5 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-5.png); }
	.cc6 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-6.png); }
	.cc7 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-7.png); }
	.cc8 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-8.png); }
	.js .carousel ol li { -webkit-background-size: 25px 10px; -moz-background-size: 25px 10px; background-image: url(../images/mobile/x2/carousel-navigation.png); }
	.take-action-cta h2 { -webkit-background-size: 33px 600px; -moz-background-size: 33px 600px; background-image: url(../images/mobile/x2/action-icons.png); }
	.donate-cta h2 { -webkit-background-size: 33px 600px; -moz-background-size: 33px 600px; background-image: url(../images/mobile/x2/action-icons.png); }
	.volunteer-cta h2 { -webkit-background-size: 33px 600px; -moz-background-size: 33px 600px; background-image: url(../images/mobile/x2/action-icons.png); }
	footer .social a { -webkit-background-size: 158px 38px; -moz-background-size: 158px 38px; background-image: url(../images/mobile/x2/social-footer-icons.png); }
	.three-up-mod .take-action-cta,
	.three-up-mod .donate-cta,
	.three-up-mod .volunteer-cta { -webkit-background-size: 98px 72px; -moz-background-size: 98px 72px; background-image: url(../images/mobile/x2/three-up-tile.png); }
}


	@media screen and (min-width: 321px) and (max-width: 480px) {

	/* ========================
	    LANDSCAPE Formally max-width:480px
	   ======================== */

	.three-col section { float:none !important; width:100%; min-width: 210px; padding-left:0; }
	.three-col section:nth-child(3n+4) { clear: none;}

	body { width: 480px; }
	.site-search .frow input[type="search"] { width: 395px; }
	.smart-phone-nav .site-search .frow input[type="search"]  { width: 330px; }

	.col-3 {	display:none;}
	.col-9 {	float:left; }
	
	.front .pane-block-132, .front .video-block { margin-bottom: 40px;}
	
	.emergency-takeover { padding: 10px; }
	
	/* Forms */
	.uc-store-address-field .form-item label { text-align: left !important; }
	#edit-panes-correspondence-correspondence { margin-left: 0 !important; }
	.frow .description { margin: 5px 0 !important; width: none !important; }
	
	.oxfam-today-wide section { width: 100% !important; }
	.oxfam-today-wide section  h3, .oxfam-today-wide section  p { width: 210px; }
		
	}

/* ==|== print styles ======================================================= */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
} /* end print styles */


/* === extra styles, not filed === */

.block-mod {
  margin-bottom: 20px !important;
}

/* Fundraising progress bars */
#fundraising-progress  {
  margin: 20px 10px 10px 10px;
}
#fundraising-progress h2{
  font-size: 16px;
  padding-left: 4px;
}
#fundraising-progress strong{
  padding: 0 3px;
}
table.fundraising-target {
  width: 200px;
  cellspacing: 0px;
  cellpadding: 0px;
  border: 0px;
}
table.fundraising-target td:first-child {
  background: url(/sites/all/themes/otw/images/fundraising-progress-260-orange.png);
  background-position: left;
}
table.fundraising-target td:last-child {
  background: url(/sites/all/themes/otw/images/fundraising-progress-260-grey.png);
  background-position: right;
}

/* OWC version */
#fundraising-progress-OWC  { margin: 20px 10px 10px 10px; }
#fundraising-progress-OWC h2{
  color: #5ac6e9;
  font-size: 16px;
}
table.fundraising-target-OWC {
  width: 150px;
  height: 150px;
  cellspacing: 0px;
  cellpadding: 0px;
  border: 0px;
  margin-left: 20px;
}
table.fundraising-target-OWC .progress-bar-off td {
  background: url(/sites/all/themes/main/images/events/OWC-progress-bar-grey.png);
  background-position: top;
}
table.fundraising-target-OWC .progress-bar-on td {
  background: url(/sites/all/themes/main/images/events/OWC-progress-bar-blue.png);
  background-position: bottom;
}

/* Oxmas version */
#fundraising-progress-Oxmas  { margin: 20px 10px 10px 10px; }
#fundraising-progress-Oxmas h2{
  color: #ff1d34;
  font-size: 16px;
}
table.fundraising-target-Oxmas {
  width: 150px;
  height: 170px;
  cellspacing: 0px;
  cellpadding: 0px;
  border: 0px;
  margin-left: 20px;
}
table.fundraising-target-Oxmas .progress-bar-off td {
  background: url(/sites/all/themes/main/images/events/oxmas-progress-bar-grey.png);
  background-position: top;
}
table.fundraising-target-Oxmas .progress-bar-on td {
  background: url(/sites/all/themes/main/images/events/oxmas-progress-bar-red.png);
  background-position: bottom;
}

/* Kokoda version */
#fundraising-progress-Kokoda  { margin: 20px 10px 10px 10px; }
#fundraising-progress-Kokoda h2{
  color: #61a534;
  font-size: 16px;
}
table.fundraising-target-Kokoda {
  width: 80px;
  height: 144px;
  cellspacing: 0px;
  cellpadding: 0px;
  border: 0px;
  margin-left: 42px;
}
table.fundraising-target-Kokoda .progress-bar-off td {
  background: url(/sites/all/themes/main/images/events/Kokoda-progress-bar-grey.png);
  background-position: top;
}
table.fundraising-target-Kokoda .progress-bar-on td {
  background: url(/sites/all/themes/main/images/events/Kokoda-progress-bar-green.png);
  background-position: bottom;
}

/* emergency takeover */
.emergency-takeover { background:#ff1d34; text-align: center; color: #fff; text-transform: uppercase; padding: 5px; }
.emergency-takeover .button { display: block; }
.emergency-takeover .button { margin: 0 10px; background:#000; padding: 8px 23px 8px 17px; border-radius: 6px; color:#fff; background-image: url(../images/global/arrow-7.png); background-position: right 10px center; background-repeat: no-repeat; display: inline-block;}
.emergency-takeover a:hover { text-decoration:none; }

/* team pages */
#regular-giving-advert {
	clear: both;
	background:#eaeade;
	margin:1em 0;
	padding:0.33em 1em;
}

/* Donate */
.page-donate .main-container,
.page-cart-checkout-review .main-container {
}

.page-donate .main-container > .wrapper {
  margin-top: 36px;
}

.page-cart-flo2cash-pending .main-container > .wrapper,
.page-cart-checkout-review.oxfam-donations .main-container > .wrapper,
.page-cart-checkout-review.oxfam-team .main-container > .wrapper {
  background: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 2px 2px 5px #d8d8d8;
  box-sizing: border-box;
  padding: 55px;
}

.page-donate .main-container .donations-wrapper {
  background: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 2px 2px 5px #d8d8d8;
  padding: 55px;
  position: relative;
  top: -36px;
}

ul.donations-menu {
  height: 56px;
  list-style-type: none;
  margin: -55px -55px 0 -55px;
}

.item-list .donations-menu li {
  display: inline-block;
  margin: 0;
  text-align: center;
  width: 33.04%;
}

.donations-menu > li > a {
  background: #f0f0f0;
  color: #000;
  display: block;
  font-size: 24px;
  height: 56px;
  line-height: 56px;
}

.donations-menu a.active,
.donations-menu a:active,
.donations-menu a:focus,
.donations-menu a:hover {
  color: #000;
  text-decoration: none;
}

.donations-menu > li > a.active {
  background: #fff;
}

.donations-menu > li.last > a {
  background: #288f27;
  color: #fff;
}

.donations-menu > li.last > a i {
  color: #2e731f;
  font-size: 18px;
}
.donations-menu li .item-list {
	float:right;
	width:100%;
}
.donations-menu li ul {
  background: #fff url(../images/global/body-stripe-repeater.png) 0 0 repeat-x;
  border: 1px solid #d8d8d8;
  border-top-color: #fff;
  display: none;
  list-style-type: none;
  padding: 36px 30px 14px;
  z-index: 99;
	position:relative;
}

.donations-menu > li.last:hover ul {
  display: block;
}

.item-list .donations-menu li ul li {
  display: block;
  margin-bottom: 9px;
  text-align: left;
  width: 100%;
}

.item-list .donations-menu li ul li a {
  font-size: 16px;
  font-weight: bold;
}

.item-list .donations-menu li ul li a:hover {
  color: #44841a;
  opacity: .8;
}

.donations-wrapper h2.title {
  color: #288f27;
  font-size: 24px;
  font-weight: normal;
  margin-top: 48px;
  text-align: center;
}

/* hide duplicate H2 header for appeal pages but not monthly or single */ 
.page-donate-appeal .donations-wrapper h2.title { display:none; }
.page-donate-appeal .donations-wrapper .donations-intro { margin-top: 40px; }

.donations-wrapper .donations-hero-image {
  display: block;
  margin: 0 auto 12px;
  max-width: 100%;
}

.donations-wrapper .donations-intro {
  margin: 0 74px 40px;
}

.donations-wrapper .donations-intro::after {
  clear: both;
  content: '';
  display: block;
}

.donation-options {
	clear: both;
	margin-top: 10px;
}

.donation-option {
  cursor: pointer;
  display: inline-block;
  height: 271px;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  width: 255px;
}

.donation-option.no-image {
  height: 149px;
}

.donation-option-2 {
  margin: 0 21px;
}

.donation-option img {
  max-width: 100%;
}

.donation-option-info {
  bottom: 0;
  color: #fff;
  height: 119px;
  padding: 15px 20px;
  position: relative;
  text-align: center;
  transition: all 0.5s ease;
}

.donation-option-general .donation-option-info {
	background: transparent url(../images/global/sprite.jpg) 0 0 repeat;
}
.donation-option-emergency .donation-option-info {
	background: transparent url(../images/global/red-pattern-sprite.png) 0 0 repeat;
}
.donation-option-water .donation-option-info {
	background: transparent url(../images/global/blue-pattern-sprite.png) 0 0 repeat;
}

.donation-option-2 .donation-option-info {
  background-position: 0 110px;
}

.donation-option-emergency.donation-option-2 .donation-option-info,
.donation-option-water.donation-option-2 .donation-option-info {
  background-position: 0 108px;
}

.donation-option-3 .donation-option-info {
  background-position: 0 220px;
}

.donation-option-price {
  font-family: 'OxfamGlobalHeadlineRegular';
  font-size: 30px;
  margin-bottom: 8px;
}

.donation-option-text {
  height: 34px;
  overflow: hidden;
  font-weight:bold;
  font-size: 14px;
}

.donation-option-select {
  background: #0c884a;
  bottom: 0;
  height: 39px;
  left: 0;
  line-height: 39px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  transition: all 0.5s ease;
  width: 100%;
  font-weight: bold;
}

.donation-option-emergency .donation-option-select {
	background-color: #ff1d34;
}

.donation-option-water .donation-option-select {
	background-color: #5AC6E9;
}


.donation-option.has-image:hover .donation-option-info {
  bottom: 39px;
}

.oxfam-donations-donate-form {
  margin: 53px 106px;
  position: relative;
}

.oxfam-donations-donate-form .form-item {
  margin-bottom: 20px;
}

.oxfam-donations-donate-form label {
  display: inline-block;
  font-size: 14px;
  width: 160px;
}

.oxfam-donations-donate-form .form-type-radios label {
  display: block;
}
.oxfam-donations-donate-form .form-type-radio label {
  display: inline-block;
  width: 360px;
}

.oxfam-donations-donate-form .form-required {
  display: none;
}

.oxfam-donations-donate-form input[type="text"],
.oxfam-donations-donate-form input[type="email"] {
  float: none;
}

.oxfam-donations-donate-form input[type="checkbox"] {
	margin-left:160px;
	width:inherit;
	height:inherit;
}

.oxfam-donations-donate-form .form-type-checkbox label {
	float: none;
	width:inherit;
}
.oxfam-donations-donate-form .form-type-checkbox .description {
	color: #686E62;
	float: left;
	font-size: 11px;
	margin: 5px 0 5px 177px;
	width: 360px;
}

.oxfam-donations-donate-form input, .oxfam-donations-donate-form select {
  display: inline-block;
  font-size: 14px;
  height: 43px;
  padding: 5px 10px;
  width: 432px;
}

.oxfam-donations-donate-form input[type="radio"] {
	margin-left:120px;
	margin-right:33px;
	height: 23px;
	Width: 23px;
}

.oxfam-donations-donate-form select {
	border: 1px solid #ddd;
}

#oxfam-donations-donate-form > .arrow-btn {
  margin-left: 165px;
  width: 432px;
}

#donations-form-hidden {
  display: none;
}

.oxfam-donations-donate-form .currency-prefix {
  font-size: 14px;
  left: 172px;
  position: absolute;
  top: 13px;
  z-index: 1;
}

.oxfam-donations-donate-form #edit-amount {
  padding-left: 18px;
}

.oxfam-donations-donate-form fieldset {
  margin: 25px 0 65px;
}

.oxfam-donations-donate-form legend {
  color: #35741a;
  padding-bottom: 6px;
  text-transform: uppercase;
  width: 100%;
}

.oxfam-donations-donate-form .fieldset-wrapper {
  border-top: 1px solid #8a8a8a;
  margin: 0 -20px;
  padding: 20px 20px 0;
}

.oxfam-donations-donate-form .form-item-first-name label {
  float: left;
}

.oxfam-donations-donate-form #edit-first-name, .oxfam-donations-donate-form #edit-last-name {
  float: left;
  width: 210px;
}
.oxfam-donations-donate-form #edit-first-name {
  margin-left: 3px;
}
.oxfam-donations-donate-form #edit-last-name {
  margin-left: 12px;
  margin-bottom: 1em;
}
.oxfam-donations-donate-form .form-item-last-name label {
  display:none;
}
.oxfam-donations-donate-form .form-item-email, .oxfam-donations-donate-form .form-item-organisation {
  clear: both;
}
.oxfam-donations-donate-form .address-suffix {
  cursor: pointer;
  font-style: italic;
  margin: -8px 0 12px 177px;
  opacity: .7;
}

.oxfam-donations-donate-form .arrow-btn {
  background: #65a848;
  border: 0;
  margin: 0;
  padding: 0;
  width: 295px;
}

.oxfam-donations-donate-form .arrow-btn::before,
.oxfam-donations-donate-form .arrow-btn::after {
  background: transparent;
  border: 0;
}

.oxfam-donations-donate-form .arrow-btn:nth-child(2n+1) {
  margin-left: 6px;
}

.oxfam-donations-donate-form .arrow-btn input {
  height: 46px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.oxfam-donations-donate-form .form-item-address2,
.oxfam-donations-donate-form .form-item-suburb,
.oxfam-donations-donate-form .form-item-city,
.oxfam-donations-donate-form .form-item-postcode,
.oxfam-donations-donate-form .form-item-country {
  display: none;
}

.page-donate div.messages {
  margin-bottom: 15px;
  margin-top: 0;
  position: relative;
  top: -55px;
}

.donations-footer {
  margin: 0 -20px;
}

.donation-footer {
  display: inline-block;
  margin: 0 20px;
  vertical-align: top;
  width: 200px;
}

.donation-footer .appeal-image {
  height: 126px;
}

.donation-footer img {
  height: 126px;
  width: 200px;
}

.donation-footer a.appeal-title {
  background: #fff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: 41px;
  padding: 18px 20px;
}

.donation-footer a:hover {
  text-decoration: none;
}

.page-cart-checkout-complete .donations-main-wrapper #block-system-main {
  display: none;
}

#block-oxfam-donations-donate-share {
  background: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 2px 2px 5px #d8d8d8;
  padding: 99px;
}

#block-oxfam-donations-donate-share img {
  display: inline-block;
  height: auto;
  margin-right: 30px;
  vertical-align: top;
  width: 298px;
  float: left;
}

#block-oxfam-donations-donate-share .donate-share-wrapper {
  display: inline-block;
  vertical-align: top;
}

#block-oxfam-donations-donate-share h2 {
  color: #288f27;
}

.instructions-donations {
  display: none;
}

.oxfam-donations-appeal .instructions-donations {
  display: block;
}

.oxfam-donations-appeal .instructions-regular {
  display: none;
}

#review-instructions h2 {
  color: #288f27;
  font-size: 24px;
  font-weight: normal;
  margin-top: 0;
  text-align: center;
}

#review-instructions p {
  margin: 0 115px 40px;
  text-align: center;
}

.order-review-table .pane-title-row {
  color: #35741a;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 6px;
  text-transform: uppercase;
  width: 100%;
}

.order-review-table .title-col {
  font-size: 14px;
  font-weight: bold;
  width: 139px;
}

.order-review-table .data-col {
  font-size: 14px;
  height: 43px;
  padding: 5px 10px;
  width: 453px;
}

.order-review-table .frow .arrow-btn {
  background: #65a848 none repeat scroll 0 0;
  border: 0 none;
  height: 46px;
  margin: 0;
  padding: 0 !important;
  width: 295px;
}

.order-review-table .frow .no-arrow {
  background: #BEBFBD;
  border: 0;
  margin: 0 6px 0 149px;
  width: 105px;
}

.order-review-table .arrow-btn::before,
.order-review-table .arrow-btn::after {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
}

.order-review-table .frow input[type="submit"] {
  font-size: 13px;
  font-weight: bold;
  height: 46px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

/* -------- phone layout? -------- */
@media (max-width: 480px) {
  /* General Donations */
  .page-donate .main-container .donations-wrapper {
    padding: 55px 12px;
  }
  ul.donations-menu {
    height: auto;
    margin: -55px 0 0;
  }
  .item-list .donations-menu li {
    width: 100%;
  }
  .donations-menu li ul {
    position: relative;
    width: auto;
  }
  .donations-wrapper .donations-intro {
    margin: 0 0 40px;
  }
  .donations-intro img {
	max-width: 100% !important;
	height: auto !important;
  }
  .donation-option {
    display: block;
    margin: 0 auto 12px;
  }
  /* Donations form */
  .oxfam-donations-donate-form {
    margin: 53px 0 0 0;
  }
  .oxfam-donations-donate-form .currency-prefix {
    left: 12px;
    top: 30px;
  }
  .oxfam-donations-donate-form input {
    width: 100%;
  }
  #oxfam-donations-donate-form > .arrow-btn {
    margin: 0;
    width: 100%;
  }
  .oxfam-donations-donate-form fieldset {
    margin: 25px 0;
  }
  .oxfam-donations-donate-form .fieldset-wrapper {
    margin: 0;
    padding: 20px 0 0;
  }
  .oxfam-donations-donate-form .address-suffix {
    margin: -8px 0 12px;
  }

 .oxfam-donations-donate-form #edit-first-name, 
  .oxfam-donations-donate-form #edit-last-name,
  .oxfam-donations-donate-form input[type="radio"], 
  .oxfam-donations-donate-form input[type="checkbox"]  {
    margin-left: 0px;
  }
  .oxfam-donations-donate-form .form-item-last-name label {
    display:block;
  }

  .oxfam-donations-donate-form .form-item-first-name label,
  .oxfam-donations-donate-form #edit-first-name, 
  .oxfam-donations-donate-form #edit-last-name {
    float:none;
  }
  .oxfam-donations-donate-form .arrow-btn {
    width: 100%;
  }
  .oxfam-donations-donate-form .arrow-btn:nth-child(2n+1) {
    margin: 12px 0 0 0;
  }
  /* Donations footer */
  .donations-footer {
    margin: 0 auto;
  }
  .donation-footer {
    display: block;
    margin: 0 auto 12px;
  }
  /* Donation thank you page */
  #block-oxfam-donations-donate-share {
    padding: 99px 12px;
  }
  #block-oxfam-donations-donate-share img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
	float: none;
  }
  #block-oxfam-donations-donate-share .donate-share-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  /* Review Instructions */
  #review-instructions p {
    margin: 0 0 40px;
  }
  .order-review-table .frow .no-arrow {
    margin-bottom: 6px;
    margin-left: 0;
  }
}

/* -------- tablet and lanscape phone layout? -------- */
@media (min-width: 481px) and (max-width: 991px) {
  /* General Donations */
  .page-donate .main-container .donations-wrapper {
    padding: 55px 24px;
  }
  ul.donations-menu {
    margin: -55px -24px 0;
  }
  .item-list .donations-menu li {
    display: block;
    float: left;
    margin: 0 0.6%;
    width: 32.91%;
  }
  .item-list .donations-menu li.first,
  .item-list .donations-menu li.last {
    margin: 0;
  }
  .donations-menu > li > a {
    font-size: 15px;
  }
  .donations-menu > li.last > a i {
    display: none;
  }
  .donations-menu li ul {
    padding: 24px 12px;
  }
  .donations-wrapper .donations-intro {
    margin: 0 0 40px;
  }
  .donation-option {
    height: auto;
    width: 31.33%;
  }
  .donation-option-2 {
    margin: 0 3%;
  }
  .donation-option img {
    height: auto;
    width: 100%;
  }
  .donation-option:hover .donation-option-info {
    bottom: 0;
  }
  .donations-intro img {
	max-width: 100% !important;
	height: auto !important;
  }
  
  /* Donations form */
  .oxfam-donations-donate-form {
    margin: 53px 0 0 0;
  }
  .oxfam-donations-donate-form .currency-prefix {
    left: 12px;
    top: 30px;
  }
  .oxfam-donations-donate-form input {
    width: 100%;
  }
  #oxfam-donations-donate-form > .arrow-btn {
    margin: 0;
    width: 100%;
  }
  .oxfam-donations-donate-form fieldset {
    margin: 25px 0;
  }
  .oxfam-donations-donate-form .fieldset-wrapper {
    margin: 0;
    padding: 20px 0 0;
  }
  
   .oxfam-donations-donate-form .address-suffix {
    margin: -8px 0 12px;
  }

  .oxfam-donations-donate-form .arrow-btn {
    width: 100%;
  }
  .oxfam-donations-donate-form .arrow-btn:nth-child(2n+1) {
    margin: 12px 0 0 0;
  }

  /* Donations footer */
  .donations-footer {
    margin: 0 auto;
  }
  .donation-footer {
    margin: 2.5%;
    width: 45%;
  }
  .donation-footer img {

  }
  /* Donation thank you page */
  #block-oxfam-donations-donate-share {
    padding: 99px 0;
  }
  #block-oxfam-donations-donate-share img {
    display: block;
  }
  #block-oxfam-donations-donate-share .donate-share-wrapper {
    display: block;
    margin: 0 auto;
  }
  /* Review Instructions */
  #review-instructions p {
    margin: 0 0 40px;
  }
  .order-review-table .frow .no-arrow {
    margin-bottom: 6px;
    margin-left: 0;
  }
}