/*
Theme Name:  Option 1
Theme URI: http://oxygenagency.co.uk
Template: susu_o4
Author: Oxygen Agency
Author URI: http://oxygenagency.co.uk
Description: The theme with spots and dots and a bright blue background. I don't know about you, but we think it looks quite techy.
Version: 1.0
*/


@import url(//fonts.googleapis.com/css?family=Michroma:400,600);
* {
	font-family: 'arial', sans-serif;
}
body {
/*	background-image: url("images/header_background.jpg");
	background-position:  top center;*/
	background-color: #fff;
}
a, a:link, a:visited {
	color:#004382!important;
}
a, a:active {
	color:#004382!important;
}

.main-menu ul.navbar-nav li, 
.main-menu ul.navbar-nav li a,
.top-menu li, 
.top-menu li a,
.footer-menu-wrap ul.footer-nav li a, 
.footer-menu-wrap .credits span a {
	color: #004382!important;
}

a:hover {
	color:#c94082;
}

h1, h2, h3, h4, h5, h6 {
	color: #004382!important;
	font-family: 'Michroma', sans-serif;
	text-transform: none;
}
h1 {
	font-size: 24pt;
	line-height: 28pt;
}
h2 {
	line-height: 22pt;
	font-size:22pt;
	color:#293b8e;
}
h3 {
	line-height: 22pt;
	font-size:24px;
	color:#293b8e;
}

.main-container {
	background: url("images/container_background.jpg") top center;
	background-size: 100% auto;
	border-top:6px solid #0a3676;
	border-bottom:6px solid #0a3676;
}
.main-container > .inside {
	padding-top:65px;
	padding-bottom:50px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 50px, rgba(0,0,0,0) 95%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.45)), color-stop(5%, rgba(0,0,0,0)), color-stop(95%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 50px, rgba(0,0,0,0) 95%, rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 50px, rgba(0,0,0,0) 95%, rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 50px, rgba(0,0,0,0) 95%, rgba(0,0,0,0.45) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 50px, rgba(0,0,0,0) 95%, rgba(0,0,0,0.45) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000', GradientType=0 ); /* IE6-8 */
}
.search-submit {
	display: none;
}

.brand-name a, .brand-name a:hover {
	color:#293b8e;
}

ul.font-resizer a {
	color: #293b8e;
}
ul.font-resizer {
	border-right: 1px solid #293b8e;
}
/*Theme switcher*/
.themeswitcher li {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	min-height: 435px;
}
.themeswitcher li.selected {
	background-color: #ddd;
}
/* Main Menu */

.main-menu ul.navbar-nav li {
	font-family: 'Michroma', sans-serif;
	text-transform: none;
	font-weight: bold;
}
.main-menu ul.navbar-nav li.current_page_item, 
.main-menu ul.navbar-nav li:hover {
	background-color:rgba(0,67,130,1)!important;
	color: #fff!important;
}
.main-menu ul.navbar-nav li.current_page_item a, 
.main-menu ul.navbar-nav li:hover a {
	color:#ffffff!important;
	
}

.footer-menu-wrap ul.footer-nav li, .footer-menu-wrap ul.copyright li, .footer-menu-wrap .credits, .footer-menu-wrap .credits span {
	color: #293b8e;
	display: inline-block;
	font-weight: normal;
}
.footer-menu-wrap ul.footer-nav li:after {
	content : " | ";
}
.footer-menu-wrap ul.footer-nav {
	margin-right:5px;
}
/*Hover boxes*/

.hover-box {
	height:116px;
	margin-bottom:20px;
}
.hover-box.linked:hover {
	cursor: pointer;
}
.hover-box .title, .flexslider-title {
	font-family: 'Michroma', sans-serif;
	top:66px;
	position:relative;
	width: 95%;
	-webkit-transition: all 700ms ease-in-out;
	-moz-transition: all 700ms ease-in-out;
	-ms-transition: all 700ms ease-in-out;
	-o-transition: all 700ms ease-in-out;
	transition: all 700ms ease-in-out;
}
.hover-box .title, .hover-box .subtitle, .flexslider-title {
	display: block;
	margin: auto;
	color: #fff;
}
.hover-box .title, .flexslider-title {
	font-weight: bold;
	font-size:15px;
	line-height:25px;
}
.hover-box .title a{
	font-weight: bold;
	font-size:15px;
	line-height:25px;
}

