/*

 Theme Name:   Community
 Description:  Theme for Community
 Author:       Ricardo Pedrosa, Toby Kay 
 Template:     html5blank-stable
 Version:      1.0.0
 Text Domain:  community

*/

/*
font-family: 'FF Advert OT Light'
font-family: 'FF Advert OT Bold'
font-family: 'FF Advert OT Regular'
font-family: 'FF Advert Pro Regular'
*/


@import "fonts/community-font.css";
@import "fonts/cocon-font.css";
@import "toby.css";




section#home-line {background-color: white; border-top: 1px solid #999;   padding-top:10px; padding-bottom:20px;  }
section#signup {background-color: #e9e9e9; padding-bottom: 20px; padding-top: 20px;}
.howitworks {font-size: 30px; padding-bottom: 5px; font-family: "cocon", sans-serif; font-weight: 500; color: #6A1643; }
.howitworks3 {background-color: white;}
.signup {font-size: 30px; padding-bottom: 5px; font-family: "cocon", sans-serif; font-weight: 500; color: #C0136B; margin-bottom: 20px;}

.howitworks2 {font-size: 18px;  font-family: "cocon", sans-serif; font-weight: 500; color: #6A1643;}
.signup2 {font-size:18px;  font-family: "cocon", sans-serif; font-weight: 500; color: #C0136B; }


section#alwayshere  {background-color: #fff; padding-bottom: 10px; padding-top: 30px;}
section#alwayspics  {background-color: #e9e9e9;}
section#alwaystext  {background-color: #fff; padding-bottom: 20px; padding-top: 10px;}
section#cta {background-color: #CECECE; padding-bottom: 20px;  background-image: url(images/backgrounds/ctabg.png); background-repeat: repeat-x;}
.ctabox1 { overflow: hidden;}
.newhomewrapper {background-color: #fff !important;}
section#home-textnew {background-color: #fff !important;  margin-top: 20px;}
.marginbottom {margin-bottom: 10px;}
.signuphome {border: none;  width:100%; margin-bottom: 8px;}
.marginrighttable {margin-right: 5px;}
.alwaysheadline {color: #6A1643; font-size: 16px; margin-bottom: 10px; font-weight: 700;}
.signup_btn {
    background-color: #c0136b;
    color: #fff;
    border-radius: 5px;
    padding: 5px 0;
    font-size: 1.7rem;
    font-weight: 700;
    border: 0;
    width: 80%;
}

.ctaboxmargin {margin-bottom:20px;}
.home figure{
  
    border-bottom-right-radius:20%;
    border-right: 5px solid #e9e9e9;
    overflow:hidden;
	max-height: 168px;
}


.ctabox1header {width: 100%; padding: 3px; padding-left: 12px; font-size: 16px; font-family: "cocon", sans-serif; font-weight: 500; color: #fff; background-color:#C0136B;  -webkit-border-top-left-radius: 18px;
    border-top-left-radius: 18px; }
.ctabox1text {float: right; width: 50%; background-color: #fff;   padding-top: 10px; padding-left: 15px; padding-right: 15px;  -webkit-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px; height: 168px;}
.ctabox1image {float: left; width: 50%; background-color: #fff;  height: 168px;}


.ctabox2 {background-color:#e9e9e9;  -webkit-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px;}
.ctabox2header {background-color:#e9e9e9; height: 5px;}
.ctabox2footer {width: 100%; padding: 5px; padding-left: 10px; padding-top: 10px; padding-bottom: 3px; font-size: 16px; font-family: "cocon", sans-serif; font-weight: 500; color: #6A1643; background-color:#e9e9e9;  -webkit-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px; }
.ctabox2text {float: right; width: 50%; background-color: #fff;   padding-top: 10px; padding-left: 15px; padding-right: 15px;  -webkit-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px; height: 168px;  border-right: 5px solid #e9e9e9}
.ctabox2image {float: left; width: 50%; background-color: #fff;  height: 168px;  border-left: 5px solid #e9e9e9}







/* GENERAL */

html {
	font-size:62.5%; /* for REM units use, so that 1rem = 10px */
	-webkit-font-smoothing:antialiased !important;
}

body {
	font-family:'community-web';
	color:#4a4a4a;
	font-size:1.6rem;
	overflow-x:hidden;
}

.container-fluid {
	max-width:1366px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.no-margin {
	margin:0 !important;
}

.no-margin-top {
	margin-top:0 !important;
}

.left {
	text-align:left;
}

.align-right {
	text-align:right;
}

.center {
	text-align:center;
}

.block {
	display:block !important;
}

.inline {
	display:inline !important;
}

.inline-block {
	display:inline-block !important;
}


.select-block {
	display:block;
	width:100%;
}

.light {
	font-weight:normal;
}

.regular {
	font-weight:500;
}

.bold {
	font-weight:700;
}

a {
	text-decoration:underline;
}

a:hover {
	color:#6a1643;
}

#header a, #intro-video a {
	text-decoration:none;
}

/* Cookie Bar */

div#cookie-law-info-bar {
 	padding:15px 0;
    font-size:1.6rem;
    border-bottom:5px solid #BF1E74;
}

div#cookie-law-info-bar a {
	text-shadow:none;
}

div#cookie-law-info-bar a:hover {
	text-decoration:none;
}

/* General forms */

.general-form,
.general-form input,
.general-form textarea,
.general-form button {
	position:relative !important;
	z-index:999999999999999 !important;
}

.general-form label {
	display:block;
	margin-top:20px;
	font-weight:500;
	font-size:1.6rem;
}

.general-form input,
.general-form select,
.general-form textarea {
	width:100%;
	font-size:1.6rem;
	padding:5px;
}

.general-form input[type="radio"] {
	height: 20px;
    width: 20px;
    vertical-align: middle;
    margin: 0;
	display:inline-block;
}

.general-form .radio-label {
	margin:0 20px 0 5px;
	vertical-align:middle;
	font-size:1.6rem;
}

.general-form .input-info {
	font-weight:normal;
	font-size:1.3rem;
}

.general-form input[type="submit"],
.general-form button[type="submit"],
.ninja-forms-form input[type="submit"],
.gform_button {
	color:#fff;
	font-weight:500;
	text-align:center;
	background-color:#bf1e74;
	border:none;
	border-radius:5px;
	padding:5px 0;
	margin-top:20px;
	width:100%;
	height:50px;
	text-transform:uppercase;
}

.gform_button:hover,
.gform_button:focus {
	outline:0;
}

.gform_body input[type="text"] {
	width:100%;
}

.gform_body label {
	margin-bottom:0 !important;
}

.general-form button[type="submit"] {
	width:100%;
}

form#get-touch {
	margin-bottom:30px;
}

.ninja-forms-required-items {
	font-size: 1.3rem;
    margin-bottom: 10px;
    color: #999;
}

#mc_embed_signup {
    font: inherit !important;
}


/* INTRO */

section#intro-video {
  position:relative;
  width:100%;
  height:100%;
  
}

section#intro-video * {
	-webkit-font-smoothing: subpixel-antialiased;
}

.blink {
     display:none;
}


section#intro-video video {
    position: fixed;        
    right: 0;
    bottom: 0;
    z-index: -1;               

    min-width: 100%;           
    min-height: 100%;
    width: auto;              
    height: auto;

    top: 50%;                  
    left: 50%;                 

    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
 	
}

#video-words {
  	font-family:"cocon", sans-serif;
  	font-size:12rem;
  	font-weight:500;
  	color:#fff;
  	text-align:center;
  	line-height:11rem;
  	width:100%;
  	top:40%;
  	left:40%;
  	position:absolute;
  	-webkit-transform: translate(-40%,-40%);
	-moz-transform: translate(-40%,-40%);
	-ms-transform: translate(-40%,-40%);
    transform: translate(-40%,-40%);
	display:none;
}

body {	
	overflow-x:hidden;
}



#logo-skip {
  	width:50%;
  	top:50%;
  	left:50%;
  	position:absolute;
  	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	text-align:center;
}

#video-logo {	
  	opacity:0;
}


nav#intro-menu {
  	position:absolute;
	bottom:0;
  	width:100%;
  	padding:40px 0;
	z-index:999;
}

nav#intro-menu ul {
  	list-style-type:none;
  	padding:0;
	text-align:center;
}

