/*
Theme Name: Option 4
Theme URI: http://oxygenagency.co.uk
Author: Oxygen Agency
Author URI: http://oxygenagency.co.uk
Description: The theme that is bright and colourful - with icons that move when you mouseover!
Version: 1.0
*/

*{
	font-family: 'arial', sans-serif;
}
body {
	/*background:transparent!important;*/
}
body{
	background-color:#fff;
}
a, a:link, a:visited{
	color:#3fb34f;
}
a, a:active{
	color:#3fb34f;
}

.hidden {
    display: none!important;
    visibility: hidden!important;
   }

.header-container{
	max-height:102px;
}
.brand-name {
	position: relative;
}
.main-container{
	background: url("images/container_background.jpg") top center;
	background-size: 100% auto;
	margin-top:0px;
	margin-bottom:0px;
}
.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) 30px, rgba(0,0,0,0) 93%, 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(3%,rgba(0,0,0,0)), color-stop(97%,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) 30px,rgba(0,0,0,0) 97%,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) 30px,rgba(0,0,0,0) 97%,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) 30px,rgba(0,0,0,0) 97%,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) 30px,rgba(0,0,0,0) 97%,rgba(0,0,0,0.45) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
}
.search, .top-menu, .main-menu{
	display: block;
	clear: both;
}

.search form label {
	display: inline-block;
}

/*Logo*/

.ciccl-logo{
	position: relative;
}

.ciccl-logo img {
	max-width: inherit;
}


.brand-name .ciccl-logo{
	z-index:100;
	position:absolute;
	left:-100px;	
}
.brand-name a, .brand-name a:hover{
	color:#293b8e;
	width:150px;
	height: 100px;
	display: block;
	position: absolute;
	text-decoration: none;
	z-index:10100;
	background:url("images/transparent.png") no-repeat center center;
}
.brand-name a span{
	display: none;
}

@media( max-width:698px ) {
	.ciccl-logo img {
		max-width: 250px;
	}
	.brand-name .ciccl-logo{
		left:0;	
	}
}


.county-council-logo{
	background:url("images/devon-county-council_logo.jpg") no-repeat center center;
	width: 196px;
	height: 77px;
}

/* Top menu */
.navbar-nav {
	margin:0;
}
.navbar-nav>li {
	float: left;
}
.navbar-nav>li>a{
	padding:0 !important;
	line-height: 40px;
}
.top-menu{
	padding:6px 0;
}
.top-menu li, .top-menu li a{
	color:#3fb34f;
	font-family: 'Arial', sans-serif;
	font-size: 13px;
}
.search{
	padding:0;	
}
.search input{
	border:1px solid #9b9b9b;
	padding:0 5px;
	margin:0;
	height:23px;
	line-height:23px;
	color: #9b9b9b;
	font-weight: normal;
}
.search input[type="submit"]{
	border:0;
}

/*Accessibility/font size*/
ul.font-resizer, .top-menu ul.nav.navbar-nav{
	list-style: none;
	float: left;
	display: inline-block;
}
ul.font-resizer, .top-menu ul.nav.navbar-nav li a{
	line-height: 15px;
}
ul.font-resizer a{
	color: #3fb34f;
}
ul.font-resizer{
	margin:0;
	padding-right:5px;
	margin-right:5px;
	border-right: 1px solid #3fb34f;
	list-style-type: none;
}
ul.font-resizer li {
	list-style-type: none;
}

/*Theme switcher*/
.themeswitcher{
	clear: both;
	display: block;
	list-style: none;
	padding-left: 0;
}
.themeswitcher li{
	vertical-align: top;
	display: inline-block;
	text-align: center;
	max-width: 48%;
	/*margin: 0 1%;*/
	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;
	padding: 20px;
}
.themeswitcher li a{
	display: block;
	width:100%;
	padding: 20px;
	color:#000;
}
.themeswitcher li img{
	max-width: 90%;
	clear: both;
	display: block;
	margin: auto;
	margin-bottom:10px;
}