.hover-box .subtitle {
	font-size:12px;
	line-height:17px;
	text-transform: none;
	font-weight: normal;
}
.hover-box .title a, .flexslider-title a {
	color:inherit;
	font-family: 'Michroma', sans-serif;
}
.hover-box .title a:hover, .flexslider-title a:hover {
	color:#fff;
}
.hover-box .content-box {
	height:100% !important;
	overflow:hidden;
	display: block;
	position: relative;
}
.hover-box:hover .title, .hover-box .widgettitle {
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.hover-box span.box-background {
	display: block;
	width:100%;
	height:116px;
	/*right:-50px;*/
	position:absolute;
	right:-50%;
	left:-50%;
	margin:0 auto;
	transform: scale(1);
	transition-duration: 200ms;
	transition-timing-function: ease-out;
	/* Webkit for Chrome and Safari */
  -webkit-transform: scale(1);
	-webkit-transition-duration: 200ms;
	-webkit-transition-timing-function: ease-out;
	/* Webkit for Mozila Firefox */
  -moz-transform: scale(1);
	-moz-transition-duration: 200ms;
	-moz-transition-timing-function: ease-out;
	/* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1);
	-ms-transition-duration: 200ms;
	-ms-transition-timing-function: ease-out;
	-o-transform: scale(1);
	-o-transition-duration: 200ms;
	-o-transition-timing-function: ease-out;
	transform-origin:60% 70%;
	-ms-transform-origin:60% 70%; /* IE 9 */
	-webkit-transform-origin:60% 70%; /* Chrome, Safari, Opera */
}
.hover-box:hover span.box-background {
	transform: scale(1.08);
	transition-duration: 500ms;
	transition-timing-function: ease-out;
	/* Webkit for Chrome and Safari */
  -webkit-transform: scale(1.08);
// This is the enlarged size scale of the image.  -webkit-transition-duration: 500ms;
	-webkit-transition-timing-function: ease-out;
	/* Webkit for Mozila Firefox */
  -moz-transform: scale(1.08);
	-moz-transition-duration: 500ms;
	-moz-transition-timing-function: ease-out;
	/* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1.08);
	-ms-transition-duration: 500ms;
	-ms-transition-timing-function: ease-out;
	-o-transform: scale(1.08);
	-o-transition-duration: 500ms;
	-o-transition-timing-function: ease-out;
}
.hover-box.white .title {
	background: rgba(255,255,255, 0.8);
	width:100%;
	text-align: left;
	color: #293b8e;
}

/* News widget */

.hover-box.news {
	height:252px;
	margin-bottom:20px;
}

/* Get positive widget */

.hover-box .get-positive {
	height:165px;
	margin-bottom:20px;
}

/* Custom box adjustment */
.hover-box.being_in_care .content-box {
	background-color:#c8ca42;
}
.hover-box.being_in_care span.box-background {
	background:url("images/video_background.png") no-repeat right -5px;
}

/* Custom box adjustment */
.hover-box.leaving_care .content-box {
	background-color:#293b8e;
}
.hover-box.leaving_care span.box-background {
	background:url("images/doc_background.png") no-repeat right -5px;
}

.hp-lower .hover-box.leaving_care .title,
.hp-lower .hover-box.being_in_care .title {
	top:92px;
}


.hp-lower .hover-box.signpost .title {
	top:92px;
}

.hover-box.the-pledge .content-box {
	background-color:#ef662f;
}
.hover-box.the-pledge span.box-background {
	background:url("images/the-pledge_background.png") no-repeat right -5px;
}
.hover-box.get-positive .flexslider-caption, .hover-box.get-positive .content-box {
	background-color:#137d21;
}
.hover-box.news .flexslider-caption, .hover-box.news .content-box {
	background-color:#a3287d;
}
.hover-box.what-does .content-box {
	background-color:#3fb34f;
}
.hover-box.what-does span.box-background {
	background:url("images/what_does_it_mean_background.png") no-repeat right -5px;
}
.hover-box.get-started {
	height:252px;
}
.hover-box.get-started .content-box {
	background-color:#fff;
}
.hover-box.get-started .title {
	height: 70px;
	top:182px;
	line-height:25px;
	padding:10px;
	padding-top:15px;
}
.hover-box.get-started .subtitle {
	color: #717171;
}
.hover-box.get-started span.box-background {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.hover-box.get-started span.box-background img {
}
.hp-lower .hover-box {
	height:169px;
}
.hp-lower .hover-box .title {
	padding:10px 1px 0 10px;
	line-height:25px;
	text-transform: none;
	bottom: 0;
	position: absolute;
}
.hover-box.have-your-say .content-box {
	background-color:#dec42c;
}
.hover-box.have-your-say span.box-background {
	background:url("images/have-you-say_background.png") no-repeat right -5px;
}
.hp-lower .hover-box.have-your-say .title {
	top:80px;
}
.hover-box.have-your-say .title{top:55px;}
.hover-box.want-to-talk .content-box {
	background-color:#5ca7dd;
}
.hover-box.want-to-talk span.box-background {
	background:url("images/want-to-talk_background.png") no-repeat right -5px;
}
.hp-lower .hover-box.want-to-talk .title {
	top:80px;
}
.hover-box.fact-or-fiction .content-box {
	background-color:#ff3900;
}
.hover-box.fact-or-fiction span.box-background {
	background:url("images/facts-or-fiction_background.png") no-repeat right -5px;
}
.hp-lower .hover-box.fact-or-fiction .title {
	top:65px;
}
.hover-box.advocacy .content-box {
	background-color:#3fb34f;
}
.hover-box.advocacy span.box-background {
	background:url("images/advocacy-background.png") no-repeat right -5px;
}
.hover-box.advocacy .title{top:55px;}

.hover-box.signpost .content-box {
	background-color:#67491d;
}
.hover-box.signpost span.box-background {
	background:url("images/signpost_background.png") no-repeat right -5px;
}
.hp-lower .hover-box.signpost .title {
	top:92px;
}

.hover-box.mind .content-box {
	background-color:#c8ca42;
}
.hover-box.mind span.box-background {
	background:url("images/momo_background.png") no-repeat right -5px;
}
.hp-lower .hover-box.mind .title {
	top:108px;
}

.hover-box.watch .content-box {
	background-color:#fff;
}
.hover-box.watch .title {
	padding:10px;
	height: 65px;
	top:100px;
}
.hover-box.watch .subtitle {
	color: #717171;
}
.hover-box.watch span.box-background {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.hover-box.white .icon {
	vertical-align: top;
	margin:0;
	padding:0;
	margin-top:-3px;
	width:48px;
	height:48px;
	display: block;
	background: url("images/icons_sprite.png") no-repeat 1px 1px;
	float:right;
}
/*News slider*/
.flex-control-nav {
	display: none;
}
.flex-direction-nav {
}
.flex-direction-nav a {
	margin: -20px 0 0;
	top:24px !important;
}
.news .flex-direction-nav a {
	top:74px !important;
}

.get-positive .flexslider .slides {
    background-color: rgb(19, 125, 33);
}

.news .flexslider .slides {
    background-color: #a3287d;
}

.get-positive .flexslider .slides img,
.news .flexslider .slides img {
    display: none !important;
}

.flexslider-title {
	font-size: 15px;
	max-height:35px;
	display: block;
// Fallback for non-webkit  display: -webkit-box;
	margin: 0 auto;
	line-height: 35px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px;
	margin:auto;
	position: relative;
	top:80px;
	z-index: 1000;
	color:#fff !important;
	border-top:1px solid #fff;
}
.news .flexslider-title {
	top:210px;
}
.get-positive .flexslider-title {
	top:120px;
}
.news .flexslider-caption {
	bottom: 251px !important;
	height: 252px !important;
}
.get-positive .flexslider-caption {
	bottom: 165px !important;
	height: 165px !important;
}
.flex-viewport {
	max-height: 116px !important;
	top:-36px;
}
.news .flex-viewport {
	max-height: 252px !important;
}
.get-positive .flex-viewport {
	max-height: 165px !important;
}
.flexslider-caption-inner h3 {
	color:#fff !important;
	font-size:15px;
	/*http://codepen.io/martinwolf/pen/qlFdp*/
	max-height:75px;
	display: block;
// Fallback for non-webkit  display: -webkit-box;
	margin: 0 auto;
	line-height: 25px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.flexslider-caption-inner p {
	color:#fff;
	font-size:12px;
	/*http://codepen.io/martinwolf/pen/qlFdp*/
	max-height:40px;
	display: block;
// Fallback for non-webkit  display: -webkit-box;
	margin: 0 auto;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.news .flexslider-caption-inner p {
	max-height:100px;
}
.get-positive .flexslider-caption-inner p {
	max-height:20px;
}
.get-positive .flexslider-caption {
	bottom:187px;
}
.flex-direction-nav a {
	background-image: url('images/bg_direction_nav.png')!important;
}
.flexslider-caption-inner {
	padding: 10px 50px !important;
	width:100%;
}
.news .flexslider-caption-inner {
	padding: 20px 50px !important;
}
.get-positive .flexslider-caption-inner {
	padding: 20px 50px !important;
	vertical-align:top;
}
/*Content*/

.main-container .page_content {
	background-color:#fff;
}
.main-container .pull-left img {
	margin-right:10px;
	margin-bottom:10px;
}
.main-container .pull-right img {
	margin-left:10px;
	margin-bottom:10px;
}

/* Page contents */
@media only screen and (max-width : 992px) {
.page_content {
	margin-bottom:30px;
}
}
.page_content .inside {
	background-color: #fff;
	padding:30px; /*was 15px */
}
 @media only screen and (min-width : 992px) {
.centre-border {
	background:url(images/2px-vert-dot-blue.png) 50% 0 repeat-y;
}
}
 @media only screen and (max-width : 992px) {
.centre-border div>div {
	padding-left:0!important;
}
}
hr {
	border:none!important;
	background:none!important;
	border-bottom:1px #1ba3de dotted!important;
	margin:30px 0!important;
	line-height:1px;
}

#page_content h1 {
	font-size:36px;
	color:#293b8e;
}

#page_content h2 {
	color:#ff3900;
	font-size:28px;
}

#page_content h3 {
	color:#ff3900;
	font-size:22px;
}

#page_content a {
	color:#ff3900;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], #contact-form-name {
	width:50%;
}
#contact-form-number {
	width:50%;
}
#captcha {
	width:120px;
	padding-bottom:20px;
}
.wpcf7 textarea {
	width:100%;
	height:70px;
}