nav#intro-menu ul li {
  	display:inline-block;
  	font-size:1.6rem;
}

nav#intro-menu ul li.menu-divider {
  	color:#ee2a7b;
}

nav#intro-menu ul li.menu-divider:last-child {
	display:none;
}

nav#intro-menu ul li a { 
  	color:#fff;
  	padding:0 25px;
	text-transform:uppercase;
}

nav#intro-menu ul li a:hover {
	text-decoration:none;
	color:#ee2a7b;
}

#skip-button {
	margin-top:125px;
	text-align:center;
	color:#ee2a7b;
	display:inline-block;
}

#skip-button .skip-image {
	width:75px;
	height:74px;
	background-image:url("images/skip-button.png");
	background-repeat:no-repeat;
	background-size:contain;
	margin: 0 auto;
}

#skip-button:hover {
	cursor:pointer;
	font-weight:700;
}

#skip-button:hover .skip-image {
	background-image:url("images/skip-button-hover.png");
}

#intro-top-links {
	background-color:transparent;
	position:relative;
	z-index:9999;
}

#intro-top-links div.member-login-link a,
#intro-top-links div.need-help-link a {
	color:#fff;
	background-image:url("images/backgrounds/intro-top-center.png");
	background-repeat:repeat-x;
	background-size:contain;
}

#intro-top-links div.member-login-link a {
	background-color:#9e1f63;
}

#intro-top-links div.need-help-link a {	
	background-color:#bf1c7d;
}

#intro-top-links div.member-login-link a:hover {
	background-color:#bf1c7d;
}

#intro-top-links div.need-help-link a:hover {	
	background-color:#9e1f63;
}

#intro-top {
	position:absolute;
	top:0;
	width:100%;
	z-index:999;
}

intro-top:after {
	clear:both;
	content:"";
	display:table;
}

#intro-top-left,
#intro-top-center,
#intro-top-left img {
	height:49px;
}

#intro-top-left {
	float:left;
}

#intro-top-center {
	background-image:url("images/backgrounds/intro-top-center.png");
	background-repeat:repeat-x;
	background-size:contain;
	overflow:hidden;
}

#intro-bottom {
	position:absolute;
	bottom:0;
	width:100%;
}

intro-bottom:after {
	clear:both;
	content:"";
	display:table;
}

#intro-bottom-left,
#intro-bottom-center,
#intro-bottom-right {
	height:150px;
}

#intro-bottom-left {
	float:left;
}

#intro-bottom-right {
	float:right;
}

#intro-bottom-left img,
#intro-bottom-right img {
	height:150px;
}

#intro-bottom-center {
	background-image:url("images/backgrounds/intro-bottom-center.png");
	background-repeat:repeat-x;
	background-size:contain;
	overflow:hidden;
}


/* HEADER */

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

header#header #header-col {
	/*background-image:url("images/backgrounds/home-bgs/header_1.jpg");*/
	
	background-image:url("images/homepage_crop21.png");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	-moz-transition: background linear 1s;
  	-webkit-transition: background linear 1s;
	transition: background linear 1s;
}

header#header #header-bg-wrapper {
	position:absolute;
	left:0;
	right:0;
	width:100%;
}

header#header #header-bg-wrapper:after {
	clear:both;
	content:"";
	display:table;
}

header#header #header-col,
header#header #header-bg-left img,
header#header #header-bg-right img,
header#header #header-bg-center,
header#header #header-bg-center2 {
	height:400px;
}

header#header #header-bg-center2 {
	background-image:url("images/backgrounds/header-waves-center2.png");
	background-repeat:repeat-x;
	background-size:contain;
	overflow:hidden;
}






header#header #header-bg-left {	
	float:left;
}

header#header #header-bg-right {
	float:right;
}

header#header #header-bg-center {
	background-image:url("images/backgrounds/header-waves-center.png");
	background-repeat:repeat-x;
	background-size:contain;
	overflow:hidden;
}

.oldie header#header #header-bg-center {
	background-image:url("images/backgrounds/400px/header-waves-center.png");
}

header#header img#logo {
	width:250px;
	margin-top:20px;
}


div.member-login-link a,
div.need-help-link a {
	color:#706f6f;
	padding:10px 0;
	display:block;
	text-align:center;
	background-color:#ededed;
	font-size:1.4rem;
}

#intro-video div.member-login-link a,
#intro-video div.need-help-link a {
	padding:15px 0;
}

div.member-login-link {
	padding-right:2px;
	padding-left:0;
}

div.need-help-link {
	padding-left:2px;
	padding-right:0;
}

div.member-login-link a {
	border-bottom-left-radius:30px;
	font-weight:500;
	-ms-behavior: url("http://intereldev.com/community/wp-content/themes/community/polyfills/PIE.htc");
	behavior: url("http://intereldev.com/community/wp-content/themes/community/polyfills/PIE.htc");
}

div.need-help-link a {
	border-bottom-right-radius:30px;
	font-weight:700;
}

div.member-login-link a:hover,
div.need-help-link a:hover {
	text-decoration:none;
	color:#fff;
	font-weight:700;
}

div.need-help-link a:hover {
	background-color:#9e1f63;
}

div.member-login-link a:hover {
	background-color:#c00f74;
}


header#header #font-size-change {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

header#header #font-size-change span {
	padding:0 2px;
	font-weight:700;
}

header#header #font-size-change span:hover {
	cursor:pointer;
	background-color:#70193f;
	color:#fff;
}

header#header #font-size-change #font-small {
	font-size:1.2rem;
}

header#header #font-size-change #font-medium {
	font-size:1.4rem;
}

header#header #font-size-change #font-large {
	font-size:1.6rem;
}


/* MOBILE MENU */


#mobile-menu-container {
	background-color:#444;
	color:#fff;
	position:absolute;
	top:0;
	right:-100%;
	min-height:100%;
	width:100%;
	max-width:380px;
	z-index:999;
	box-shadow:0 0 10px #666;
	box-sizing:border-box;
	display:none;
}


#mobile-menu-container .fa-close {
	font-size:40px;
	margin:10px 0;
	float:right;
}

#mobile-menu {
	padding:0;
	list-style-type:none;
	clear:both;
}

#mobile-menu li a {
	font-size:17px;
	display:block;
}

#mobile-menu > li > a {
	text-transform:uppercase;
	color:#fff;
	padding:10px 15px;
	font-weight:700;
	width:100%;
}

#mobile-menu> li > a .fa {
	font-size: 30px;
    margin-right: 10px;
}

