@charset "utf-8";
/*
CSS Document
AUTHOR:Appollinaire Egny
WEBSITE:http://www.domainnane.co.uk
Created in Mozilla Firefox3
THEME NAME:themename
DESCRIPTION:Bespoke template for xxxx
VERSION:1.0
------------------------------------------------------------------
[Master Stylesheet]
-------------------------------------------------------------------
*/
/* -------------------------------------------------------------
IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@import url(normalize.css);
@import url(homepage.css);
@import url(navi.css);
@import url(tables.css);
@import url(mobile.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i');
@font-face {
font-family:'ArialRoundedMTBold';
src:url('fonts/ArialRoundedMTBold.eot'); /* IE9 Compat Modes */
src:url('../fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/ArialRoundedMTBold.woff2') format('woff2'),
url('../fonts/ArialRoundedMTBold.woff') format('woff'),
url('../fonts/ArialRoundedMTBold.ttf') format('truetype'),
url('../fonts/ArialRoundedMTBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
/* -------------------------------------------------------------
STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html, body, div, span, applet, object, iframe,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus {outline:0}
/* ol, ul {list-style:none} */
table {border-collapse:separate; border-spacing:0}
caption, th, td {text-align:left; font-weight:normal}
blockquote:before,
blockquote:after,
q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
* {margin:0; padding:0}
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body {height:100%}
body, html {-ms-text-size-adjust:none; -moz-text-size-adjust:none; -o-text-size-adjust:none; -webkit-text-size-adjust:none}
html {box-sizing:border-box}
body {color:#000; margin:0; padding:0; border:0; width:100%; background:#fff; font-size:100%; line-height:1.5em; font-family:'Open Sans', sans-serif; font-weight:300; -webkit-text-size-adjust:none}
.fixed {
position:relative;
margin:0 auto;
padding:0;
max-width:1260px;
width:100%
}
a {color:#000}
a:hover {
}
h1, h2, h3 {
display:block;
font-family:'ArialRoundedMTBold';
line-height:1.3em
}
p {
margin:0 0 .8em 0;
padding:0;
}
.grecaptcha-badge {
display: none !important;
}
/* embedded videos */
embed,
object,
iframe {width:100%}
/* -------------------------------------------------------------
HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
.clearfix {display:inline-block}
.clearfix {display:block; zoom:1}
.group:before,
.group:after {content:""; display:table}
.group:after {clear:both}
.group {clear:both; *zoom:1}
/* -------------------------------------------------------------
HEADER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header {position:relative; width:100%; padding:10px 0 0; margin:0 auto}
#search_text::-webkit-input-placeholder {color:#fff !important}
#search_text::-moz-placeholder {color:#fff !important}
#search_text:-ms-input-placeholder {color:#fff !important}
#search_text:-moz-placeholder {color:#fff !important}
.site_info {position:relative; padding:0 0 10px; margin:0}
.site_info .cols01 {float:left; padding:0; margin:0; max-width:345px; width:100%}
.site_info .cols02 {float:right; padding:0; margin:0; max-width:527px; width:100%}
.site_info .cols02 {position:relative; height:122px; background:url('../images/info3.png') no-repeat; font-family:'ArialRoundedMTBold'}
.site_info .cols02 .abs_left {position:absolute; width:292px; padding:64px 0 0; top:0; left:0; height:122px; font-size:31px}
.site_info .cols02 .abs_left a {display:block; width:100%; height:100%; padding:0 0 0 10px; text-decoration:none; color:#000}
.site_info .cols02 .abs_right {position:absolute; width:180px; bottom:18px; right:0; height:59px; line-height:59px; background-color:#C91D67; text-align:center; color:#fff; font-size:25px}
.site_info .cols02 .abs_right a {display:block; width:100%; height:100%; text-decoration:none; color:#fff}
#menu {position:relative; height:45px; padding:0; margin:0 auto; background:#2195B3}
.nav {height:45px; display:block; padding:0; margin:0 auto; position:relative}
.nav li {float:left; list-style-type:none; position:relative; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif}
.nav li a {font-size:18px; color:#fff; display:block; line-height:45px; padding:0 15px; text-decoration:none}
.nav li a:hover {background-color:#4DAAC2; transition:all 0.15s}
.nav li ul {position:absolute; left:0px; top:0px; display:none; padding:0px; margin:0px; list-style-type:none; z-index:1000; width:290px}
.nav li.over {top:0}
.nav li.over a {background:#009bcc}
.nav li.over ul {padding:5px 0 0 !important; display:block; background:#009bcc}
.nav li.over ul li {float:none; margin:0px!important; top:0px}
.nav li.over ul li a {font-size:14px!important; padding:3px 30px; background:none; white-space:nowrap}
.nav li.over ul li a:hover {background:#00bbf7; color:#fff}
.nav li.over ul.frame_srch {left:auto !important; right:0 !important; top:0px; width:320px; background:#2195B3 !important}
/*
#search {width:350px; padding:0; margin:0; float:right !important}
#search_text {width:230px; padding:15px 0 15px 20px; font-size:16px; border:0 none; height:45px; margin:0 0 0 60px; color:white; outline:none; background:#4DAAC2; float:left; box-sizing:border-box; transition:all 0.15s}
*/
#search_box {float:right !important; width:130px}
#search {float:right !important; background:#4DAAC2}
::-webkit-input-placeholder {color:#000}
:-moz-placeholder {color:#000}
::-moz-placeholder {color:#000}
:-ms-input-placeholder {color:#000}
#search_text:focus {}
#search_button {border:0 none; background:url('../images/search.png') center no-repeat; width:60px; float:left; padding:0; text-align:center; height:45px; cursor:pointer}
.list_inline {position:relative; padding:30px 0; margin:0 auto; width:100%; text-align:center}
.list_inline .inline-box {position:relative; display:inline-block; padding:0; margin:0 20px 25px; max-width:350px; width:100%; min-height:450px; background:#EAF0F2; vertical-align:top}
.list_inline .inline-box div {position:relative}
.list_inline .inline-box div.profile {padding:25px 15px; margin:0}
.list_inline .inline-box div.head {padding:0 0 10px; margin:0; font-weight:600; font-size:20px}
.list_inline .inline-box div.head span {display:block; clear:both; padding:5px 0 0; font-weight:300 !important}
.list_inline .inline-box div.head button {display:block; padding:0; margin:0 auto; border:none; background:none}
.list_inline .inline-box div.head button img {display:inline-block !important; text-align:center}
.list_inline .inline-box div.head a {display:block; width:100%; height:100%; color:#000; text-decoration:none}
/*
.list_inline .inline-box div.head:after {display:block; content: url('../images/down.png'); width:17px; height:12px; position:absolute; bottom:22px; right:0; left:0; margin:0 auto}
*/
.list_inline .inline-box div.content {padding:0; margin:15px 0 0; text-align:left}
.list_inline .inline-box .boxes {display: none}
.team_nav {position:relative; padding:0; margin:0 auto; text-align:center; font-family:'ArialRoundedMTBold' !important; font-size:30px}
.team_nav a {display:inline-block; position:relative; padding:0 25px; margin:0 25px 0 0; text-decoration:none; color:#000}
.team_nav a:before {content: url('../icons/staff-arrow.png'); padding: 0; margin:0; display:block; position:absolute; width:15px; height:24px; top:0; left:0}
/* -------------------------------------------------------------
CONTENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main {position:relative; width:100%; padding:0; margin:0 auto}
.banner_frame {position:relative; width:100%; padding:0; margin:0 auto}
.banner_frame img {display:block; width:100%; height:auto}
#main img {display:block; max-width:100%; height:auto}
h1 {padding:0 0 10px; font-size:35px; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif}
/* h2 {padding:25px 0 10px; font-size:25px} */
h2 {padding:0 0 10px; font-size:25px}
h2.innerTitle {display:block; margin:0 auto; text-align:center; font-size:35px}
.inner_content {position:relative; padding:30px 0; margin:0 auto; max-width:1242px; width:100%}
.inner_content .left_col {position:relative; float:left; width:71%}
.inner_content .right_col {position:relative; float:right; width:25%; padding:60px 0 0}
.table_banner {position:relative; display:table; height:100%; width:100%; padding:0; margin:50px auto; background:#C91D67}
.table_banner .cell_01 {position:relative; display:table-cell; height:100%; float:left; width:68%; background:#fff}
.table_banner .cell_02 {position:relative; display:table-cell; height:100%; float:right; width:32%; text-align:center; color:#fff}
.table_banner .cell_02 > div {position:relative; padding:0 25px; margin:0 auto; line-height:1.3}
.table_banner .cell_02 > div:after {content:""; display:block; background:url("../images/arrow.png") no-repeat; width:23px; height:35px; margin:0 auto}
.table_banner .cell_02 > div span {display:block; padding:0 0 10px; margin:0 auto; font-size:40px; font-weight:600; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;}
.table_banner .cell_02 > div p {display:block; padding:0 0 0px; margin:0}
.action_box {position:relative; padding:0; margin:0 auto 25px; width:100%}
.action_box img {width:100%; height:auto; display:block}
.action_box > div {background:#C91D67; color:#fff; position:relative; text-align:center; padding:25px; margin:0 auto}
.action_box > div:after {content:""; display:block; background:url("../images/arrow.png") no-repeat; width:23px; height:35px; margin:0 auto}
.action_box > div span {display:block; padding:0 0 20px; margin:0 auto; font-size:40px; font-weight:600; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;}
.action_box > div p {display:block; padding:0 0 35px; margin:0}
.three_boxes {position:relative; padding:30px 0; margin:0 auto; width:100%}
.three_boxes > div {position:relative; float:left; width:32%; margin:0 2% 0 0}
.three_boxes > div img {display:block; width:100%; height:auto}
.three_boxes > div span {display:block; padding:10px 0}
.three_boxes > div:last-child {margin:0 !important}
.three_boxes > div span.head {display:block; padding:0 !important; margin:0 auto; height:65px; line-height:65px; font-size:35px; font-weight:600; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; text-align:center; color:#fff}
.three_boxes > div a {display:block; position:absolute; bottom:0; left:0; right:0; padding:0; margin:0 auto; width:100%; height:100%; background:url('../images/orange.png') no-repeat center 90% ; z-index:101}
#fundraise > div a {width:100% !important; height:100% !important; background:url('../images/purple.png') no-repeat center 90% !important}
.three_boxesFull {position:relative; padding:30px 0; margin:0 auto; width:100%}
.three_boxesFull > div {position:relative; width:49%; margin:0}
.three_boxesFull > div:nth-child(odd) {float:left}
.three_boxesFull > div:nth-child(even) {float:right}
.three_boxesFull > div img {display:block; width:100%; height:auto}
.three_boxesFull > div span {display:block; padding:10px 0}
.three_boxesFull > div:last-child {margin:0 !important}
.three_boxesFull > div span.head {display:block; padding:0 !important; margin:0 auto; height:65px; line-height:65px; font-size:35px; font-weight:600; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; text-align:center; color:#fff}
.three_boxesFull > div a {display:block; position:absolute; bottom:20px; left:0; right:0; padding:0; margin:0 auto; width:100%; height:100%; background:url('../images/orange.png') no-repeat center bottom; z-index:101}
.table_wrapper {position:relative; margin:0 -10px; padding:0}
.table_wrapper table {border-collapse:separate; border-spacing:10px}
.table_wrapper table tr td {padding:15px}
.table_wrapper table tr td:nth-child(1) {background:#A5C83A; padding:20px 15px !important; width:20%; text-align:right; color:#fff; font-size:40px; font-weight:600}
.table_wrapper table tr td:nth-child(2) {background:#EFEEED; width:80%; vertical-align:top}
.table_wrapper table.blue_tbl tr td:nth-child(1) {background:#2195b3 !important}
.table_wrapper table.blue_tbl tr td:nth-child(2) {background:#deeff4 !important}
.four_boxes {position:relative; padding:0; margin:70px auto; width:100%; text-align:center}
.four_boxes > div {float:left; width:23%; margin:0 1%}
.four_boxes > div img {width:100%; height:auto; display:block}
.four_boxes > div a {width:100%; height:100%; display:block; z-index:1001}
.four_boxes > div div.img_frame {position:relative; padding:0; margin:0; width:100%}
.four_boxes > div div.img_frame a {position:absolute; top:0; left:0; right:0; display:block; width:100%; height:100%; z-index:1001}
.four_boxes div.img_frame:after {content:""; display:block; position:absolute; bottom:20px; left:0; right:0; width:42px; height:44px; margin:0 auto}
.four_boxes > div:nth-child(1) div.img_frame:after {background:url("../images/blue.png") no-repeat}
.four_boxes > div:nth-child(2) div.img_frame:after {background:url("../images/purple.png") no-repeat}
.four_boxes > div:nth-child(3) div.img_frame:after {background:url("../images/orange.png") no-repeat}
.four_boxes > div:nth-child(4) div.img_frame:after {background:url("../images/green.png") no-repeat}
.four_boxes > div span {display:table; width:100%; padding:0; height:80px; line-height:1.3; color:#fff; font-size:25px; font-weight:600; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;}
.four_boxes > div span span {display:table-cell; padding:0; height:100%; vertical-align:middle; line-height:1.3; color:#fff; font-size:25px; font-weight:600; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;}
.four_boxes > div p {display:block; padding:10px 20px 0}
#get_involved .four_boxes > div div.img_frame:after {background:url("../images/purple.png") no-repeat !important}
#get_involved .four_boxes > div a {display:block; color:#fff; height:100%; text-decoration:none}
.two_boxes {position:relative; padding:45px 0; margin:0 auto; width:100%}
.two_boxes > div {position:relative; width:49%; margin:0}
.two_boxes > div:nth-child(1) {float:left}
.two_boxes > div:nth-child(2) {float:right}
.two_boxes > div img {display:block; width:100%; height:auto}
.two_boxes > div span {display:block; padding:10px 0}
.two_boxes > div span.head {display:block; padding:0 0 45px !important; margin:0 auto; font-size:35px; font-weight:600; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; text-align:center}
.two_boxes > div p {display:block; padding:35px 40px; text-align:center; font-size:18px}
.two_boxes > div a {display:block; position:absolute; bottom:20px; left:0; right:0; padding:0; margin:0 auto; width:42px; height:44px; background:url('../images/orange.png') no-repeat center bottom; z-index:101}
.anchorfull a {width:100% !important; height:100% !important}
.img_wrapper {position:relative; padding:0; margin:0 auto; width:100%}
.blue {background:#2195B3}
.purple {background:#C91D67}
.orange {background:#F79C02}
.green {background:#A5C83A}
.gray {background:#f2f2f2}
.pad10 {padding:25px 20px 0 !important; height:350px}
#main ul, #main ol {margin:0 0 18px 18px; padding:0}
#support > div:nth-child(1) span {background:#2195B3}
#support > div:nth-child(2) span {background:#C91D67}
#support > div:nth-child(3) span {background:#A5C83A}
#support > div:nth-child(4) span {background:#F79C02}
/** HOME stuff **/
.home_content {position:relative; padding:0; margin:0 auto 0; max-width:1262px; width:100%}
.home_content .title_h1 {position:relative; padding:40px 0 0; margin:0 auto; width:100%}
.home_content h1 {display:block; padding:0; margin:0 auto; text-align:center}
.four_boxes_home {position:relative; padding:0; margin:40px auto; width:100%; text-align:center}
.four_boxes_home > div {float:left; width:23%; margin:0 1%}
.four_boxes_home > div a {display:block; padding:0; margin:0; width:100%; height:100%; color:#fff; text-decoration:none}
.four_boxes_home > div img {width:100%; height:auto; display:block}
.four_boxes_home > div div.img_frame {position:relative; padding:0; margin:0; width:100%}
.four_boxes_home > div span {display:table; width:100%; padding:0; height:76px; /*line-height:76px; */ color:#fff; font-size:25px; font-weight:600; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;}
.four_boxes_home > div span span {display:table-cell; width:100%; padding:0; height:76px; vertical-align:middle; text-align:center}
.four_boxes_home > div p {display:block; padding:10px 20px 0}
#main .impact_frame img {display:inline-block !important; max-width:100%; height:auto}
div.shadow {-moz-box-shadow:3px 3px 4px #666; -webkit-box-shadow:3px 3px 4px #666; box-shadow:3px 3px 4px #666; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')}
.blue_box {position:relative; padding:40px 0; margin:10px 0 0; width:100%; background:#2195b3}
#blue__info {}
#blue__info h2 {display:block; color:#fff; padding:0 0 40px; margin:0; text-align:center; font-size:40px; line-height:40px}
#blue__info .col_left {float:left; padding:0 0 0 10px; margin:0; width:47%}
#blue__info .col_right {float:right; padding:0 10px 0 0; margin:0; width:47%}
#blue__info .rows_left {float:left; width:48%; min-height:250px; background-color:#fff}
#blue__info .rows_right {float:right; width:48%; min-height:250px; background-color:#fff}
#blue__info .box {position:relative; padding:15px 20px; margin:0 auto; height:280px}
#blue__info .box h3 {padding:0 0 10px}
#blue__info .box a {text-decoration:none; color:#336F81; font-weight:600}
.impact_frame {position:relative; padding:100px 0 25px; margin:0 auto; width:100%; text-align:center}
/** end HOME stuff **/
.facts {position:relative; padding:60px 0 40px; margin:0 auto; text-align:center}
.facts img {display:inline-block !important; max-width:100% !important; height:auto}
.quotes_frame {position:relative; padding:0; margin:50px auto}
.quotes_frame div.quote_box {float:left; position:relative; padding:0; margin:0 1%; width:23%; height:318px}
.quotes_frame div.quote_box div {position:relative; padding:25px 20px 10px; margin:0; height:100%}
blockquote {margin:0; padding:0; display:block; position:relative; color:#fff; font-style:italic}
.quotes_frame div.quote_box div:before,
.quotes_frame div.quote_box div:after {position:absolute; z-index:101; width:36px; height:24px}
.quotes_frame div.quote_box div:before {content:url('../icons/open-quote.png'); left:20px; top:18px}
.quotes_frame div.quote_box div:after {content:url('../icons/close-quote.png'); right:20px; bottom:18px}
blockquote p {display:block; padding:25px 0 0 !important; margin:0 !important}
.about_box {position:relative; padding:20px 0 0px; margin:0 auto; width:100%}
.about_box .rows_col {float:left; position:relative; margin:0 0.5% 1%; width:24%; height:340px; background-color:#F2F2F2}
.about_box .rows_col span {display:block; height:96px; padding:15px 25px 0; text-align:center; font-size:30px; line-height:32px; background:#C91D67; color:#fff; font-family:'ArialRoundedMTBold'; overflow:hidden}
.about_box .rows_col div {display:block; padding:30px 25px 0; text-align:center; font-size:18px;}
.about_box .rows_col a {display:block; position:absolute; bottom:20px; left:0; right:0; padding:0; margin:0 auto; width:43px; height:43px; background:url('../icons/purple-arrow.png') no-repeat;}
.four_cols {position:relative; padding:80px 0 0; margin:0 auto;}
.four_cols .mod__headers {position:relative; padding:0; margin:0 0 25px; height:50px; line-height:50px; color:#fff; font-size:25px; text-transform:uppercase; text-align:center; font-family:'ArialRoundedMTBold';}
.four_cols .col {position:relative; float:left; width:23.8%; padding:0; margin:0 1.6% 0 0;}
.four_cols .col div {position:relative; width:100%; padding:0; margin:0}
.four_cols .col div a {display:block; width:100%; height:100%}
.four_cols .col div a:after {display:block; position:absolute; z-index:1001; width:42px; height:44px; right:20px; bottom:17px}
.four_cols .set_01 .col div a:after {content:url('../images/purple.png')}
.four_cols .set_02 .col div a:after {content:url('../images/blue.png')}
.four_cols .set_03 .col div a:after {content:url('../images/orange.png')}
.four_cols .set_04 .col div a:after {content:url('../images/green.png')}
.four_cols .col:last-child {margin:0 !important}
.four_cols .col p {display:block; padding:15px 5px !important; margin:0 !important}
.title_wrapper {position:relative; padding:0; margin:50px 0 0}
.over_mrg {margin:40px auto !important}
.acc-container {position:relative; padding:30px 1% 40px; margin:0 auto}
.acc-btn {position:relative; width:100%; margin:0 0 5px; padding:0; cursor:pointer; color:#fff; font-size:18px; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif}
.acc-btn span {display:block; padding:12px 20px; background:#702663 url('../icons/ar_down.png') no-repeat 99% center}
.acc-btn span.selected {color:#fff; background:#702663 url('../icons/ar_up.png') no-repeat 99% center !important}
.acc-content {height:0px; width:100%; margin:0 0 5px; overflow:hidden; background:#F2F2F2}
.acc-content-inner {padding:15px 20px}
.open {height:auto}
.acc-container {position:relative; padding:30px 1% 40px; margin:0 auto}
#accordion__frame .acc-btn span {background:#b3b3b3 url('../icons/ar_down.png') no-repeat 99% center}
#accordion__frame .acc-btn span.selected {background:#b3b3b3 url('../icons/ar_up.png') no-repeat 99% center !important}
.tips_quote {position:relative; padding:40px 0; margin:0 auto; max-width:1260px; width:100%}
.tips_quote div {position:relative; padding:0; margin:0; width:32%; height:276px; float:left}
.tips_quote div:nth-child(1) {background:url('../icons/tips_box_r1.png') no-repeat center center; margin:0 2% 0 0}
.tips_quote div:nth-child(2) {background:url('../icons/tips_box_r2.png') no-repeat center center; margin:0 2% 0 0}
.tips_quote div:nth-child(3) {background:url('../icons/tips_box_r3.png') no-repeat center center; margin:0}
.tips_quote blockquote {padding:0 62px !important}
.tips_quote blockquote p {display:block; padding:15px 0 0 !important; margin:0 !important; font-size:22px; line-height:30px}
.tips_quote div:before,
.tips_quote div:after {position:absolute; z-index:101; width:36px; height:24px}
.tips_quote div:before {content:url('../icons/open-quote.png'); left:20px; top:18px}
.tips_quote div:after {content:url('../icons/close-quote.png'); right:20px; bottom:76px}
.tips_banner {position:relative; padding:0; margin:0; background:#A5C83A url('../images/tips_bg.jpg') no-repeat center center; height:auto}
.tips_banner {position:relative; padding:0; margin:0 auto; width:100%}
.tips_banner .cols_01 {position:relative; float:left; padding:0; margin:0; width:41%}
.tips_banner .cols_01 > div {position:relative; padding:25px 0 0; margin:0 auto; text-align:center; width:70%; color:#fff; font-size:18px}
.tips_banner .cols_01 > div span {display:block; position:relative; padding:0 0 15px; margin:0; font-size:25px; font-family:'ArialRoundedMTBold'; font-weight:600}
.tips_banner .cols_02 {position:relative; float:right; padding:0; margin:0; width:50%}
.tips_banner .cols_02 > div {position:relative; padding:0; margin:0 auto; text-align:center; width:70%; color:#fff; font-size:20px; line-height:30px}
.tips_banner .cols_02 > div span {display:block; position:relative; padding:0 0 25px; margin:0; font-size:30px; font-family:'ArialRoundedMTBold'; font-weight:600}
.blue_banner {position:relative; padding:0; margin:0 auto; background:#2195B3 url('../images/blue_banner.png') no-repeat center center; height:auto}
.blue_banner span.head {display: block; padding: 0; margin: 0 auto 50px; font-size: 35px; font-weight: 600; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; text-align: center; color: #fff}
.blue_banner .cols_01 {position:relative; float:left; padding:0; margin:0; width:50%}
.blue_banner .cols_02 {position:relative; float:left; padding:0; margin:0; width:50%}
.blue_banner .cols_01 > div,
.blue_banner .cols_02 > div {position:relative; padding:0; margin:0 auto; max-width:503px; width:100%; text-align:center}
.blue_banner .cols_01 > .content,
.blue_banner .cols_02 > .content {padding:25px; color:#fff}
.blue_banner .cols_01 > .content span,
.blue_banner .cols_02 > .content span {display: block; padding: 0 0 15px; margin:0; font-size: 22px; font-weight: 600; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif}
#box_02 span {display:block; padding:30px 0 0; text-align:center; height:85px; color:#fff; font-family:'ArialRoundedMTBold'; font-size:30px}
#box_02.two_boxes > div a {background:url('../images/purple.png') no-repeat center bottom !important}
.tiny_content {position:relative; padding:30px 0 0; margin:0}
.tiny_content ul {list-style:none}
.tiny_content ul li {display:block; position:relative; padding:0 0 10px 10px; margin:0; font-size:17px}
.tiny_content ul li:before {content:url('../icons/blue_li_arrow.png'); height:19px; width:13px; display:block; position:absolute; left:-15px; top:3px}
.tiny_content.greenli ul li:before {content:url('../icons/green_li_arrow.png') !important}
.tiny_content img {position:relative; padding:30px 0 0; margin:0}
.tiny_content img {display:block; max-width:100%; width:auto !important; height:auto; margin:0 auto; padding:0 !important}
.two-half-box {position:relative; padding:0; margin:25px 0; width:100%}
.two-half-box .b_head {position:relative; padding:15px 0 0; margin:0; height:92px; width:100%; text-align:center; font-family:'ArialRoundedMTBold'; font-size:35px; color:#fff}
.two-half-box .b_head span {display:block; font-size:20px; padding:10px 0 0}
.two-half-box .img_wrapper {position:relative; padding:0; margin:0}
.two-half-box .img_wrapper a {display:block; position:absolute; top:0; background:url('../images/purple.png') no-repeat center bottom !important; width:100%; height:95%}
.two-half-box .cols_01 {float:left; width:37%; margin:0 1.5% 0 0; padding:0; height:265px}
.two-half-box .cols_02 {float:left; width:37%; margin:0 1.5% 0 0; padding:0; height:265px}
.two-half-box .cols_03 {float:left; width:23%; margin:0; padding:0; height:265px}
.two-half-box .cols_03 > div {text-align:center; height:100%; padding:40px 10px 10px; color:#fff}
.two-half-box .cols_03 > div:after {content: ""; display: block; background: url('../images/arrow.png') no-repeat; width: 23px; height: 35px; margin: 0 auto}
.two-half-box .cols_03 > div span {display:block; font-size:35px; padding:0 0 25px; font-family:'ArialRoundedMTBold'; text-transform:uppercase}
.two-half-box .cols_03 > div span i {display:block; font-size:30px; padding:15px 0 0; font-style:normal}
.two-half-box .cols_03 > div p {display:block; padding:0; font-size:18px}
.bx-wrapper {max-width:100% !important}
.bx-wrapper .bx-caption span {font-family:'ArialRoundedMTBold' !important; font-size:25px !important; line-height:38px; text-align:center; padding: 30px 30px 50px !important}
#support_sliders .bx-wrapper .bx-prev {background: url('../icons/prev_b.png') no-repeat 0 0 !important}
#support_sliders .bx-wrapper .bx-next {background: url('../icons/next_b.png') no-repeat 0 0 !important}
.research .bx-wrapper .bx-prev {background: url('../icons/prev_b.png') no-repeat 0 0 !important}
.research .bx-wrapper .bx-next {background: url('../icons/next_b.png') no-repeat 0 0 !important}
ul.bxslider {margin:0 !important}
div.green_module a {background: url('../images/green.png') no-repeat !important}
div.purple_module a {background: url('../images/purple.png') no-repeat center 90% !important}
.content_box {position:relative; padding:25px; color:#fff}
.content_boxnoarrow {position:relative; padding:25px; color:#fff}
.content_box:after {display: block; position:relative; margin: 0 auto; width: 37px; height: 22px; content: url('../icons/next.png')}
#support_sliders {position:relative; padding:0; margin:0 auto; width:100%}
.grey_box {position:relative; padding:40px 0 40px; margin:10px 0 0; width:100%; background:#D9DBDE}
.grey_box .col_left {float:left; padding:0 0 0 10px; margin:0; width:47%}
.grey_box .col_right {float:right; padding:0 10px 0 0; margin:0; width:47%}
.grey_box h2 {display:block; color:#000; padding:0 0 40px; margin:0; text-align:left; font-size:30px; line-height:40px}
.grey_box .box {position:relative; background-color:#fff; padding:15px 15px 5px; margin:0 0 18px; height:180px; overflow:hidden}
.grey_box .box img {float:left; margin:0 25px 10px 0}
.grey_box .box h3 {padding:0 0 10px}
.grey_box .box p {display:block; padding:0 0 5px; margin:0}
.grey_box .box a {text-decoration:none; color:#336F81; font-weight:600}
.support_home_frame {position:relative; padding:0 0 40px; margin:10px 0 0; width:100%; text-align:center}
ul.tabs {margin: 0px !important; padding: 0px !important; list-style: none}
ul.tabs li {background: none; display: inline-block; padding: 0; cursor: pointer}
ul.tabs li:nth-child(1) {float:left}
ul.tabs li:nth-child(2) {float:right}
ul.tabs li:nth-child(2) h2 {text-align:right !important}
ul.tabs li h2 {color: #8A9098}
ul.tabs li.current h2 {color: #000}
.tab-content {display: none}
.tab-content.current {display: inherit}
.grey_box .news_list .box {width:47%}
.grey_box .news_list .box:nth-child(odd) {float:left}
.grey_box .news_list .box:nth-child(even) {float:right}
.post_right {width:75%; float:left; padding:0; margin:0}
.post_left {width:20%; float:right; padding:0; margin:0}
.post_left .box_wrapper {position:relative; padding:10px 20px; margin:0 0 35px; background:#EFEFEF; width:100%}
.post_left .box_wrapper h2 {padding: 0 0 20px !important; font-size: 25px; line-height: 30px}
.featured_post {position:relative; padding:0 0 50px; margin:0; width:100%}
.featured_post .col_left {float:left; width:60%}
.featured_post .col_left img {display:block; max-width:none !important; width:100%}
.featured_post .col_right {float:right; width:35%}
.list_two {position:relative; padding:20px 0; margin:0; width:100%}
.list_two .box_item {width:45%; text-align:center}
.list_two .box_item a {display:block; height:100%; color:#fff; text-decoration:none}
.list_two .box_item span {display:block; padding:10px; color:#fff; height:90px}
.list_two .box_item:nth-child(odd) {float:left}
.list_two .box_item:nth-child(even) {float:right}
.list_three {position:relative; padding:20px 0; margin:0; width:100%}
.list_three .box_item {width:31%; margin:0 1% 25px; text-align:center; float:left}
.list_three .box_item a {display:block; height:100%; color:#fff; text-decoration:none}
.list_three .box_item span {display:block; padding:10px; color:#fff; height:90px}
#main .list_three .box_item img {display:block; max-width:none !important; width:100%}
/*
.list_three .box_item:nth-child(odd) {float:left}
.list_three .box_item:nth-child(even) {float:right}
*/
.post_item img {margin:0 auto}
a.btn_donate {color:#fff; text-decoration:none; display:block; height:100%}
.grey_fr {background:#EFEFEF; padding: 0 20px 10px !important}
ul.tags,
.post_left ul,
.post_left ol {list-style:none; margin:0 !important}
.grey_box .news_list .box.full {width: 100%; !important; border-bottom:1px solid #ccc !important}
.grey_box .box.full a {text-decoration: none; color: #000; font-weight: 300; display:block; height:100%}
.grey_box .box.full span {color: #336F81; font-weight: 600}
#searchform {display:block; padding:15px 10px}
#searchform input[type='text'] {display:inline-block; padding:4px 5px; border:none; width:205px}
#searchform input[type='submit'] {display:inline-block; padding:4px 10px; border:none; background:#C91D67; color:#fff; font-weight:300; text-transform:none }
#innersearchform {display:block; padding:15px 0}
#innersearchform input[type='text'] {display:inline-block; padding:4px 5px; border:none; width:185px}
#innersearchform input[type='submit'] {display:inline-block; padding:4px 10px; border:none; background:#C91D67; color:#fff; font-weight:600; text-transform:none }
.frame_pad {position:relative; padding:0; margin:0 auto; width:80%; text-align:center}
.list_carousel {position:relative; padding:30px 0 15px; margin:0 auto; width:100%;}
.list_carousel > div {position:relative; padding:0; margin:0 15px 0 0; width:24%; float:left}
.list_carousel > div:nth-child(4) {margin:0}
.list_carousel > div span {display:block; padding:0; margin:0; height:64px; line-height:64px; text-align:center}
.list_carousel > div span {font-size: 22px; font-weight: 600; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; color:#fff}
.fullheight {position:relative; padding:0; margin:0 auto}
.three_boxes .fullheight a {bottom: 20px; width: 100% !important; height: 100% !important; background: url('../images/green.png') no-repeat center bottom !important}
.cols_quote {position:relative; padding:0; margin:0 2%; width:21%; float:left; color:#fff}
.cols_quote > div {position:relative; padding:0; margin:0; width:100%}
.cols_quote > div:before,
.cols_quote > div:after {position:absolute; z-index:101; width:36px; height:24px}
.cols_quote > div:before {content:url('../icons/open-quote.png'); left:0; top:0}
.cols_quote > div:after {content:url('../icons/close-quote.png'); right:0; bottom:0}
.cols_quote > div p {display:block; padding:35px 0; margin:0}
.cols_quote > div a {color:#fff; text-decoration:none}
#young_people .three_boxes .fullheight a {background: url('../images/purple.png') no-repeat center bottom !important}
.three_box_frame {position:relative; padding:0; margin:0 auto; width:100%}
.three_box_frame > div {position:relative; padding:0; margin:0; width:33.3333333%; float:left}
.three_box_frame > div span {display:block; padding:0; margin:0; text-align:center; height:70px; font-size:25px; font-weight:600; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;}
.three_box_frame > div > div {position:relative; padding:20px; margin:0 auto; width:80%; background:#F5F8F9; height: 324px;}
.three_box_frame > div > div ul {list-style:none}
.three_box_frame > div > div ul li {display:block; position:relative; padding:0 0 10px 10px; margin:0; font-size:17px}
.three_box_frame > div > div ul li:before {content:url('../icons/purple_li.png'); height:19px; width:13px; display:block; position:absolute; left:-15px; top:3px}
.celeb_frame {position:relative; padding:0; margin:0 auto; width:100%}
.celeb_frame .rows {position:relative; padding:0; margin:0 auto; width:100%}
.celeb_frame .cols_01 {position:relative; padding:0; margin:0; width:40%; float:left; text-align:center}
.celeb_frame .cols_01 > div {position:relative; padding:0; margin:0 auto; width:70%}
.celeb_frame .cols_01 > div span {display: block; padding: 0 0 15px; margin: 0; text-align: center; font-size: 25px; font-weight: 600; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif}
.celeb_frame .cols_02 {position:relative; padding:0; margin:0; width:60%; float:right; background:#B3B3B3; font-size:25px; line-height:1.4em}
.celeb_frame .cols_02 > div:nth-child(odd) {position:relative; float:left; padding:0; margin:0; width:26%}
.celeb_frame .cols_02 > div:nth-child(even) {position:relative; float:left; padding:20px 30px; margin:0; width:70%; color:#fff; text-align:center}
.celeb_frame .cols_02 > div:nth-child(even) blockquote {display:block; position:relative; padding:0 0 15px; margin:0; text-align:left; width:100%}
.celeb_frame .cols_02 > div:nth-child(even) blockquote:before,
.celeb_frame .cols_02 > div:nth-child(even) blockquote:after {position:absolute; z-index:101; width:36px; height:24px}
.celeb_frame .cols_02 > div:nth-child(even) blockquote:before {content:url('../icons/open-quote.png'); left:0; top:0}
.celeb_frame .cols_02 > div:nth-child(even) blockquote:after {content:url('../icons/close-quote.png'); right:0; bottom:0}
.celeb_frame .cols_02 > div:nth-child(even) blockquote p {display:block; position:relative; padding:10px 0 !important; margin:0 auto !important; width:80%}
.celeb_frame .cols_02 > div:nth-child(even) span {display:block; padding:50px 0 15px; margin:0; text-align:center; font-size:25px; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif}
h2.spec_h2 {font-size:35px !important; color:#F79C02}
#training_boxes {position:relative; padding:0; margin:25px 0; width:100%}
#training_boxes > div {width:49%; padding:0; margin:0; background:#F2F2F2; height:452px}
#training_boxes .rows_01 {float:left}
#training_boxes .rows_02 {float:right}
#training_boxes > div > span {display:table; width:100%; padding:0; margin:0; height:65px; text-align:center; font-size:25px; color:#fff; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;}
#training_boxes > div > span span {display:table-cell; width:100%; padding:0; margin:0; height:65px; vertical-align:middle; text-align:center; font-size:25px; color:#fff; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;}
#training_boxes > div > div {display:block; padding:40px; margin:0}
#training_boxes > div img {display:inline-block !important}
#training_carousel {position:relative; padding:0; margin:25px 0; width:100%; background:#f9f9f9}
#training_carousel > span {display:block; padding:0; margin:0; height:65px; line-height:65px; text-align:center; font-size:25px; color:#fff; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;}
#training_carousel > div {position:relative; padding:0; margin:35px 0; width:100%}
#training_carousel > div div.slide {float:left; width:33.33333%; padding:0 65px; margin:0; height:210px; border-right:1px solid #000; font-size:20px; line-height:1.4em}
#training_carousel > div div.slide:nth-child(3n) {border-right:0px solid #000 !important}
#training_carousel > div div.slide span {display:block; padding:0; margin:0; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; text-transform:uppercase}
#training_carousel > div div.slide a {display:block; width:42px; height:44px; padding:0; margin:0 auto; text-align:center}
#training_carousel > div div.slide a img {display:inline-block; margin:0 auto}
#training_carousel .bx-wrapper .bx-prev {background: url('../icons/prev_or.png') no-repeat 0 0 !important}
#training_carousel .bx-wrapper .bx-next {background: url('../icons/next_or.png') no-repeat 0 0 !important}
#donate_info {position:relative; padding:0; margin:0 auto; width:100%; color:#fff}
#donate_info > div {position:relative; width:48%; padding:0}
#donate_info > div > span {display:block; padding:15px; margin:0; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; font-size:30px}
#donate_info > div > div {padding:15px; margin:0; min-height:220px}
#donate_info > div > div a {color:#fff}
#donate_info > div > div i {display:block; width:50px; position:absolute; top:10px; right:0; font-size:35px}
#donate_info > div:nth-child(odd) {float:left}
#donate_info > div:nth-child(even) {float:right}
.impact_frame > div {float:left; position:relative; display:block; margin:0; padding:0; width:25%; height:261px; min-height: 1px;}
.impact_frame > div img {position:absolute; left:0; right:0; margin:0 auto}
.impact_frame > div:nth-child(odd) img {top:0}
.impact_frame > div:nth-child(even) img {top:-65px}
.impact_frame_vertical > div {position:relative; display:block; margin:0 0 15px; padding:0; width:100%}
.impact_frame_vertical > div:before,
.impact_frame_vertical > div:after {content:""; display:table}
.impact_frame_vertical > div:after {clear:both}
.impact_frame_vertical > div {clear:both; *zoom:1}
.impact_frame_vertical > div img {}
.impact_frame_vertical > div:nth-child(odd) img {float:left}
.impact_frame_vertical > div:nth-child(even) img {float:right}
.action_box h2 {padding: 10px 0}
.list_carousel > div.none span {font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif !important; font-weight:300; color: #fff; display: block; padding: 10px; margin: 0; height: auto !important; line-height: 1.3em !important; text-align: center; min-height:100px}
.list_carousel > div.none a {color:#fff; text-decoration:none}
#inner_case.four_cols .col p {background: #2195B3}
#inner_case.four_cols #young-people p {background: #C91D67 !important}
#inner_case.four_cols #therapists p {background: #F79C02 !important}
#inner_case.four_cols #teachers p {background: #A5C83A !important}
#parents .col div a:after,
#teachers .col div a:after,
#therapists .col div a:after,
#young-people .col div a:after {right: 0 !important; left: 0 !important; margin:0 auto}
.four_cols #young-people.set_02 .col div a:after {content: url('../images/purple.png') !important}
.four_cols #therapists.set_02 .col div a:after {content: url('../images/orange.png') !important}
.four_cols #teachers.set_02 .col div a:after {content: url('../images/green.png') !important}
#inner_case.four_cols .col p {padding: 15px !important}
#for_parent.three_boxes > div a {bottom: 0 !important; width:100% !important; height:100% !important; background:url('../images/blue.png') no-repeat center 80% !important}
.three_boxes #no_arrow a {display: block; position: relative !important; bottom:auto !important; left:auto !important; right:auto !important; padding: 0; margin: 0 auto; width: 100% !important; height: auto !important; background:none !important; z-index: 101}
#box_02.two_boxes > div a {
background: url('../images/purple.png') no-repeat center 80% !important;
display: block;
position: absolute;
bottom: 0 !important;
left: 0;
right: 0;
padding: 0;
margin: 0 auto;
width: 100%;
height: 100%;
z-index: 101;
}
#box_02.two_boxes > div span a {
background:none !important;
display: block;
position: relative !important;
bottom: 0 !important;
left: 0;
right: 0;
padding: 30px 0 0;
margin: 0 auto;
width: 100%;
height: 85px;
z-index: 101;
color:#fff;
text-decoration:none
}
#box_02 span.with_anchor {
padding: 0 !important;
}
#overwrite .three_boxes > div {
position: relative;
float: left;
width: 48% !important;
margin: 0 2% 0 0;
}
#overwrite .three_boxes > div span.head {
height: 65px;
line-height:25px !important;
font-size: 25px !important;
padding: 10px 0 0 !important;
}
#overwrite .three_boxes .fullheight a {
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
background: url('../images/purple.png') no-repeat center 90% !important;
}
.three_box_frame > div > div.desc_box a {display:block; background-color:#C91D67; padding:10px 20px; text-align:center; color:#fff; text-decoration:none; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; font-size:22px}
#main ul.celebrity {margin:0 !important}
#donate {position:relative; margin:0 auto ; width:100%; padding:25px; text-align:left; color:#fff}
#donate h1 {padding:0 !important; margin:0 0 10px !important; font-size: 35px; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; text-align:center}
#donate > div {position:relative; margin:25px auto 0; text-align:center}
#donate a.btn_don {display:inline-block; position: relative; height: 59px; line-height: 59px; background-color: #C91D67; text-align: center; color: #fff; font-size: 25px; text-decoration:none; margin:0 20px; padding:0 50px; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif}
.btn_donate {display:block; position: relative !important; height: auto !important; line-height: 59px !important; background:none !important; background-color: #C91D67 !important; text-align: center; color: #fff; font-size: 25px; text-decoration:none; margin:0; padding:0; width:100% !important; bottom:0 !important; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif}
.title_03 {font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; color:#C91D67; text-align:center}
.black-text {color:#000 !important}
.black-text i {color:#fff !important}
.black-text a {color:#000 !important}
.action_box_in {position: relative; padding: 0; margin: 0 auto 25px; width: 100%}
.action_box_in .img {}
.action_box_in .cnt {position:relative; padding:15px 15px 0; margin:0; border:1px solid #fec601}
.action_box_in a.btn_in {display:block; text-align:center; padding:10px 0; background-color:#fec601; color:#fff; text-decoration:none; font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; font-size:18px}
.action_box > div {line-height:1.3}
#box_02.two_boxes .nolink a {background:none !important; display:inline !important; position: relative !important; bottom: 0 !important; left: 0; right: 0; padding: 0; margin: 0 auto; width: 100%; height: auto !important; z-index: 101}
#box_02.two_boxes .nolink p {text-align:left !important; padding: 17px 40px !important}
#box_02.two_boxes .nolink h2 {text-align:center !important; padding:10px 0 0 !important}
#reviews > div {
width: 31% !important;
margin: 0 1% 2% !important;
}
#reviews > div a {
background: url('../images/purple.png') no-repeat center center !important;
top: 20% !important;
width: 100% !important;
height: 100% !important;
margin:0 auto
}
.three_boxes #no_arrow.nice_anchor a {display:inline-block; padding:5px 10px; text-align:center !important; background-color: #C91D67 !important; color:#fff !important; text-decoration:none}
#donate_btn {display:none}
.adj_height {padding:15px; min-height:160px; height:auto !important; height:160px}
.wpProQuiz_questionListItem {
padding: 3px!important;
margin-bottom: 5px!important;
background-image: none!important;
margin-left: 0!important;
list-style: none!important;
border: 0!important;
display:inline-block;
position:relative;
margin-top:10px;
margin-right: 10px!important
}
.wpProQuiz_questionListItem input,
.wpProQuiz_questionListItem label {
display: block !important;
}
.wpProQuiz_questionListItem:before,
.wpProQuiz_questionListItem:after {content:""; display:table}
.wpProQuiz_questionListItem:after {clear:both}
.wpProQuiz_questionListItem {clear:both; *zoom:1}
.wpProQuiz_questionList:before,
.wpProQuiz_questionList:after {content:""; display:table}
.wpProQuiz_questionList:after {clear:both}
.wpProQuiz_questionList {clear:both; *zoom:1}
.wpProQuiz_questionListItem img {float:right; display:inline-block; padding:0 10px}
.wpProQuiz_questionListItem {
clear:none !important;
}
.wpProQuiz_questionListItem label {
font-size: 14px;
}
.wpProQuiz_button, .wpProQuiz_button:hover {
margin: 0!important;
padding: 5px 10px!important;
background: #C91D67!important;
border-radius: 11px!important;
color: #fff!important;
font-weight: 700!important;
border: 1px solid #C91D67!important;
box-shadow: 1px 1px 1px #C91D67!important;
text-shadow: none!important;
filter: none!important;
}
.shopping_cart {
font-size: 14px !important;
line-height: 18px !important;
font-family: 'Lato', serif;
}
.shopping_cart table {width:100%; padding:0; margin:0 auto}
.shopping_cart table th,
.shopping_cart table td {padding:5px 0 !important}
/** donate page */
#donate_02 {
position: relative;
margin: 0 auto 25px;
width: 100%;
padding: 25px;
color: #fff;
text-align:center; background:#fdbf2d
}
#donate_02 a {
display: inline-block;
position: relative;
height: auto;
line-height: 35px;
background-color: #C91D67;
text-align: center;
color: #fff;
font-size: 25px;
text-decoration: none;
margin: 0 20px;
padding: 10px 20px;
font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;
}
#donate_02 > div {
position: relative;
margin: 10px auto 0;
width:80%;
text-align: center;
}
/** POPUP **/
.modal-window {
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000001;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.modal-window:target {
opacity: 1;
pointer-events: auto;
}
.modal-window > div {
max-width: 1000px;
position: relative;
margin: 10% auto 0;
padding: 2rem;
background:#2195B3;
color: #fff;
}
.modal-window > div > div {
width: 100%;
position: relative;
margin: 0;
padding: 30px 0 0 ;
}
.modal-close {
color: #fff;
line-height: 50px;
font-size: 80%;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 70px;
text-decoration: none;
}
.modal-close:hover {
color: #000;
}
.modal-window h1 {
font-size: 150%;
margin: 0 0 15px;
}
/* -------------------------------------------------------------
FOOTER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {position:relative; width:100%; padding:30px 0; margin:0 auto; background:#2195B3; color:#fff}
#footer a {text-decoration:none; color:#fff}
#footer span.title {display:block; padding:0 0 10px; margin:0; text-transform:uppercase; font-weight:600; font-size:20px}
.col {float:left; position:relative; padding:0; margin:0 0 20px}
#footer img {max-width:100%; height:auto}
#footer .rows01 {position:relative; max-width:360px; width:100%}
#footer .rows01 > div {width:80%}
#footer .rows02 {position:relative; max-width:280px; width:100%}
#footer .rows03 {position:relative; max-width:320px; width:100%}
#footer .rows04 {position:relative; max-width:300px; width:100%}
#footer::-webkit-input-placeholder {color:#000}
#footer::-moz-placeholder {color:#000}
#footer:-ms-input-placeholder {color:#000}
#footer:-moz-placeholder {color:#000}
#footer .rows01 a,
#footer .rows01 em {display:block; background-color:#C91D67; padding:10px 20px; text-align:center; color:#fff; text-decoration:none; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; font-size:22px; width:100%; cursor:pointer}
#container {width:100%; height:100%; position:absolute; visibility:hidden; display:none; background-color:rgba(22,22,22,0.5)}
#container:target {visibility:visible; display:block; position:fixed; z-index:1000001; top:0; right:0; left:0}
.reveal-modal {background:#2195B3; margin:0 auto; width:60%; position:relative; z-index:41; top:10%; padding:40px 30px 30px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4); -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); box-shadow:0 0 10px rgba(0,0,0,0.4)}
.close-reveal-modal {display:block; width:25px; height:25px; border:1px solid #000; color:#fff; background-color:#C91D67; text-decoration:none; position:absolute; top:10px; right:10px; font-size:25px; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; text-align:center}
.reveal-modal h2 {padding:0 0 15px; margin:0; display:block}
.reveal-modal .sky-form .button {text-transform:none !important; font-family:"ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif; font-size:22px}
.rows04 a#twitter,
.rows04 a#facebook,
.rows04 a#instagram,
.rows04 a#contact {display:block; position:absolute; width:54px; height:55px; top:33px}
.rows04 a#twitter {left:0}
.rows04 a#facebook {left:80px}
.rows04 a#instagram {left:160px}
.rows04 a#contact {right:6px}
.slicknav_menu {
display:none;
}
ul.grid-nav li {
display: inline-block;
}
ul.grid-nav li a {
display: inline-block;
color: #fff;
padding: 0;
text-decoration: none;
}
ul.grid-nav li a:hover {
}
ul.grid-nav li a.active {
}
/* ----- Image grids ----- */
ul.rig {
list-style: none;
font-size: 0px;
/*margin-left: -2.5%; */
margin:0 0 0 -2.5% !important
}
ul.rig li {
display: inline-block;
padding: 0;
margin: 0 0 2.5% 2.5%;
font-size: 16px;
font-size: 1rem;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
ul.rig li img {
max-width: 100%;
height: auto;
margin: 0 0 10px;
}
ul.rig li h3 {
margin: 0 0 5px;
}
ul.rig li p {
font-size: .9em;
line-height: 1.5em;
color: #999;
}
/* class for 2 columns */
ul.rig.columns-2 li {
width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.rig.columns-3 li {
width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig.columns-4 li {
width: 22.5%; /* this value + 2.5 should = 25% */
}
@media (max-width: 1199px) {
.container {
width: auto;
padding: 0 10px;
}
}
@media (max-width: 480px) {
ul.grid-nav li {
display: block;
margin: 0 0 5px;
}
ul.grid-nav li a {
display: block;
}
ul.rig {
margin: 0 !important;
}
ul.rig li {
width: 100% !important; /* over-ride all li styles */
margin: 0 0 20px;
}
}
@media only screen
and (min-width : 320px)
and (max-width : 667px) {
.fixed {
position: relative;
margin: 0 auto;
padding: 0 1%;
max-width: 1260px;
width: 98%;
overflow:hidden
}
.slicknav_menu {
display:block;
}
.bx-wrapper .bx-caption,
.nav {display:none}
.slicknav_menu {
padding: 0 !important;
}
#main {
position: relative;
width: 98%;
padding: 0 1%;
margin: 0 auto;
}
.slicknav_nav > li:last-child {display:none}
#donate_btn {display:block; position:absolute; top:7px; right:5px; background-color: #C91D67; padding:4px 10px; border-radius: 4px}
#donate_btn a {color:#fff !important; text-decoration:none !important}
.site_info .cols02 .abs_left {display:none}
}
@media only screen
and (min-width : 320px)
and (max-width : 667px)
and (orientation : landscape) {
#donate a {
margin: 0 20px 5px;
padding: 0 15px;
}
.adj_height {
padding: 15px;
min-height: 190px;
height: auto !important;
height: 190px;
}
.site_info .cols01 {
float: left;
padding: 0;
margin: 0;
max-width: 100%;
width: 30%;
}
.site_info .cols01 img {
width:100% !important;
height:auto
}
.site_info .cols02 {
float: right;
padding: 0;
margin: 0;
/*background: url(../images/info3.png) no-repeat center; */
background:none;
max-width: 100%;
width: 65%;
height: auto;
}
.site_info .cols02 .abs_left a {text-align:right}
.site_info .cols02 .abs_left {
position: absolute;
width: 100%;
padding: 0;
top: 0;
left: 0;
height: 122px;
font-size: 25px;
}
.site_info .cols02 .abs_right {
position: absolute;
width: 180px;
bottom: 0;
right: 0;
height: 59px;
line-height: 59px;
background-color: #C91D67;
text-align: center;
color: #fff;
font-size: 25px;
display: none;
}
.about_box .rows_col {
float: left;
position: relative;
margin: 0 0.5% 1%;
width: 49%;
height: 340px;
background-color: #F2F2F2;
}
.four_boxes_home > div {
float: left;
width: 48%;
margin: 0 1% 1%;
}
#blue__info .col_left {
float: none;
padding: 0 2%;
margin: 0 auto;
width: 96%;
}
#blue__info .col_right {
float: none;
padding: 0 2%;
margin: 0 auto;
width: 96%;
}
.grey_box .col_left {
float: none;
padding: 0;
margin: 0 auto;
width: 96%;
}
.grey_box .col_right {
float: none;
padding: 0;
margin: 0 auto;
width: 96%;
}
.table_banner .cell_02,
.table_banner .cell_01 {
position: relative;
display:block;
height: 100%;
float: none;
width: 100%;
}
.table_wrapper table tr td:nth-child(1) {
width: 30%;
}
.table_wrapper table tr td:nth-child(2) {
width: 70%;
}
.action_box > div {
padding: 10px;
}
.action_box > div span {
font-size: 25px;
}
.action_box > div p {
font-size: 16px;
}
.list_inline .inline-box {
max-width: 250px
}
.team_nav a {
padding: 0 15px 0 25px;
font-size: 24px;
}
.quotes_frame div.quote_box {
margin: 0 1% 2%;
width: 48%;
height: 250px;
}
.tips_quote div {
position: relative;
padding: 0;
margin: 0;
width: 47%;
height: 276px;
float: left;
}
.tips_quote blockquote p {
font-size: 16px;
line-height: 25px;
}
.tips_banner .cols_01 {
position: relative;
float: none;
padding: 0 0 25px;
margin: 0;
width: 100%;
}
.tips_banner .cols_02 {
position: relative;
float: none;
padding: 0;
margin: 0;
width: 100%;
}
.tips_banner {
height: auto;
}
.four_boxes > div {
float: left;
width: 48%;
margin: 0 1% 2%;
}
.three_boxes > div {
position: relative;
float: left;
width: 48%;
margin: 0 1% 1% ;
}
.three_boxes > div:last-child {
margin: 0 1% 1% !important;
}
.blue_banner {
height: auto;
}
.blue_banner .cols_01 {
position: relative;
float: none;
padding: 0;
margin: 0 0 25px;
width: 100%;
}
.three_boxes > div span.head {
font-size: 26px;
}
#box_02 span {
font-size: 18px;
}
.two_boxes > div {
position: relative;
width: 48%;
margin: 0 1% 25px;
}
.img_wrapper {
height: 366px!important;
}
.list_carousel > div {
position: relative;
padding: 0;
margin: 0 2%;
width: 46%;
float: left;
}
#fundraise > div a {
background: url(../images/purple.png) no-repeat center center !important;
}
#innersearchform input[type='text'] {
margin:0 0 5px;
width: 100%;
}
.grey_fr {
background: #EFEFEF;
padding: 0 5px 10px !important;
}
}
@media only screen
and (min-width : 320px)
and (max-width : 667px)
and (orientation : portrait) {
.rst_01 {width:290px; overflow:hidden}
.three_boxes > div span.head {
font-size: 23px;
}
.wpcf7-list-item-label {font-size:12px !important}
.col-11 span,
.sky-form .label {font-size:14px !important; padding:0 !important}
.tips_quote div:nth-child(1),
.tips_quote div:nth-child(2) {
margin: 0 2% 30px 0;
}
.three_box_frame > div {
position: relative;
padding: 0;
margin: 0 0 25px;
width: 100%;
float: none;
}
.two_boxes {
position: relative;
padding: 0;
margin: 0 auto;
width: 100%;
}
.two_boxes > div p {
padding: 20px 20px 5px;
}
#training_carousel > div div.slide {
border-right: 0px solid #000;
padding: 0 50px;
}
.celeb_frame .cols_02 > div:nth-child(odd) {
position: relative;
float: none;
padding: 0;
margin: 0;
width: 100%;
}
.celeb_frame .cols_02 > div:nth-child(even) {
position: relative;
float: left;
padding: 20px 30px;
margin: 0;
width: 100%;
color: #fff;
text-align: center;
}
.celeb_frame .cols_02 {
position: relative;
padding: 0;
margin: 0;
width: 100%;
float: right;
background: #B3B3B3;
font-size: 18px;
line-height: 1.3em;
}
.celeb_frame .cols_02 > div:nth-child(odd) blockquote p,
.celeb_frame .cols_02 > div:nth-child(even) blockquote p {
display: block;
position: relative;
padding: 30px 0 !important;
margin: 0 auto !important;
width: 90%;
}
.list_three .box_item {
width: 98%;
margin: 0 1% 25px;
text-align: center;
float: left;
}
#menu {
min-height: 45px;
height:auto !important;
height:45px
}
.nav {
/* display:none */
}
.site_info .cols01 {
float: none;
padding: 0;
margin: 0 auto;
max-width: 100%;
width: 100%;
text-align:center
}
.site_info .cols01 img {
max-width:200px;
height:auto
}
.site_info .cols02 {
float: none;
padding: 0;
margin: 0;
max-width: 100%;
width: 100%;
background:none;
height: 30px;
display:none
}
.site_info .cols02 .abs_left {
width: 100%;
padding: 0;
margin:0 auto;
text-align:center;
height:auto !Important
}
.site_info .cols02 .abs_right {
right: 0;
left: 0;
margin: 0 auto;
display:none
}
.three_boxesFull > div {
position: relative;
width: 100%;
margin: 0 0 15px;
}
.inner_content .left_col {
position: relative;
float: none;
width: 100%;
}
.inner_content .right_col {
position: relative;
float: none;
width: 100%;
padding: 60px 0 0;
}
#footer .rows01,
#footer .rows02,
#footer .rows03,
#footer .rows04 {
max-width:100% !important ;
margin:0 auto 25px;
text-align:center
}
#footer .rows01 > div {
width: 80%;
margin:0 auto
}
.four_boxes_home > div {
float: none;
width: 98%;
margin: 0 1% 25px;
}
#blue__info .box {
position: relative;
padding: 15px 20px;
margin: 0 auto;
height: auto;
}
#blue__info .rows_left {
float: none;
width: 96%;
min-height: auto;
background-color: #fff;
margin:0 2% 25px
}
#blue__info .rows_right {
float: none;
width: 96%;
min-height: auto;
background-color: #fff;
margin:0 2% 25px
}
#blue__info .col_left {
float: none;
padding: 0;
margin: 0;
width: 100%;
}
#blue__info .col_right {
float: none;
padding: 0;
margin: 25px 0 0;
width: 100%;
}
#blue__info img {
max-width:none;
width:100%
}
.grey_box .col_right,
.grey_box .col_left {
float: none;
padding: 0;
margin: 0 0 25px;
width: 100%;
}
.grey_box h2 {
font-size: 20px;
line-height: 40px;
text-align: center;
}
.grey_box .box p {
display:none
}
h1 {
padding: 0 0 10px;
font-size: 25px;
}
.impact_frame {
padding: 100px 0 25px;
height: 230px;
overflow: hidden;
}
.post_left,
.post_right {
width: 100%;
float: none;
padding: 0;
margin: 0 0 25px;
}
.grey_box .box h3 {
padding: 0 0 10px;
font-size: 15px;
}
.grey_box .box {
/*height: 350px;*/
}
.grey_box .news_list .box {
width: 49%;
}
.grey_box .box {
padding: 10px 8px 0px;
width:96%;
margin:0 auto
}
.tab-content {
width:96%;
margin:0 auto
}
.grey_box .box img {
float: left;
margin: 0 15px 10px 0;
}
.three_boxes > div {
position: relative;
float: none;
width: 100% !important;
margin: 0 0 2%;
}
#overwrite .three_boxes > div {
position: relative;
float: none;
width: 100% !important;
margin: 0 0 2% 0;
}
.about_box .rows_col {
float: left;
position: relative;
margin: 0 0 25px;
width: 100%;
height: auto;
background-color: #F2F2F2;
}
.four_boxes > div {
margin: 0 0 25px;
}
.four_boxes > div {
float: none;
width: 100%;
}
.two_boxes > div {
position: relative;
width: 100%;
margin: 0 0 25px;
}
.list_inline .inline-box {
position: relative;
display: inline-block;
padding: 0;
margin: 0 auto 25px;
max-width: 100%;
width: 100%;
min-height: 450px;
background: #EAF0F2;
vertical-align: top;
}
.table_banner .cell_02,
.table_banner .cell_01 {
position: relative;
display: block;
height: auto;
float: none;
width: 100%;
}
.table_wrapper table tr td:nth-child(1) {
width: 40%;
}
.table_wrapper table tr td:nth-child(2) {
width: 60%;
}
.team_nav a {
margin: 0 25px 18px 0;
}
#reviews > div {
width: 100% !important;
margin: 0 0 2% !important;
}
.img_wrapper {
height: auto !important;
}
.quotes_frame div.quote_box {
float: none;
position: relative;
padding: 0;
margin: 0 0 25px;
width: 100%;
height: auto;
}
.tips_quote div {
position: relative;
padding: 0;
margin: 0;
width: 100%;
height: 276px;
float: none;
}
.tips_quote blockquote p {
display: block;
padding: 15px 0 0 !important;
margin: 0 !important;
font-size: 18px;
line-height: 26px;
}
.tips_banner .cols_01 > div {
position: relative;
padding: 0 0 0;
margin: 0 auto 25px;
text-align: center;
width: 100%;
color: #fff;
font-size: 18px;
}
.tips_banner .cols_02,
.tips_banner .cols_01 {
position: relative;
float: none;
padding: 0;
margin: 0 0 25;
width: 100%;
}
.blue_banner,
.tips_banner {
height: auto;
}
.tips_banner .cols_02 > div {
width: 96%;
}
#accordion__frame .acc-btn span {
background-size: 15px !important;
}
#accordion__frame .acc-btn span.selected{
background-size: 10px !important;
}
.blue_banner .cols_01 {
position: relative;
float: none;
padding: 0;
margin: 0 0 25px;
width: 100%;
}
#box_02 span {
font-size: 20px;
}
.blue_banner span.head,
.two_boxes > div span.head {
font-size: 25px;
}
div.purple_module a {
background: url(../images/purple.png) no-repeat center center !important;
}
.list_carousel > div {
position: relative;
padding: 0;
margin: 0 0 25px;
width: 100%;
float: none;
}
.two-half-box .cols_03,
.two-half-box .cols_02,
.two-half-box .cols_01 {
float: none;
width: 100%;
margin: 0 0 15px;
height: auto;
}
.two-half-box .b_head {
font-size: 28px;
}
.two-half-box .b_head span {
font-size: 15px;
}
.list_two .box_item span {
font-size: 14px;
line-height: 1.3;
height:140px
}
.reveal-modal h2 {
font-size: 18px;
line-height:1.2;
padding: 0 25px 4px 0;
}
.reveal-modal {
background: #2195B3;
margin: 0 auto;
width: 95%;
position: relative;
z-index: 41;
top: 1%;
padding: 0 5px;
box-sizing:border-box
}
.cols_quote {
position: relative;
padding: 0 2%;
margin: 0 0 40px;
width: 96%;
float: none;
color: #fff;
text-align:center;
font-size:18px
}
.cols_quote img {
display:inline-block !Important;
}
.four_boxes {
margin: 50px auto 0;
}
.inner_content {
padding: 30px 0 10px;
}
#training_boxes > div {
width: 100%;
padding: 0;
margin: 0;
background: #F2F2F2;
height: auto;
}
.four_cols .col {
position: relative;
float: none;
width: 100%;
padding: 0;
margin: 0 0 25px 0;
}
.four_cols .col img {
max-width:none;
width:100%
}
.sky-form section {
margin-bottom: 5px !important;
}
.sky-form .input input, .sky-form .select select,
.sky-form .textarea textarea {
height: 28px !important;
padding: 4px 8px !important;
}
.sky-form .col {
padding-right: 5px !important;
padding-left: 5px !important;
}
.close-reveal-modal {
z-index: 10001;
}
#donate_info > div {
position: relative;
width: 100%;
padding: 0;
margin:0 0 25px
}
#donate a {
/*display: inline-block;
position: relative;
height: 59px;
line-height: 24px;
background-color: #C91D67;
text-align: center;
color: #fff;
font-size: 21px;
text-decoration: none;
margin: 0 20px 10px;
padding: 5px 50px 0;
font-family: "ArialRoundedMTBold", "Helvetica Rounded", Arial, sans-serif;*/
}
.modal-window {
width: 100%;
}
.modal-window > div {
max-width: 100%;
position: relative;
margin: 33% auto;
padding: 15px;
background: #2195B3;
color: #fff;
}
.sky-form .select i {
top: 16px !important;
right: 14px !important;
width: 8px !important;
height: 0 !important;
}
span.wpcf7-list-item {
margin: 0 5px 0 0 !important;
}
span.wpcf7-not-valid-tip {
font-size: 14px !important;
}
div.wpcf7-response-output {
margin: 0 !important;
padding:2px !important;
line-height:16px !important;
font-size:14px !important
}
#donate {
padding: 25px 5px;
}
#donate a.btn_don {
display: block;
position: relative;
height: 59px;
line-height: 59px;
background-color: #C91D67;
text-align: center;
color: #fff;
font-size: 15px;
text-decoration: none;
margin: 0 0 10px;
padding: 0 5px;
}
}
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
.fixed {
position: relative;
margin: 0 auto;
padding: 0 1%;
max-width: 1260px;
width: 98%;
overflow:hidden
}
#main {
position: relative;
width: 98%;
padding: 0 1%;
margin: 0 auto;
}
.nav {
height: auto;
}
.nav li a {
font-size: 15px;
color: #fff;
display: block;
line-height: 45px;
padding: 0 7px;
text-decoration: none;
}
#blue__info .box {
position: relative;
padding: 15px 20px;
margin: 0 auto;
height: 280px;
font-size: 14px;
line-height: 22px;
}
.grey_box .box p {
font-size: 14px;
line-height:1.4
}
.about_box .rows_col div {
display: block;
padding: 30px 5px 0;
text-align: center;
font-size: 16px;
line-height:1.3
}
.three_boxes > div span.head {
font-size: 30px;
}
.list_carousel > div {
position: relative;
padding: 0;
margin: 0 1%;
width: 23%;
float: left;
}
.list_carousel > div.none span {
font-size: 17px;
}
}
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
.slicknav_nav > li:last-child {display:none}
.site_info .cols01 {
float: left;
padding: 0;
margin: 0;
max-width: 100%;
width: 30%;
}
.site_info .cols01 img {
width:100% !important;
height:auto
}
.site_info .cols02 {
float: right;
padding: 0;
margin: 0;
max-width: 100%;
width: 65%;
}
.site_info .cols02 .abs_left {
position: absolute;
width: 100%;
padding: 0;
top: 0;
left: 0;
height: 122px;
font-size: 25px;
}
.site_info .cols02 .abs_right {
position: absolute;
width: 180px;
bottom: 0;
right: 0;
height: 59px;
line-height: 59px;
background-color: #C91D67;
text-align: center;
color: #fff;
font-size: 25px;
}
.fixed {
position: relative;
margin: 0 auto;
padding: 0 1%;
max-width: 1260px;
width: 98%;
overflow:hidden
}
.slicknav_menu {
display:block;
}
.bx-wrapper .bx-caption,
.nav {display:none}
.slicknav_menu {
padding: 0 !important;
}
#main {
position: relative;
width: 98%;
padding: 0 1%;
margin: 0 auto;
}
.about_box .rows_col {
float: left;
position: relative;
margin: 0 0.5% 1%;
width: 49%;
height: 340px;
background-color: #F2F2F2;
}
.four_boxes_home > div {
float: left;
width: 48%;
margin: 0 1% 1%;
}
#blue__info .col_left {
float: none;
padding: 0 2%;
margin: 0 auto;
width: 96%;
}
#blue__info .col_right {
float: none;
padding: 0 2%;
margin: 0 auto;
width: 96%;
}
.grey_box .col_left {
float: none;
padding: 0;
margin: 0 auto;
width: 96%;
}
.grey_box .col_right {
float: none;
padding: 0;
margin: 0 auto;
width: 96%;
}
.table_banner .cell_02,
.table_banner .cell_01 {
position: relative;
display:block;
height: 100%;
float: none;
width: 100%;
}
.table_wrapper table tr td:nth-child(1) {
width: 30%;
}
.table_wrapper table tr td:nth-child(2) {
width: 70%;
}
.action_box > div {
padding: 10px;
}
.action_box > div span {
font-size: 25px;
}
.action_box > div p {
font-size: 16px;
}
.list_inline .inline-box {
max-width: 250px
}
.team_nav a {
padding: 0 15px 0 25px;
font-size: 24px;
}
.quotes_frame div.quote_box {
margin: 0 1% 2%;
width: 48%;
height: 250px;
}
.tips_quote div {
position: relative;
padding: 0;
margin: 0;
width: 47%;
height: 276px;
float: left;
}
.tips_quote blockquote p {
font-size: 16px;
line-height: 25px;
}
.tips_banner .cols_01 {
position: relative;
float: none;
padding: 0 0 25px;
margin: 0;
width: 100%;
}
.tips_banner .cols_02 {
position: relative;
float: none;
padding: 0;
margin: 0;
width: 100%;
}
.tips_banner {
height: auto;
}
.four_boxes > div {
float: left;
width: 48%;
margin: 0 1% 2%;
height: 288px;
}
.three_boxes > div {
position: relative;
float: left;
width: 48%;
margin: 0 1% 1% ;
}
.blue_banner {
height: auto;
}
.blue_banner .cols_01 {
position: relative;
float: none;
padding: 0;
margin: 0 0 25px;
width: 100%;
}
.three_boxes > div span.head {
font-size: 26px;
}
#box_02 span {
font-size: 18px;
}
.two_boxes > div {
position: relative;
width: 48%;
margin: 0 1% 25px;
}
.img_wrapper {
height: auto!important;
}
.list_carousel > div:nth-child(4),
.list_carousel > div {
position: relative;
padding: 0;
margin: 0 2% 25px;
width: 46%;
float: left;
}
#fundraise > div a {
background: url(../images/purple.png) no-repeat center center !important;
}
#innersearchform input[type='text'] {
margin:0 0 5px;
width: 100%;
}
.grey_fr {
background: #EFEFEF;
padding: 0 5px 10px !important;
}
#footer .rows01,
#footer .rows02,
#footer .rows03,
#footer .rows04 {
max-width:100%;
width:50%;
height:270px
}
.three_boxes > div:last-child {
margin: 0 1% 1% !important;
}
}
.bx-viewport {
overflow: unset !important;
height: auto !important;
}
/* Bit Hacky, but temp fix to the banner overflow issue - Added by BW 5/08/2023 */
#main {
overflow:hidden
}