div.wp-caption.alignright {
	float: right;
	margin:0 0 10px 20px;
}

div.wp-caption.alignleft {
	float: left;
	margin:0 20px 10px 0;
}

div.wp-caption p {
	color: #293b8e;
	font-size: .9em;
	font-style: italic;
	padding:9px 0 0 0;
}

div.wp-caption img {
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}

div.twitter {
	background:#a42833;
	color:#fff;
	height:165px;
	padding:20px 0px 7px;
}

div.twitter h3.twitter-handle {
        margin: 0 50px;
        position: relative;
        top: -36px;       
}

div.twitter a {
	color:#dec42c;
}

div.twitter .rotatingtweets {
        position: relative;
        top: -30px;       
	max-height:95px;
	height:94px;
        margin: 0 50px;
	/*max-width:240px;*/
}

div.twitter .rtw_prev {
	background:url("/wp-content/themes/susu_o1/images/bg_direction_nav.png");
	height:30px;
	width:30px;
	display:block;
	top:40px;
	left:-36px;
	position:absolute;
	color:transparent;
	opacity:0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

div.twitter .rtw_next {
	background:url("/wp-content/themes/susu_o1/images/bg_direction_nav.png");
	background-position: 100% 0;
	height:30px;
	width:30px;
	display:block;
	position:absolute;
	right:-36px;
	top:40px;
	color:transparent;
	opacity:0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

div.twitter:hover .rtw_prev, div.twitter:hover .rtw_next {
	opacity:.7;
}

div.twitter:hover .rtw_prev {
    left: 10px;
}

div.twitter:hover .rtw_next {
    right: 10px;
}

div.twitter:hover .rtw_prev:hover, div.twitter:hover .rtw_next:hover {
	opacity:1;
}

@media screen and (max-width: 860px) {
    div.twitter .rtw_prev {
        opacity: 1;
        left: 10px;
    }
    div.twitter .rtw_next {
        opacity: 1;
        right: 10px;
    }
}

.hp-lower .hover-box .twitter .subtitle {
    font-size: 15px;
    max-height: 35px;
    display: block;
    margin: 0 auto;
    line-height: 35px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px;
    margin: auto;
    position: relative;
    top: 106px;
    z-index: 1000;
    color: #fff !important;
    border-top: 1px solid #fff;
    width: 95%;
    font-weight: bold;
}

div.twitter>p.rtw_meta {
	width:250px;
}

/* The Pledge page*/
.number-outer img{
	display:block;
	height:auto;
	width:100%;
}

.text-inner {
	position:relative;
	opacity:0;
	right:-300px;
	font-size:18px;
}

.text-inner img{
	display:block;
	height:auto;
	width:100%;
}

.pledge {
	position:relative;
}

/*.pledge1 img {
	display:block;
	height:auto;
	width:100%;
}*/

.pledge-1-number {
	width: 7.6%; 
	display: block; 
	position: absolute; 
	left: 10%; 
	bottom: 8%;
}

.pledge-1-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	left: 60%; 
	bottom: 37%;
}

.pledge-2-number {
	width: 10%;
	display: block; 
	position: absolute; 
	right: 6.5%; 
	bottom: 16%;
}

.pledge-2-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	left: 5%; 
	bottom: 37%;
}