#mobile-menu> li > a span {
    display: inline-block;
    vertical-align: middle;
	line-height:30px;
}

#mobile-menu ul.dropdown-menu {
	display:none;
	position:relative;
	float:none;
	border-top:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	padding:0;
	margin:0;
}

#mobile-menu ul.dropdown-menu li > a {
	padding:7px 37px;
    font-weight:400;
	text-decoration:none;
}

#mobile-menu ul.dropdown-menu li > a:hover {
	color:#fff;
	background-color:#777;
}

#mobile-menu ul.dropdown-menu li:last-child {
	border-bottom:0;
}



#mobile-menu li.menu-about > a {
	background-color:#C0136B;
}

#mobile-menu li.menu-services > a {
	background-color:#CD4A87;
}

#mobile-menu li.menu-help > a {
	background-color:#CC9A32;
}

#mobile-menu li.menu-news > a {
	background-color:#6A99A7;
}

#mobile-menu li.menu-joining > a {
	background-color:#4F2237;
}

#mobile-menu li.menu-advice > a {
	background-color:#A2BC0A;
}

#mobile-menu li.menu-campaigns > a {
	background-color:#D67A00;
}

#mobile-footer-menu {
	list-style-type:none;
	padding-left:0;
	margin-top:15px;
}

#mobile-footer-menu a {
	color:#fff;
	text-decoration:none;
	font-size:19px;
	display:block;
	padding:3px; 
}

#mobile-footer-menu > li {
	border-bottom:1px solid #666;
}

#mobile-footer-menu > li:last-child {
	border-bottom:0;
}

#mobile-footer-menu .dropdown-menu li {
	border:0;
}

#mobile-footer-menu .dropdown-menu li a {
	color:#ccc;
}

#mobile-footer-menu .dropdown-menu li a:hover {
	color:#333 !important;
}

#mobile-footer-menu > li > a {
	font-weight:700;
	padding-top:8px;
	padding-bottom:8px;
}

#mobile-footer-menu .dropdown-menu {
	display:block;
	position:relative;
	float:none;
	background-color:transparent;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0;
	border-radius:0;
	padding-top:0;
	margin-top:0;
}

#mobile-menu-open {
	font-size:4rem;
	color:#70193f;
	top:15px;
	right:20px;
	position:absolute;
	z-index:998;
}

@media screen and (min-width:1024px) {
	#mobile-menu-open {
		display:none;
	}
}

.menu-trigger:hover {
	cursor:pointer;
}


/* NAV BAR */

.navbar-default {
	border:0;
	background-color:transparent;
	margin-left:-15px;
	margin-top:30px;
}

.navbar-default #navbar {
	padding-left:0;
}

.navbar-default .nav > li > a {
	color:#70193f;
	font-size:1.3rem;
	font-weight:500;
	text-transform:uppercase;
	padding:5px 15px;
  	line-height:10px;
}

navbar-default .nav > li.menu-separator {
	color:#ccc;
	padding:0 2px;
}

.navbar-default .nav > li > a:hover {
	color:#ccc;
	
}

.navbar-default .nav > li > a.active {
	color:#ccc;
}

.navbar-default .nav > li { border-right: 1px solid #d1d3d4; }
.navbar-default .nav > li:last { border-right: none; }

ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; }

#responsive-menu {
	height:auto !important;
}

.wbb-ocm-trigger {
	position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
}

@media screen and (max-width: 1024px) {
	#main-menu-row {
		display:none;
	}
}

.wbb-ocm-main menuitem,
.wbb-ocm-submenu menuitem {
    text-transform: uppercase !important;
    padding: 10px !important;
    color: #6A1643 !important;
	font-weight:bold;
}

.wbb-ocm-main-title menuitem {
	background-color:#BF1E74 !important;
	color:#fff !important;
}

.wbb-ocm-container,
.wbb-ocm-submenu {
	padding-top:0 !important;
}

.wbb-ocm-submenu .wbb-ocm-submenu-close {
	color:#fff !important;
	background-color:#BF1E74 !important;
}

/* test */


#test-nav .navbar-default {
	border:0;
	background-color:transparent;
	margin-top:30px;
}

#test-nav  .navbar-default #navbar {
	padding-left:0;
}

#test-nav  .navbar-default .nav  a {
	color:#70193f;
	font-size:1.25rem;
	font-weight:500;
	text-transform:uppercase;
  	line-height:10px;
	text-align:center;
}

#test-nav  navbar-default .nav > li.menu-separator {
	color:#ccc;
	padding:0 2px;
}

#test-nav .navbar-default .nav .menu-item > a:hover,
#test-nav .navbar-default .nav .menu-item > a.active {
	color:#ccc;
	font-weight:700;
	text-decoration:none;
}

#test-nav .navbar-default .nav .menu-item.menu-about > a:hover,
#test-nav .navbar-default .nav .menu-item.menu-about > a.active {
	color:#C0136B;
}

#test-nav .navbar-default .nav .menu-item.menu-services > a:hover {
	color:#CD4A87;
}

#test-nav .navbar-default .nav .menu-item.menu-help > a:hover {
	color:#CC9A32;
}

#test-nav .navbar-default .nav .menu-item.menu-news > a:hover {
	color:#6A99A7;
}

#test-nav .navbar-default .nav .menu-item.menu-joining > a:hover {
	color:#4F2237;
}

#test-nav .navbar-default .nav .menu-item.menu-advice > a:hover {
	color:#A2BC0A;
}

#test-nav .navbar-default .nav .menu-item.menu-campaigns > a:hover {
	color:#D67A00;
}

#test-nav .navbar-default .nav .menu-item > a.active {
	color:#ccc;
}

#test-nav .navbar-default .nav .menu-item { border-right: 1px solid #d1d3d4; text-align:center; padding-left:5px;padding-right:5px; }
#test-nav .navbar-default .nav .menu-item:last-child { border-right: none; }

#test-nav  navbar-default .nav ul li ul li {
	padding:15px 0;
}


/* Responsive menu */

#main-menu-row {
	padding-right:0;
}

#main-menu-header {
	border:0;
	background-color:transparent;
	margin-top:30px;
	margin-left:-12px;
}

#main-menu-header > .menu-item > a {
	color:#70193f;
	font-size:1.25rem;
	font-weight:500;
	text-transform:uppercase;
  	line-height:1.4rem;
	text-align:center;
	background-color:transparent;
	padding:0 15px;
}

#main-menu-header > .menu-item > a:hover {
	padding:0 14px 0 15px;
}

#main-menu-header > li.menu-separator {
	color:#ccc;
	padding:0 2px;
}


#main-menu-header > .menu-item {
	border-right: 1px solid #d1d3d4;
	text-align:center;
	/*width:170px;*/
	
}

#main-menu-header > .menu-item:last-child {
	border-right: none;
}


.dropdown-menu>.active>a {
	text-decoration: none;
    color: #262626;
    background-color:transparent;
}

#main-menu-header .menu-item > a:hover,
#main-menu-header .menu-item.active > a,
#main-menu-header .menu-item.current-menu-parent > a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	color:#70193f;
	font-weight:700;
	text-decoration:none;
	background-color:transparent;
}

#main-menu-header .menu-item.menu-about > a:hover,
#main-menu-header .menu-item.menu-about.active > a,
#main-menu-header .menu-item.menu-about.current-menu-parent > a {
	color:#C0136B;
}