/* Main Menu */
.main-menu .navbar-nav{
	margin-top:5px;
}
.main-menu .navbar-nav, .navbar-nav, .main-menu .navbar-nav:hover, .navbar-nav:hover, .nav a:hover{
	border:0;
	background-color: transparent !important;
}
.main-menu ul.navbar-nav{
	list-style: none;
}
.main-menu ul.navbar-nav li{
	display: inline-block;
	line-height: 40px;
	padding:0 10px;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	margin-bottom:0;
}
.main-menu ul.navbar-nav li, .main-menu ul.navbar-nav li a{
	color:#3fb34f;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 13px;
}
.main-menu ul.navbar-nav li.current_page_item, .main-menu ul.navbar-nav li:hover {
	background-color: #3fb34f;
}
.main-menu ul.navbar-nav li.current_page_item a, .main-menu ul.navbar-nav li:hover a{
	color:#fff;
	display: block;
	text-decoration: none;
}

/*Footer menus*/
.footer-menu{
	padding-top:10px;
}
.footer-menu ul {
	margin:0;
}
.footer-menu ul.footer-nav, .footer-menu ul.copyright{
	float: left;
	padding-left: 0;
	margin-bottom:0;
}
.footer-menu-wrap ul.footer-nav li, .footer-menu-wrap ul.copyright li,
.footer-menu-wrap .credits, .footer-menu-wrap .credits span
{
	font-size:10px;
	line-height:10px;
	color: #3fb34f;
	display: inline-block;
	font-weight: normal;
}
.footer-menu-wrap ul.footer-nav li a, .footer-menu-wrap .credits span a
{
	color: #3fb34f;
}
.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: 'Arial', sans-serif;
	top:66px;
	position:relative;
 	width: 95%;
 	font-weight:bold;
 	text-transform: uppercase;
	-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-size:20px;
	line-height:25px;
}
.hover-box .title a{
	font-size:20px;
}
.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: 'Arial', 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.7);
	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:#3fb34f;
}
.hover-box.being_in_care span.box-background {
	background:url("images/video_background.png") no-repeat right -10px top -10px;
}

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

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

.hover-box.the-pledge .content-box{ background-color:#f07f05;}
.hover-box.the-pledge span.box-background{ background:url("images/the-pledge_background.png") no-repeat right 0px top 5px;}

.get-positive ul.slides, .hover-box.get-positive .flexslider-caption, .hover-box.get-positive .content-box{ background-color:#63be1a;}

.news ul.slides, .hover-box.news .flexslider-caption, .hover-box.news .content-box {
	background-color:#a3287d;
}

.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 top 5px / 82px auto;}

.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:165px;}
.hp-lower .hover-box .title{ padding:10px 1px 0 10px; line-height:20px; bottom: 0; position: absolute;}
.hp-lower .hover-box .subtitle{ margin-top:5px; }

.hover-box.have-your-say .content-box{ background-color:#ffd800;}
.hover-box.have-your-say span.box-background{background:url("images/have-you-say_background.png") no-repeat right 5px top 0px;}
.hp-lower .hover-box.have-your-say .title { top:85px; }
.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 -15px top -20px;}
.hp-lower .hover-box.want-to-talk .title { top:85px; }

.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 top 5px;}

.hover-box.advocacy .content-box{ background-color:#63be1a;}
.hover-box.advocacy span.box-background{background:url("images/advocacy-background.png") no-repeat right 5px top 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 -10px top -7px;}
.hp-lower .hover-box.signpost .title { top:105px; }

.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:105px;
}

.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;
}
.flexslider-title{
	font-size: 20px !important;
	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;
}

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

.news .flexslider-caption {
	bottom: 251px !important;
	height: 252px !important;
}
.get-positive .flexslider-caption {
	bottom: 165px !important;
	height: 165px !important;
}

.flexslider-caption {bottom: 116px !important; height: 116px !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:25px;
	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-transform: none;
	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;
}

h3.twitter-handle,
.get-positive .flexslider-caption-inner h3,
.news .flexslider-caption-inner h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.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 .page_content h1, 
.main-container .page_content h2,
.main-container .page_content h3{
	color:#000;
}