.pledge-3-number {
	width: 10%;
	display: block; 
	position: absolute; 
	left: 8.5%; 
	bottom: 10%;
}

.pledge-3-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	right: 5%; 
	bottom: 50%;
}

.pledge-4-number {
	width: 10%;
	display: block; 
	position: absolute; 
	right: 7.5%; 
	bottom: 14%;
}

.pledge-4-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	left: 10%; 
	bottom: 25%;
}

.pledge-5-number {
	width: 10%;
	display: block; 
	position: absolute; 
	left: 8.5%; 
	bottom: 9%;
}

.pledge-5-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	right: 8%; 
	bottom: 56%;
}

.pledge-6-number {
	width: 10%;
	display: block; 
	position: absolute; 
	right: 7.5%; 
	bottom: 16%;
}

.pledge-6-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	left: 8%; 
	bottom: 30%;
}

.pledge-7-number {
	width: 10%;
	display: block; 
	position: absolute; 
	left: 7.5%; 
	bottom: 8%;
}

.pledge-7-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	right: 8%; 
	bottom: 37%;
}

.pledge-8-number {
	width: 10%;
	display: block; 
	position: absolute; 
	right: 7%; 
	bottom: 14%;
}

.pledge-8-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	left: 8%; 
	bottom: 25%;
}