#main-menu-header .menu-item.menu-services > a:hover,
#main-menu-header .menu-item.menu-services.active > a,
#main-menu-header .menu-item.menu-services.current-menu-parent > a {
	color:#CD4A87;
}

#main-menu-header .menu-item.menu-help > a:hover,
#main-menu-header .menu-item.menu-help.active > a,
#main-menu-header .menu-item.menu-help.current-menu-parent > a {
	color:#CC9A32;
}

#main-menu-header .menu-item.menu-news > a:hover,
#main-menu-header .menu-item.menu-news.active > a,
#main-menu-header .menu-item.menu-news.current-menu-parent > a {
	color:#6A99A7;
}

#main-menu-header .menu-item.menu-joining > a:hover,
#main-menu-header .menu-item.menu-joining.active > a,
#main-menu-header .menu-item.menu-joining.current-menu-parent > a {
	color:#4F2237;
}

#main-menu-header .menu-item.menu-advice > a:hover,
#main-menu-header .menu-item.menu-advice.active > a,
#main-menu-header .menu-item.menu-advice.current-menu-parent > a {
	color:#A2BC0A;
}

#main-menu-header .menu-item.menu-campaigns > a:hover,
#main-menu-header .menu-item.menu-campaigns.active > a,
#main-menu-header .menu-item.menu-campaigns.current-menu-parent > a {
	color:#D67A00;
}

#main-menu-header .dropdown-menu > li > a {
	padding:5px 20px;
	width:250px;
}

#responsive-menu {
	font-weight: 500;
    text-transform: uppercase;
}




/* SECTIONS */

header#header,
section#home-columns-headers,
section#home-text,
section#join-title,
section#title,
section#page-intro {
	background-color:#f8f8f8;
}

section#title.line-bottom {
	border-bottom:1px solid #d1d3d4;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background-color:#fff !important;}

/* TITLES */

#title h1 {
	color:#6a1643;
	font-weight:500;
	font-size:4rem;
	margin:25px 0 15px 0;
}

#title h1 span{
	color:#bf1e74;
	font-weight:700;
}

body.fair-access-to-public-transport #title h1 span{
	color:#d5791a;
}


/* PAGE INTRO */

section#page-intro p {
	font-size:1.8rem;
	color:#808285;
	font-weight:500;
	margin:15px 0;
}

/* CAMPAIGNS */

div.white-bg-round {
	background-color:#fff;
	border-radius:10px;
	padding:20px;
	margin-bottom:20px;
}

.campaign-form input[type="submit"] {
	background-color:#6a1643;
	border-radius:20px;
	margin-top:0;
	font-weight:500;
	text-transform:uppercase;
	font-size:1.4rem;
	width:auto;
	padding:5px 30px;
	position:absolute;
	bottom:0;
	left:15px;
}

.campaign-form-title {
	color:#6a1643;
	font-size:1.6rem;
	font-weight:700;
	border-bottom:1px solid #bcbec0;
	padding:5px 0;
	margin-bottom:15px;
}

div.campaign-form-right {
	position:relative;
}

.campaign-form-thankyou h2 {
	color:#d5791a;
	font-size:3rem;
	font-family:"cocon", sans-serif;
}

.campaign-form-thankyou p.needed-signatures {
	color:#6a1643;
	font-weight:700;
	margin:20px 0;
}

.campaign-form-thankyou p.social-campaign-share a {
	display:inline-block;
	margin-right:10px;
}

.campaign-form-thankyou p.social-campaign-share img {
	height:35px;
}

a.wpfai-link {
    color: #999 !important;
}

ul.wpfai-list {
	font-size:1.1rem;	
}

ul.wpfai-list li {
	margin:0 5px 0 0;
}
	
	


/* JOIN COMMUNITY */

section#join-title {
	border-bottom:1px solid #dadada;
}

section#join-title h1 {
	color:#70193f;
	font-size:4.5rem;
	margin-bottom:15px;
}

section#join-title h1 span.join-word {
	color:#c0136b;
	font-size:4.5rem;
	font-weight:700;
}


/* HOME TEXT */

section#home-text p {
	font-weight:500;
	margin: 30px 0;
	font-size:2rem;
	color:#878787;
}

section#home-text .front-intro p {
	margin: 5px 0 30px 0;
}

/* HOME BOTTOM */

.push-front {
	z-index:1;
	position:relative;
}

section#home-columns-headers header,
section#home-columns-content .column-header ,
section#home-stories-top header {
	border-top-left-radius:28px;
	padding:12px 15px;
}

section#home-columns-content .column-header {
    margin-top:20px;
}

section#home-stories-top header {
	padding:12px 0;
}

section#home-columns-headers header span,
section#home-columns-content .column-header span,
section#home-stories-top header span{
	color:#fff;
	font-size:1.7rem;
	text-transform:uppercase;
	margin:0;
	font-weight:700;
	vertical-align:middle;
	display:inline-block;
}

section#home-columns-headers header.member-benefits,
section#home-columns-content header.member-benefits{
	background-color:#c0136b;
}

section#home-columns-headers header.news-update,
section#home-columns-content header.news-update{
	background-color:#6aa4ba;
}

section#home-columns-headers header.live-campaign,
section#home-columns-content header.live-campaign{
	background-color:#d67a00;
}

section#home-columns-headers header img,
section#home-columns-content .column-header img,
section#home-stories-top header img {
	height:28px;
	margin-right:10px;
	vertical-align:middle;
	display:inline-block;
}

section#home-columns-content {
	background-color:#e9e9e9;
}

section#home-columns-content .home-column {
	background-color:#fff;
	padding:15px;
}

section#home-columns-content .home-column ul {
	list-style-type:none;
	padding:0;
}

section#home-columns-content .home-column ul li {
	padding:5px 0;
}

section#home-columns-content .home-column ul li:before {
	content:"•";
	margin-right:10px;
	display:inline;
	color:#c0136b;
}

section#home-columns-content article .author-date time,
section#home-columns-content article .author-date address {
	display:inline;
}

section#home-columns-content ul li:first-child {
	padding-top:0;
}

section#home-columns-content article h1,
section#home-columns-content article h2,
section#home-columns-content article h3,
section#home-columns-content article h4,
section#home-columns-content article h5,
section#home-columns-content article h6 {
	font-size:1.6rem;
	color:#70193f;
	font-weight:700;
	margin-bottom:3px;
}

section#home-columns-content article.live-campaign-copy h1,
section#home-columns-content article.live-campaign-copy h2,
section#home-columns-content article.live-campaign-copy h3,
section#home-columns-content article.live-campaign-copy h4,
section#home-columns-content article.live-campaign-copy h5,
section#home-columns-content article.live-campaign-copy h6 {	
	margin-top:0;
}

/*section#home-columns-content article a.read-more {*/
	a.read-more {
	color:#888;
	display:block;
	margin-top:5px;
	text-decoration:underline;
	font-weight:500;
}

section#home-columns-content a.read-more:hover {
	color:#70193f;
}
	

section#home-columns-content .home-column .author-date address {
	display:inline;
}
	

section#home-columns-content #home-main-section {
	position:relative;
	padding-bottom:60px;
}

section#home-columns-content #home-main-section img.main-bg {
	position:absolute;
	bottom:-60px;
	right:0;
}


section#home-stories,
section#home-stories-top,
section#home-stories-bottom {
	background-color:#b91267;
}

.oldie section#home-stories {
	height:150px;
}