.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-black.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 #000 dotted!important;
	margin:30px 0!important;
	line-height:1px;
	}	

#page_content h1{
	color:#e73800;
}

#page_content h2{
	font-size:28px;
	color:#3fb34f !important;
}

#page_content h3 {
	color:#3fb34f !important;
	font-size:22px;
}

#page_content a:not(.share-icon),
#page_content a:not(.button) {
	color:#02a64c;
}

.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: #e73800;
	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;
    color: #fff !important;
}

div.twitter a {
	color:#dec42c;
}

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

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: 20px;
    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;
    text-transform: uppercase;
}


@media (min-width: 992px) and (max-width: 1200px) {
.hp-lower .hover-box .twitter .title {
	top:12px;
}
}

/* 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%;
}

#page_content a.play_game {
	display: inline-block;
	background: #02a64c;
	color: #fff!important;
	padding: 6px 12px;
}
#page_content a.play_game:hover {
	background: #e73800;
	text-decoration: none;
	color: #fff!important;
}

/* JM - CSS tweaks as part of a pitch - 280417 */

.top-menu ul.nav.navbar-nav li a:last-child {
padding-left:5px!important;
}

.main-menu ul.navbar-nav li {
    /*height:33px!important;*/
}

.hover-box .title {
top:60px;
}

.hover-box .subtitle {
padding-left:0;
padding-top:2px;
}

.hover-box .subtitle p {
margin:0;
line-height:1.2em;
}

.rotatingtweet p.rtw_main {
font-size:11px!important;
}

.footer-nav li {
display:inline;
padding-right:10px;
}

/* common styles */


.show_from_769 {
	display: block;
}

.show_to_768 {
	display: none;
}

@media  ( max-width: 768px ) {
	.show_to_768 {
		display: block;
	}
	.show_from_769 {
		display: none;
	}
	.brand-name .ciccl-logo {
		z-index: -1;
	}
}

@media only screen and (max-width : 991px) {
	.footer-menu-wrap ul.footer-nav li:last-child:after{
		content : "";
	}
	.main-menu{
		/*padding-top: 120px;*/
		padding-bottom: 30px
	}
}

@media only screen and (min-width : 600px) and (max-width : 990px) { 
	.hover-box.get-started span.box-background img{ position:relative; top:-170%; }
}
@media only screen and (max-width : 768px) {
	.themeswitcher li{
		width: 100% !important;
		max-width: 100% !important;
		display: block;
	}
	.country-council-logo {
		text-align:center!important;
		margin:auto;
	}
	.icons-footer {
		text-align:center!important;
		}
	.social-wrap {
		width:153px;
		margin:0 auto;
	}
	.navigation{
		/*padding-top: 120px;*/
		padding-bottom: 20px
	}
	.main-menu{
		padding: 20px 0;
	}
	.top-menu{
		padding:10px 20px;
	}
	.top-menu li, .top-menu li a{
		color:#fff;
	}
	.footer-menu-wrap, .footer-nav, .copyright {
		text-align: center;
		float:none !important;
	}
	.font-resizer, #menu-top-menu{
		margin: auto;
		border-color:#000;
	}
	.font-resizer{
		border-color:#000 !important;
	}
	.font-resizer li a, #menu-top-menu a{
		/*color:#000 !important;*/
	}
}
@media only screen and (min-width : 420px) and (max-width : 599px) { 
	.hover-box.get-started span.box-background img{ position:relative; top:-100%; }
}
@media only screen and (max-width : 420px){ 
	.navigation{
		padding-top: 180px;
	}
}
@media only screen and (max-width : 320px){ 
	.navigation{
		padding-top: 180px;
		padding-bottom: 20px;
	}
	.main-container{
		padding-top: 0px;
	}
	.navigation, .navigation form, .navigation ul, .navigation ul li{
		text-align: center;
	}
	.top-menu.pull-right, .search.pull-right{
		float:right !important;
	}
	.top-menu{
		
	}
}