.pledge-9-number {
	width: 10%;
	display: block; 
	position: absolute; 
	left: 8%; 
	bottom: 11%;
}

.pledge-9-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	right: 7%; 
	bottom: 50%;
}

.pledge-10-number {
	width: 10%;
	display: block; 
	position: absolute; 
	right: 8%; 
	bottom: 14%;
}

.pledge-10-number img{
	width:100px;
}

.pledge-10-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	left: 8%; 
	bottom: 25%;
}

.pledge-11-number {
	width: 10%;
	display: block; 
	position: absolute; 
	left: 7%; 
	bottom: 13%;
}

.pledge-11-number img{
	width:100px;
}

.pledge-11-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	right: 5%; 
	bottom: 55%;
}

.pledge-12-number {
	width: 10%;
	display: block; 
	position: absolute; 
	right: 8.5%; 
	bottom: 18%;
}

.pledge-12-number img{
	width:100px;
}

.pledge-12-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	left: 8%; 
	bottom: 25%;
}

.pledge-13-number {
	width: 10%;
	display: block; 
	position: absolute; 
	left: 6.5%; 
	bottom: 12%;
}

.pledge-13-number img{
	width:100px;
}

.pledge-13-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	right: 8%; 
	bottom: 42%;
}

.pledge-14-number {
	width: 10%;
	display: block; 
	position: absolute; 
	right: 8.5%; 
	bottom: 14%;
}

.pledge-14-number img{
	width:100px;
}

.pledge-14-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	left: 8%; 
	bottom: 20%;
}

.pledge-15-number {
	width: 10%;
	display: block; 
	position: absolute; 
	left: 6.5%; 
	bottom: 17%;
}

.pledge-15-number img{
	width:100px;
}

.pledge-15-text {
	width: 35%; 
	display: block; 
	position: absolute; 
	right: 8%; 
	bottom: 40%;
}

a.play_game {
	display: inline-block;
	background: #ff3900;
	color: #fff!important;
	padding: 6px 12px;
}
a.play_game:hover {
	background: #293b8e;
	text-decoration: none;
	color: #fff!important;
}

/* Blog page styling */
.row.equal-height {
	display: flex;
	flex-wrap: wrap;
}
.row.equal-height > .columns {
	display: flex;
	flex-direction: column;
}

.columns.medium-4 article {
	display: flex;
	flex-direction: column;
	height: 100%;
  }
  
  .columns.medium-4 article .read-more {
	margin-top: auto;
  }
  .read-more a.button {
	color: #fff !important;
  }
  
  .pagination {
	text-align: center;
	margin-top: 20px;
  }
  
  .pagination a,
  .pagination span {
	display: inline-block;
	margin: 0 5px;
	padding: 6px 12px;
	background: #eee;
	color: #333;
	text-decoration: none;
  }
  
  .pagination a:hover {
	background: #ddd;
  }