section#home-stories-top {
	border-bottom:1px solid #e71d73;
}

section#home-stories-top h4 {
	padding-left:0;
}

section#home-stories-bottom {
	border-top:1px solid #e71d73;
	height:25px;
}

#owl-stories {
	margin:20px 0;
}

#owl-stories article {
	color:#fff;
}

#owl-stories article main {
	font-size:2rem;
	font-weight:500;
}

#owl-stories article footer {
	font-size:1.5rem;
}

#owl-stories article footer p {
	margin-top:15px;
    color: #fff;
    font-style: italic;
}

#owl-stories article footer a {
	color:#fff;
	text-decoration:underline;
	font-weight:500;
}

#owl-stories article footer a:hover {
	font-weight:700;
}

#owl-stories .owl-pagination {
	text-align:right;
}

.owl-theme .owl-controls .owl-page span{
	background: #fff;
}

/* Grey background */

section#greybackgroundtop{
   	background-color: #D6D8D7;
	padding-top:40px;
	padding-bottom:75px;
}


/* JOIN FORM */

#join-community-form {
    margin-top:20px;
}

#join-community-form ul.form-progress {
    border-radius:25px;
    list-style-type:none;
    padding:0;
    margin:0;
    background-color:#fff;
    display:inline-block;
    border:1px solid #ececec;
}

#join-community-form ul.form-progress li {
    border-radius:50%;
    width:20px;
    height:20px;
    background-color:#ececec;
    list-style-type:none;
    margin:15px 10px;
}

#join-community-form ul.form-progress li.active {
    background-color:#c0136b;
}

#join-community-form ul.form-nav {
    list-style-type:none;
    padding:0;
    margin:0;
}

#join-community-form ul.form-nav:after {
    clear:both;
    content:"";
    display:table;
}

#join-community-form ul.form-nav li {
    background-color:#b2b2b2;
    padding:5px 15px;
    color:#fff;
    font-size:1.7rem;
    width:25%;
    border-right:2px solid #e9e9e9;
    font-weight:700;
    float:left;
}

#join-community-form ul.form-nav li:first-child {
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}

#join-community-form ul.form-nav li:last-child {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-right:0;
}

#join-community-form ul.form-nav li.selected {
    background-color:#c0136b;
}

#join-community-form .form-bn {
    background-color:#c0136b;
    color:#fff;
    border-radius:5px;
    padding:5px 0;
    font-size:1.7rem;
    font-weight:700;
    border:0;
    margin-top:10px;
	width:100%;
}

#join-community-form .form-bn:hover,
#join-community-form ul.form-nav li:hover {
    cursor:pointer;
    background-color:#da167a;
}

#join-community-form .form-bn.skip {
	background-color:#70193f;
}

#join-community-form .form-bn.skip:hover {
	background-color:#851e4b;
}

#join-community-form .form-contents {
    font-size:1.6rem;
    padding-bottom:20px;
}

#join-community-form .form-contents p {
    margin:20px 0 0 0;
}

#join-community-form .form-contents p.info{
    font-weight:700;
}

#join-community-form .form-contents label {
	margin-top:20px;
	font-weight:500;
	display:block;
}

#join-community-form .form-contents .sort-code {
	width:28% !important;
	box-sizing:border-box;
	margin:0;
}

#join-community-form .form-contents .sort-code-sep {
	width:5% !important;
}

#join-community-form .form-contents .dob-div {
	border-left:1px solid #dadada;
}

#join-community-form .form-contents div.radio-image .radio-circle,
#join-community-form .form-contents div.normal-circle .radio-circle {
	display:inline-block;
	vertical-align:middle;
	background-color:#70193f;
	border-radius:50%;
	width:65px;
	height:65px;
	line-height:65px;
	text-align:center;
	margin-left:5px;
}

#join-community-form .form-contents div.radio-image span {
	display:inline-block;
	vertical-align:middle;
	width:80px;
}

#join-community-form .form-contents div.radio-image label > input {
	display:none;
}

#join-community-form .form-contents div.radio-image label > input + div {
  	cursor:pointer;
  	border:5px solid transparent;
}

#join-community-form .form-contents div.radio-image label > input:checked + div {
  	border:5px solid #c0136b;
}

#join-community-form .form-contents div.radio-image img,
#join-community-form .form-contents div.normal-circle img {
	max-height:35px;
	max-width:35px;
	vertical-align:middle;
	margin-bottom:10px;
}

#join-community-form .form-contents div.radio-image p,
#join-community-form .form-contents div.normal-circle p {
	margin-bottom:20px;
}

#join-community-form .form-contents div.normal-circle {
	margin-top:20px;
}

#join-community-form .form-contents div.normal-circle p {
	font-weight:500;;
}

#join-community-form .form-contents a.form-social-links {
	margin:15px 15px 0 0;
	display:inline-block;
}

#join-community-form .form-contents a.form-social-links img {
	width:50px;
}

#join-community-form .form-contents span.login-data {
	color:#6a1643;
	font-weight:700;
}

#join-community-form .form-contents input,
#join-community-form .form-contents select {
    border:1px solid #dadada;
    height:35px;
	/*margin-bottom:20px;*/
}

#join-community-form .form-contents input[type="text"],
#join-community-form .form-contents input[type="email"],
#join-community-form .form-contents input[type="tel"],
#join-community-form .form-contents input[type="password"] {
	width:100%;
}

#join-community-form .form-contents input[type="checkbox"],
#join-community-form .form-contents input[type="radio"] {
	height:25px;
	width:25px;
	margin:0;
	vertical-align:middle;
	display:inline;
}

#join-community-form .form-contents .checkbox-label,
#join-community-form .form-contents .radio-label {
	margin-left:10px;
    line-height:25px;
	display:inline;
	vertical-align:middle;
}

#join-community-form .form-contents .checkbox-label.side-by-side,
#join-community-form .form-contents .radio-label.side-by-side {
	margin-right:20px;
}

#join-community-form .form-contents select {
	padding:0 5px;
}

#join-community-form .form-contents textarea {
	display:block;
	width:100%;
}

#join-community-form .form-contents input.half,
#join-community-form .form-contents select.half,
#join-community-form .form-contents textarea.half {
	width:50%;
}

#join-community-form .form-contents span.form-sub-text {
	font-size:1.4rem;
}

#join-community-form .form-contents p#lookup-address {
	font-weight:500;
	font-size:1.5rem;
	line-height:20px;
}

#join-community-form .form-contents p.lookup:hover {
	cursor:pointer;
}

#join-community-form .form-contents p.lookup img {
	height:20px;
	margin-right:10px;
}

#join-community-form .form-contents img.help-icon {
	height:18px;
	vertical-align:middle;
}

#join-community-form .form-contents img.help-icon:hover {
	cursor:pointer;
}

#join-community-form .form-contents h2 {
	font-size:3.5rem;
	color:#c0126b;
	font-family:"cocon", sans-serif;
	font-weight:500;
}

#join-community-form .form-contents h2 span {
	color:#70193f;
}
	
#join-community-form .form-contents .border-right {
	border-right:1px solid #e9e9e9;
}

#join-community-form .form-contents .radio-line {
	margin:0 0 5px 0;
}

#join-community-form .form-contents label.other {
	margin:10px 0 0 0;
}

#join-community-form .form-contents a {
	font-weight:500;
	text-decoration:underline;
}

#form-right {
    padding-top:20px;
}

#form-buttons {
    padding-bottom:20px;
}

#join-community-form hr {
	border-color:#666;
}


/* Left side nav */

#leftnav ul {
	list-style: none;
	padding:0;
	display:block;
	
}

#leftnav ul li{
	color:#fff;
	font-weight:500;
	border-bottom: #fff solid 1px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#404141;	
	display: block;
	font-family:"cocon", sans-serif;
}

#leftnav ul li:first-child {
	border-top-left-radius:28px;
}

#leftnav ul li:last-child{
	border-bottom-right-radius: 28px;
	border-bottom: none;
}

#leftnav ul li a {
	color: #fff;
	text-decoration: none;
	display: block;	
}

#leftnav ul li:hover, #leftnav ul li.selected{	
	display: block;	
}

#leftnav {
margin-bottom:20px;
}

.advice-centre #leftnav ul li:hover, .advice-centre #leftnav ul li.selected{
	background-color:#A2BC0A;	
}


/* REP CENTRE */

#member-info {
	background-color:#f8f8f8;
	padding-top:15px;
	padding-bottom:15px;
	text-align:right;
	border-bottom:1px solid #ccc;
}

#member-info h1 {
	float:left;
	margin:0;
}

#menu-rep-centre li {
	padding:0 !important;
	overflow:auto;
}

#menu-rep-centre li:hover {
	background-color:#404141 !important;
}

#menu-rep-centre > li a {
	padding:10px 20px;
}

#menu-rep-centre > li > a:hover {
	background-color:#C0136B !important;
}

#menu-rep-centre > li ul {
	display:none;	
}


/*#menu-rep-centre > li ul li:first-child {
	-moz-box-shadow:    inset  0  8px 8px -8px #000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000;
     box-shadow:        inset  0  8px 8px -8px #000;
}

#menu-rep-centre > li ul li:last-child {
	-moz-box-shadow:    inset  0 -8px 8px -8px #000;
    -webkit-box-shadow: inset  0 -8px 8px -8px #000;
     box-shadow:        inset  0 -8px 8px -8px #000;
}*/

#menu-rep-centre > li ul li {
	background-color:#777;
	border-radius:0 !important;
}

#menu-rep-centre > li ul li a {
	font-weight: normal;
	padding-left:30px !important;
}

#menu-rep-centre > li ul li:hover,
#menu-rep-centre > li ul li.current-menu-item {
	background-color:#6A1643 !important;
}



#menu-mental-health > li ul li {
	background-color:#777;
	border-radius:0 !important;
}

#menu-mental-health > li ul li a {
	font-weight: normal;
	padding-left:30px !important;
}

#menu-mental-health > li ul li:hover,
#menu-mental-health > li ul li.current-menu-item {
	background-color:#6A1643 !important;
}

#menu-mental-health > li ul {
	display:none;	
}


#menu-mental-health > li ul li.current-menu-item {
	display:block;	
}


#menu-mental-health li {
	padding:0 !important;
	overflow:auto;
}

#menu-mental-health li:hover {
	background-color:#404141 !important;
}
#menu-mental-health > li a {
	padding:10px 20px;
}

#menu-mental-health > li > a:hover {
	background-color:#D67A00 !important;
}




/*----------- */

#menu-changing-work-centre > li ul li {
	background-color:#777;
	border-radius:0 !important;
}

#menu-changing-work-centre > li ul li a {
	font-weight: normal;
	padding-left:30px !important;
}
#menu-changing-work-centre  > li ul li:hover,
#menu-changing-work-centre  > li ul li.current-menu-item {
	background-color:#6A1643 !important;
}

#menu-changing-work-centre > li ul {
	display:none;	
}


#menu-changing-work-centre > li ul li.current-menu-item {
	display:block;	
}


#menu-changing-work-centre li {
	padding:0 !important;
	overflow:auto;
}

#menu-changing-work-centre li:hover {
	background-color:#404141 !important;
}
#menu-changing-work-centre > li a {
	padding:10px 20px;
}

#menu-changing-work-centre > li > a:hover {
	background-color:#D67A00 !important;
}



/* -------------- */


#menu-homelessness > li ul li {
	background-color:#777;
	border-radius:0 !important;
}

#menu-homelessness > li ul li a {
	font-weight: normal;
	padding-left:30px !important;
}

#menu-homelessness > li ul li:hover,
#menu-homelessness > li ul li.current-menu-item {
	background-color:#6A1643 !important;
}

#menu-homelessness > li ul {
	display:none;	
}


#menu-homelessness > li ul li.current-menu-item {
	display:block;	
}


#menu-homelessness li {
	padding:0 !important;
	overflow:auto;
}

#menu-homelessness li:hover {
	background-color:#404141 !important;
}
#menu-homelessness > li a {
	padding:10px 20px;
}

#menu-homelessness > li > a:hover {
	background-color:#D67A00 !important;
}




/*----------- */














#menu-safer-justice-sector > li ul li {
	background-color:#777;
	border-radius:0 !important;
}

#menu-safer-justice-sector > li ul li a {
	font-weight: normal;
	padding-left:30px !important;
}

#menu-safer-justice-sector > li ul li:hover,
#menu-safer-justice-sector > li ul li.current-menu-item {
	background-color:#6A1643 !important;
}

#menu-safer-justice-sector > li ul {
	display:none;	
}


#menu-safer-justice-sector > li ul li.current-menu-item {
	display:block;	
}


#menu-safer-justice-sector li {
	padding:0 !important;
	overflow:auto;
}

#menu-safer-justice-sector li:hover {
	background-color:#404141 !important;
}
#menu-safer-justice-sector > li a {
	padding:10px 20px;
}

#menu-safer-justice-sector > li > a:hover {
	background-color:#D67A00 !important;
}










/* Landscape box */

.landscapebox {

	width: 100%;
	border-bottom-right-radius: 28px;
	display: block;
	padding: 20px;
	height: 100%;
	overflow:auto;
	background-color:#fff;
	margin-bottom: 20px;
}

.landscapebox .text .headline {
	
	display: block;
	border-bottom: #999 solid 1px;
	margin-bottom: 5px;
	font-size:1.3rem;
	line-height:2rem !important;
	color: #6D394D;
	font-weight: bold;
}

.landscapebox .text a {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}

.landscapebox .text a:hover {
	color: #6D394D;
}

.landscapebox .image {
	float: left;
	width: 50%;
}

.landscapebox .image img {
	width: 100%;
}

.landscapebox .text {
	float: left;
	width: 50%;
	padding-left: 20px;
	display: block;
	font-size:1.3rem;
}


/* Help box */

#needhelp {
	background-color: #E9EAEA;
	display: block;	
	border-top-left-radius:28px;
	border-left: #999 solid 1px;
	border-bottom: #999 solid 1px;
	border-right: #999 solid 1px;
	margin-bottom:20px;
}



#needhelp .top {
	color:#fff;
	font-weight:500;
	background-color:#404141;
	display: block;	
	border-top-left-radius:28px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	border: #404141 solid 1px !important;
	font-size:1.6rem;
	font-family:"cocon", sans-serif;
}


#needhelp .search {
	display: block;
	font-size:1.3rem;
	padding-left: 20px;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-bottom:20px;
}


#needhelp .searchbox {
	padding-left: 20px;
	padding-right: 20px;
	
}

#needhelp .searchbox input {
	border-radius:10px;
	border: #999 solid 1px;
	font-size:1.3rem;
	height: 25px;
	width: 100%;
	background: url("images/icons/searchicon.gif") no-repeat left ;
	padding-left: 25px;
	background-color: #fff;
}

#needhelp .searchadvice a {
	display: block;
	font-size:1.3rem;
	border-bottom: #999 solid 1px;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 20px;
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}

#needhelp .searchadvice a:hover {
	color: #999;
}

input:focus, textarea:focus {
    outline: none;
}

#needhelp .emailus {
	border-bottom: #999 solid 1px;
	padding-left: 20px;
	font-size:1.3rem;
	width: 100%;
	padding-bottom: 12px;
	padding-top: 12px;	
	display: block;
}
#needhelp .emailus img {
vertical-align:middle;}

#needhelp .emailus a{
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}

#needhelp .emailus a:hover{
	color: #999;
}

#needhelp .callus a.phonehelp{
	text-decoration: none;
	color: #333;
	font-weight: bold;
	padding-left: 17px;
	display: block;
}

#needhelp .callus a:hover{
	color: #999;
}

#needhelp .callus {
	padding-left: 20px;
	font-size:1.3rem;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;	
	display: block;
}

/* Help now box with picture */


#helpnow {
	color:#fff;
	background-color:#404141;
	display: block;	
	width: 100%;
	border-bottom-right-radius:18px;
	min-height: 100px;
	font-size:1.4rem;
	margin-bottom:20px;
}

#helpnow .title {
	font-size:1.5rem;
	padding-bottom: 8px;
	padding-top: 8px;
	display: block;	
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	font-family:"cocon", sans-serif;
}

#helpnow .image {
	width: 100%;
}

#helpnow img.imagewrap {
	width: 100%;
}

#helpnow .text{
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	padding-bottom: 8px;
	padding-top: 8px;
}

#helpnow a {
	color:#fff;
	text-decoration: underline;
	font-weight: bold;
}	

#helpnow a:hover {
	color:#999;
	text-decoration: underline;
}

/* ROLLOVER QUOTES */

#rollover-quotes .quote-box {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:350px;
	height:232px;
	box-sizing:border-box;
	padding:20px 30px;
	opacity:0;
	position:absolute;
	z-index:999;
}
	
#rollover-quotes .quote-box .quote-wrapper{	
	position:relative;
}

#rollover-quotes .quote-box-left {
	background-image:url("images/quote-balloon-left.png");
	padding-right:45px;
}

#rollover-quotes .quote-box-right {
	background-image:url("images/quote-balloon-right.png");
	padding-left:45px;
}

#rollover-quotes .quote-box-left p,
#rollover-quotes .quote-box-left address {
	text-align:left;
}

#rollover-quotes .quote-box-right p,
#rollover-quotes .quote-box-right address {
	text-align:right;
}

#rollover-quotes .quote-box span,
#rollover-quotes .quote-box p {
	font-family:"cocon", sans-serif;
	line-height:2rem;
	
}

#rollover-quotes .quote-box span {
	font-size:2.3rem;
	color:#6a1643;
}

#rollover-quotes .quote-box span.left-quote {
	margin-left:-10px;
}

#rollover-quotes .quote-box p {
	font-size:1.6rem;
	color:#fff;
	font-weight:500;
}

#rollover-quotes .quote-box address {
	color:#fff;
	font-size:1.4rem;
}

#rollover-quotes .quote-box .hotspot {
	width:100px;
	height:100px;
	position:absolute;
	bottom:0;
}

#rollover-quotes .quote-box.quote-box-right .hotspot {
	right:0;
}

#rollover-quotes .quote-box.quote-box-left .hotspot {
	left:0;
}


/* MAIN */

#main-content {
	background-color:#e9e9e9;
}


/* LOGO SLIDER */

section#partners-slider {
	background-color:#efeff0;
	padding:30px 0;
}

#logo-slider .owl-item {
	text-align:center;
}

#logo-slider .item{
  	margin:3px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	padding:0 20px;
}

#logo-slider .item img{
	vertical-align:middle;
	line-height:100%;
	height:auto;
	width:80%;
}

.slider-control {
	height:30px;
	margin:35px 0;
}

.slider-control:hover {
	cursor:pointer;
}

.slider-title {
	color:#808285;
	font-size:1.6rem;
	font-weight:500;
}

/* SEARCH */

.search-result {
	padding:10px;
	border-bottom:1px dotted #c0136b;
}

.search-result h2 {
	font-size:2.2rem;
	font-weight:500;
	color:#70193f;
}

/* Widgets */

.widget-area aside:first-child h3 {
	margin-top:0;
}


/* FOOTER */

section#footer-links {
	background-color:#3c3c3b;
	padding:30px 0;
	background-image:url("images/backgrounds/main-bg.png");
	background-repeat:no-repeat;
	background-position:10% -90px;
	background-size:auto 350px;
}

section#footer-links h5 {
	color:#fff;
	font-weight:700;
	font-size:1.6rem;
    margin-bottom:5px;
}

section#footer-links ul {
	margin:0;
	padding:0;
}

section#footer-links ul li {
	list-style-type:none;
}

section#footer-links ul li a {
	color:#ddd;
	text-decoration:none;
}

section#footer-links ul li a:hover {
	color:#fff;
	font-weight:700;
	text-decoration:none;
}

section#footer-links .footer-separator {
	border-left:1px solid #646363;
}

section#footer-links img {
	margin:0 auto 20px auto;
	display:block;
	width:60%;	
}

footer#footer {
	background-color:#373636;
	color:#dadada;
	padding:15px 0;
	font-size:1.3rem;
}

footer#footer span {
	color:#9d9d9c;
	margin-left:25px;
}

footer#footer span a {
	color:#9d9d9c;
	text-decoration:underline;
}

#footer-social-icons a {
	display:inline-block;
	margin-right:5px;
}

#footer-social-icons a img {
	height:40px;
}

#footer-mobile-menu ul {
	margin:0;
	padding:0;
	font-size:1.5rem;
}

#footer-mobile-menu ul li {
	display:inline-block;
	list-style-type:none;
}

#footer-mobile-menu ul li:first-child {
	padding-left:0;
}

#footer-mobile-menu ul li:last-child {
	padding-right:0;
	border-right:0;
}

#footer-mobile-menu ul li a {
	color:#bcbec0;
	line-height:40px;
}

#footer-mobile-menu ul li span {
	padding:0;
	margin:0 7px 0 9px;
	color:#58595b;
	font-weight:700;
}

#footer-mobile-menu ul li:last-child span {
	display:none;
}


.not-found-404 {
	font-size:10rem;
	font-weight:700;
	color:#c0136b;
	text-align:center;
}

.text-404 {
	font-size:2.5rem;
	text-align:center;
	margin-bottom:75px;
	font-weight:500;
}

#fw-content {
	padding-top:50px;
	padding-bottom:50px;
	background-color:#fff;
}

/* MSP/MP Form */

.radio-button {
	margin-bottom:5px;
}

.radio-button span {
	vertical-align:middle;
	margin-left:5px;
}

#msp-message {
	background-color:#eee;
	border:1px solid #ccc;
	padding:15px;
}

.mp-msp-details,
.sc-details {
	text-align:center;
}

.sc-details {
	margin:30px 0;
}

.mp-msp-details p {
	font-weight:bold;
	margin-bottom:30px;
	color:#6A1643;
}

.sc-details p {
	font-weight:bold;
	margin-bottom:0;
	color:#6A1643;
}

.sc-details span {
	font-weight:400;
}

.mp-msp-details img {
	height:100px;
	margin:15px 0;
}

.msp {
	color:#BF1E74;
	text-align:center;
}

.msp-submit {
	height: 50px !important;
    text-transform: uppercase;
}

ul.share-buttons{
  	list-style: none;
  	padding: 0;
	margin-top:20px;
	text-align:center;
}

ul.share-buttons li{
  	display: inline;
	margin:0 10px;
}

.campaign-form-thankyou h4 {
	margin-top:25px;
}

/* Table */

/* TABLES */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  background-color: #BF1E74 !important;
  border-bottom-width: 1px !important;
  color:#fff !important;
  font-weight:500 !important;
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    border-left-color: #a31a63 !important;
    border-right-color: #a31a63 !important;
    border-bottom-color: #BF1E74 !important;
}

table.table-bordered.dataTable th:last-child {
    border-right-color:  #BF1E74 !important;
	border-right-width:1px !important;
}

table.table-bordered.dataTable,
#msp-log {
    border-collapse: collapse !important;
	border:0 !important;
}

table.table-bordered.dataTable tbody {
    border:1px solid #ddd !important;
}

.dt-buttons {
    float: right;
	margin-left:25px;
}

.dt-buttons a {
	text-decoration:none !important;
}

#msp-log_filter .input-sm {
	height:22px !important;
	width:200px !important;
	max-width:100% !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color:#6a1643;
    border-color:#6a1643;
}

#password-msp-log .alert {
	margin:20px 0 0 0;
}

/* fixes */

#e-news-signup-1 {
	padding-top:25px;
}

.yikes-mailchimp-form-description > p {
	margin:0;
	padding:15px;
}

footer {
	margin-top:0;
}

/* blog cats */


.widget_categories h3 {
	font-size: 1.9rem;
    display: block;
    padding: 12px 20px;
    font-family: "cocon", sans-serif;
    background-color: #4D4D4F;
    border-top-left-radius: 20px;
    margin: 0;
	color:#fff;
}

.widget_categories > ul {
	padding:10px 10px 10px 50px;
	background-color: #404141;
}

.widget_categories  ul li,
.widget_categories  ul li a {
	color:#fff;
}

.widget_internal_link {
	padding:15px;
	background-color:#404141;
}

.widget_internal_link a {
	color:#fff;
}

.related-news-title {
    border-bottom: 1px solid #999;
}

.news-block .newsitem .textarea {
	background-color:#f1f1f1;
}
	
/* Get in touch form */

.gform_wrapper .get-in-touch-form label.gfield_label {
    font-weight:500 !important;
}

.gform_wrapper .get-in-touch-form .gform_footer input.button,
.gform_wrapper .get-in-touch-form .gform_footer input[type=submit],
.gform_wrapper .get-in-touch-form .gform_page_footer input.button,
.gform_wrapper .get-in-touch-form .gform_page_footer input[type=submit] {
	padding:15px 30px !important;
}

.gform_wrapper .get-in-touch-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100%;
}

.gform_wrapper .get-in-touch-form ul.gform_fields li.gfield select {
    width: 100%;
    padding: 6px;
}

.gform_wrapper .get-in-touch-form ul.gfield_checkbox li,
.gform_wrapper .get-in-touch-form ul.gfield_radio li {
    display: inline-block;
    margin-right: 15px;
}


/* Member login */

#member-login h5 {
	color:#70193f;
	font-size:2rem;
	font-weight:bold; 
}

#member-login input {
	background-color:#fff;
	padding:3px;
	display:block;
	margin-bottom:10px;
	border:1px solid #ccc;
	width:100%;
}

#member-login label {
	font-size:1.4rem;
	font-weight:500;
}

#member-login input[type="checkbox"] {
	display:inline-block;
	width:auto;
}

#member-login button {
	color:#fff;
	font-size:1.8rem;
	font-weight:500;
	text-align:center;
	padding:5px 40px;
	background-color:#BF1E74;
	margin:20px 0;
	border:0;
	border-radius:4px;
}
	


@media screen and (max-width: 1023px) {
	
	header#header #header-col,
	header#header #header-bg-left img,
	header#header #header-bg-right img,
	header#header #header-bg-center,
	header#header #header-bg-center2{
		height:300px;
	}
	
	header#header div#member-login-link a,
	header#header div#need-help-link a {
		font-size:1.3rem;
	}
	
	section#home-columns-headers h4 {
		font-size:1.5rem;
	}
	
	#intro-video {
		display:none;
	}
	
	div.need-help-link a {
		background-color:transparent;
		text-decoration:underline;
		font-size:1.2rem;
	}
	
	header#header #font-size-change,
	div.need-help-link a {
		padding-top:20px;
	}
	
	div.need-help-link a:hover {
		background-color: transparent;
		color:#706f6f;
	}
	
	header#header #header-bg-left {
		margin-left:-40px;
	}
	
	header#header img#logo {
		margin-top:15px;
	}
  
  	.hidden-mobile {
  		display:none;
	}
}




@media screen and (max-width: 767px) {
	
	/* HEADER */
	
	header#header #header-col,
	header#header #header-bg-left img,
	header#header #header-bg-right img,
	header#header #header-bg-center,
	header#header #header-bg-center2{
		height:275px;
	}
	
	header#header div#member-login-link a,
	header#header div#need-help-link a {
		font-size:1.1rem;
	}
	
	section#title {
		font-size: 4.5rem;
		line-height: 4.5rem;
	}
	
	.widget-area {
		display:none;
	}
	
	
	
}

@media screen and (max-width: 1100px) {
	
	#main-menu-header > .menu-item > a {
		font-size:1.2rem;
	}
}

/* mobile menu breakpoint */
@media (max-width: 1250px) { /* old: 1150px */
    /*.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	
    .collapse.in{
  		display:block !important;
	}
	
	.nav .menu-item {
		float:none !important;
		margin-left:0;
	}*/
	
	
	
	#video-words {
		font-size:8rem;
		line-height:7rem;
	}
	
	#skip-button {
		margin-top:75px;
	}
	
	#skip-button img {
		width:50px;
	}
	
}

@media (max-width: 1365px) {
	
	nav#intro-menu ul li a {
		font-size:1.3rem;
	}
	
	nav#intro-menu {
		padding: 10px 0;
	}
	
	#intro-bottom-left,
	#intro-bottom-center,
	#intro-bottom-right,
	#intro-bottom-left img,
	#intro-bottom-right img {
		height:80px;
	}
}


@media (max-width: 1150px) {
		
	nav#intro-menu ul li a {
		font-size:1.05rem;
	}
	
	nav#intro-menu {
		padding: 10px 0;
	}
	
	#intro-bottom-left,
	#intro-bottom-center,
	#intro-bottom-right,
	#intro-bottom-left img,
	#intro-bottom-right img {
		height:80px;
	}
}

.oldie #intro-video {
	display:none;
}

div.member-login-link .noround a, .member-login-link .noround, .noround,  div.noround a

	{border-bottom-left-radius: 0px !important;}


@media screen and (max-width: 800px) {
header#header #header-col {
	/*background-image:url("images/backgrounds/home-bgs/header_1.jpg");*/
	
	background-image:url("images/mobilecrop2.png");}	
}