/*******************************************************************************

	Bootstrap LCC 2016 - custom bootstrap overrides - version 0.1

> colours:
		Black - #000
		Red - #dc2327
		Yellow - #ffff00

> fonts:
		body      - Arial
		bold body - Arial Bold

> contents:
		Main Typography
		Links
		Navigation
		Regions
		Blocks
		Pages
		Views
		Webforms
		CiviCRM

*******************************************************************************/

/*@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700';*/

/******************************************************************************/


/*** Hiding content while working on other stuff ***/

/*body.front #hero-banner {
	display:none;
}
body.front .main-container {
	display:none;
}
*/
/*** Removing admin tool bar on mobile widths ***/

@media (max-width: 991px) {
	body #admin-menu,
	ul#civicrm-menu {
		display: none;
	}
	html body.admin-menu {
	    margin-top: 0 !important;
	}
}

/*** Hiding stuff while I theme ***/

body.front .nav-tabs {
	/*display: none;*/
}

/*
████████ ██    ██ ██████  ███████
   ██     ██  ██  ██   ██ ██
   ██      ████   ██████  █████
   ██       ██    ██      ██
   ██       ██    ██      ███████
*/

html {
	font-size: 17px;
}
@media (max-width: 991px) {
	html {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	html {
		font-size: 15px;
	}
}
body {
	font-family: Arial, sans-serif;
	line-height: 1.3;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
}
.page-header {
    padding-bottom: 0;
    margin: 0 0 0.75em;
    border-bottom: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	margin:1em 0 0.5em;
}
h1 {
	font-size: 2.4em;
}
body.front.no-sidebars h1.page-header {
	font-size: 1.3em;
}

h2 {
	font-size: 1.8em;
}
h2.not-bold {
	font-weight: normal;
}
h4,h5,h6 {

}
@media (max-width: 991px) {
	h1 {
		font-size: 2.2em;
	}
}
@media (max-width: 767px) {
	h1 {
		font-size: 2em;
	}
}
@media (max-width: 480px) {
	h1 {
		font-size: 1.8em;
	}
}

p {
	/*line-height: 1.5;*/
	margin: 0 0 1em;
}

ul, ol {
	margin: 1.2em 0;
	padding:0 0 0 1em;
	list-style: square;
}
ul li, ol li {
	margin:0.5em 0;
}

b, strong {

}

/***** Links *****/

a {

}

a:hover,
a:focus {

}

#block-system-main a {

}

#block-system-main a:hover,
#block-system-main a:focus {

}

/***** Logo *****/

#mainNav > a > img {
	max-height: 80px;
}

#navbar a.logo img {
	width:auto;
	height: 32px;
}
#navbar a.logo {
	padding:0.2em 1em 0.4em 0;
}
@media only screen and (max-width: 767px) {
	#navbar a.logo {
		padding-left: 15px;
	}
}

/* Footer logo block */
#block-block-12 {
	display: inline-block;
	float:left;
}
#block-block-12 a.logo img {
	margin:0.8em 2em 0.85em 0;
	width:auto;
	height: 26px;
}

@media (max-width: 630px) {
	#block-block-12 {
		display: block;
		text-align: center;
		float: none;
	}
	#block-block-12 a.logo img {
		margin: 1.6em auto 1em;
	}
}


/***** Tables *****/


/*
███    ███ ███████ ███    ██ ██    ██ ███████
████  ████ ██      ████   ██ ██    ██ ██
██ ████ ██ █████   ██ ██  ██ ██    ██ ███████
██  ██  ██ ██      ██  ██ ██ ██    ██      ██
██      ██ ███████ ██   ████  ██████  ███████
*/


/*** Admin tabs ***/

ul.nav-tabs {
	margin:0;
	background-color: #ebebeb;
}
ul.nav-tabs li {
	margin-top:0;
}
ul.nav-tabs > li > a {
	border-radius: 0;
	padding:0.25em 0.75em;
}

/*** Hiding nav items while theming ***/

#navbar ul.navbar-nav > li:nth-child(1),
#navbar ul.navbar-nav > li:nth-child(2),
#navbar ul.navbar-nav > li:nth-child(3) {
	/*display: none;*/
}


ul.menu {
	padding:0;
	margin:0;
}
ul.menu li {
	font-size: 0.8rem;
	margin:0;
}
ul.menu li {
	border-radius: 0;
}

/***** Main navigation menu *****/

#navbar {
	width:100%;
	max-width: 100%;
	border-radius: 0;
	border:none;
	background-color: #000;
	color: #fff;
	margin:0;
}
#navbar .container {
	padding-right: 0;
}
/* No longer needed due to right hand nav buttons */
/*#navbar ul.navbar-nav > li:last-child > ul.dropdown-menu {
	right:0;
	left:auto;
}*/
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
@media (max-width: 767px) {
	.navbar-collapse {
		padding-bottom:1em;
	}
}

.footer ul.menu li {
	font-size: 0.75rem;
}
.navbar-default .navbar-nav > li > a,
ul.menu > li > a {
	color:#ccc;
}
@media (min-width: 768px) {
	#navbar ul.navbar-nav {
		float:right;
	}
	.navbar .nav > li,
	.footer .nav > li {
		border-right:1px solid #000;
	}
	.navbar .nav > li:last-child,
	.footer .nav > li:last-child {
		border:none;
	}
	.navbar-nav > li > a {
	    padding-top: 1.3em;
	    padding-bottom: 1.3em;
	    padding-left:0.8em;
	    padding-right:0.8em;
	}
	.dropdown-menu > li > a {
		padding-left:0.8em;
		padding-right:0.8em;
	}
}
.footer .nav > li > a {
	padding-top: 1.4em;
	padding-bottom: 1.5em;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,

.nav > li > a:hover, .nav > li > a:focus,

.nav > li > a.active-trail
 {
    color: #fff;
    background-color: #252525;
    /*border-bottom:2px solid #fff;*/
}
.dropdown-menu {
	background-color: #252525;
}
.dropdown-menu > li > a {
	color:#fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

/***** Mobile *****/

/*** Collapse Navbar earlier than Bootstrap default ***/

/*@media (min-width: 768px) {
    .navbar-collapse.collapse.mobile {
        display: none !important;
    }
    .navbar-collapse.collapse.in.mobile {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}*/

.navbar-default .navbar-toggle {
	border:none;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 12px 12px;
    margin-top: 4px;
    margin-right: 15px;
    margin-bottom: 5px;
    margin-left:1em;
    background-color: transparent;
    background-image: none;
    /*border: 1px solid transparent;*/
    border-radius: 4px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ccc;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 7px;
}
@media (max-width: 767px) {
	.navbar-default ul.menu > li {
		border-bottom:1px solid #000;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	    color: #fff;
	    background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	    color: #fff;
	    background-color: transparent;
	}
}


/***** Login menu (See page.tpl.php) ****/

ul.login.menu {
	float:right;
	margin:1em 0 1em 1em;
}
ul.login.menu li {
	text-transform: uppercase;
	float:left;
	margin-left:0.5em;
	font-size: 0.9em;
}
ul.login.menu li:first-child {
	margin-left:0;
}
ul.login.menu li a {
	border: 1px solid #ccc;
    padding: 0.3em 0.6em;
}
ul.login.menu li a:hover
ul.login.menu li a:focus {
	border: 1px solid #fff;
}

@media (max-width: 500px) {
	ul.login.menu {
		float:none;
		margin:1.3em 1em 0.75em;
	}
	ul.login.menu li {
		margin-left:0;
		margin-right: 0.5em;
	}
}

/***** Sidebar menus *****/

/* Menu */
.region-sidebar-first ul.nav > li,
.region-sidebar-second ul.nav > li,
/* Menu like styling */
.region-sidebar-first .block.menu-style div.views-row,
.region-sidebar-second .block.menu-style div.views-row
{
	border: none;
	border-bottom: 1px solid #000;
	font-size: 0.8rem;
    margin: 0;
}
/* Menu */
.region-sidebar-first ul.nav > li > a,
.region-sidebar-second ul.nav > li > a,
/* Menu like styling */
.region-sidebar-first .block.menu-style div.views-row a,
.region-sidebar-second .block.menu-style div.views-row a
{
    position: relative;
    display: block;
    padding: 0.75em 1.2em;
    color: #ccc;
}
/* Menu */
.region-sidebar-first ul.nav > li > a:hover,
.region-sidebar-first ul.nav > li > a:focus,
.region-sidebar-second ul.nav > li > a:hover,
.region-sidebar-second ul.nav > li > a:focus,
/* Menu like styling */
.region-sidebar-first .block.menu-style div.views-row a:hover,
.region-sidebar-first .block.menu-style div.views-row a:focus,
.region-sidebar-second .block.menu-style div.views-row a:hover,
.region-sidebar-second .block.menu-style div.views-row a:focus {
    color: #fff;
    background-color: #252525;
    text-decoration: none;
    /* border-bottom: 2px solid #fff; */
}

/***** Footer menu *****/

#block-menu-block-4 {
	float:right;
	display: inline-block;
}
#block-menu-block-4 ul.menu li {
	float:left;
}

@media (max-width: 630px) {
	#block-menu-block-4 {
		float:none;
		display: block;
		padding-bottom: 1.5rem;
	}
	#block-menu-block-4 ul.menu {
		text-align: center;
	}
	#block-menu-block-4 ul.menu li {
		float:none;
		display: inline-block;
		/*width: 32%;*/
		text-align: center;
	}
}

@media (max-width: 480px) {
	#block-menu-block-4 ul.menu li {
		/*width: 49%;*/
	}
}


/*
██████  ███████  ██████  ██  ██████  ███    ██ ███████
██   ██ ██      ██       ██ ██    ██ ████   ██ ██
██████  █████   ██   ███ ██ ██    ██ ██ ██  ██ ███████
██   ██ ██      ██    ██ ██ ██    ██ ██  ██ ██      ██
██   ██ ███████  ██████  ██  ██████  ██   ████ ███████
*/

/**
 * Fixing issue of white space in HTML
 * https://stackoverflow.com/questions/6871996/css-two-inline-block-width-50-elements-dont-stack
 */
.region {
	/*white-space: nowrap;*/
	font-size: 0;
	text-align: center;
}
body.page-admin .region {
	font-size: 1rem;
}
body.page-admin .block-region {
	color: #000;
}
.region .block {
	/*white-space: normal;*/
	font-size: 1rem;
	text-align: left;
}

/***** Header *****/

#hero-banner {
	position: relative;
}

/***** Highlighted *****/

/***** Containers *****/

/*.container {
	padding-bottom:5em;
}*/
.main-container {
	/*margin-top:3.5em;*/
	padding-top:10px; 
	padding-bottom:0;
}
body.front .main-container {
	padding-top:3.5em;
}
.main-container.margin {
	padding-top:3.5em;
	padding-bottom:5em;
}
body.front {
	background-color: #ebebeb;
}
.content-row-container {
	padding-bottom:10px;
}

/*#block-system-main .node {
	padding-top:2.5em;
}*/
/*body.no-sidebars h1.page-header,
body.no-sidebars #block-system-main,
body.no-sidebars .region-content*/
body.no-sidebars .main-container .col-sm-12 .content-padding {
	padding-left: 150px;
	padding-right: 150px;
}
body.front.no-sidebars h1.page-header,
body.front.no-sidebars #block-system-main {
	text-align: center;
}
@media only screen and (max-width: 1199px) {
	/*body.no-sidebars h1.page-header,
	body.no-sidebars #block-system-main,
	body.no-sidebars .region-content*/
	body.no-sidebars .main-container .col-sm-12 .content-padding {
		padding-left: 120px;
		padding-right: 120px;
	}
}
@media only screen and (max-width: 991px) {
	/*.container {
		padding-bottom:3.5em;
	}*/
	.main-container {
		padding-top:10px; 
		padding-bottom:0;
	}
	.content-row-container {
		padding-bottom:10px;
	}
	body.front .main-container {
		padding-top:3em;
		padding-bottom:0;
	}
	.main-container.margin {
		padding-top:3em;
		padding-bottom:3.5em;
	}
	/*body.no-sidebars h1.page-header,
	body.no-sidebars #block-system-main,
	body.no-sidebars .region-content*/
	body.no-sidebars .main-container .col-sm-12 .content-padding {
		padding-left: 80px;
		padding-right: 80px;
	}
}
@media only screen and (max-width: 767px) {
	/*.container {
		padding-bottom:3.5em;
	}*/
	.main-container {
		padding-top:10px; 
		padding-bottom:0;
	}
	.content-row-container {
		padding-bottom:10px;
	}
	body.front .main-container {
		padding-top:2.5em;
		padding-bottom:2em;
	}
	.main-container.margin {
		padding-top:2.5em;
		padding-bottom:3.5em;
	}

	/*body.no-sidebars h1.page-header,
	body.no-sidebars #block-system-main,
	body.no-sidebars .region-content*/
	body.no-sidebars .main-container .col-sm-12 .content-padding {
		padding-left: 10%;
		padding-right: 10%;
	}
}
@media only screen and (max-width: 480px) {
	/*.container {
		padding-bottom:2.5em;
	}*/
	.main-container {
		padding-top:10px;
		padding-bottom:0;
	}
	.content-row-container {
		padding-bottom:10px;
	}
	body.front .main-container {
		padding-top:2em;
		padding-bottom:2em;
	}
	.main-container.margin {
		padding-top:2em;
		padding-bottom:2.5em;
	}

	/*body.no-sidebars h1.page-header,
	body.no-sidebars #block-system-main,
	body.no-sidebars .region-content*/
	body.no-sidebars .main-container .col-sm-12 .content-padding {
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media only screen and (max-width: 400px) {
	/*.container {
		padding-bottom:2.5em;
	}*/
	.main-container {
		padding-top:10px;
		padding-bottom:0;
	}
	.content-row-container {
		padding-bottom:10px;
	}
	body.front .main-container {
		padding-top:1.5em;
		padding-bottom:0;
	}
	.main-container.margin {
		padding-top:1.5em;
		padding-bottom:2.5em;
	}

	/*body.no-sidebars h1.page-header,
	body.no-sidebars #block-system-main,
	body.no-sidebars .region-content*/
	body.no-sidebars .main-container .col-sm-12 .content-padding {
		padding-left: 0;
		padding-right: 0;
	}
}

.block.full-width-container .container {
	padding-top:0;
	padding-bottom:0;
}

/***** Post content *****/

@media (max-width: 767px) {
	.content-row-container {
		padding-left:0;
		padding-right:0;
	}
}

.region-bottom-row {
	background-color: #ebebeb;
}

/***** Footer *****/

.footer {
	margin-top: 0;
	border:0;
	padding:0 1rem;
	background-color: #000;
	width:100%;
	display: none;
}
.footer.fixed {
	position: fixed;
	bottom:0;
}

@media (max-width: 630px) {
	.region-footer {
		text-align: center;
	}
}


/*
██     ██ ███████ ██      ██      ███████
██     ██ ██      ██      ██      ██
██  █  ██ █████   ██      ██      ███████
██ ███ ██ ██      ██      ██           ██
 ███ ███  ███████ ███████ ███████ ███████
*/

.well {
    min-height: 20px;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*
██████  ██       ██████   ██████ ██   ██ ███████
██   ██ ██      ██    ██ ██      ██  ██  ██
██████  ██      ██    ██ ██      █████   ███████
██   ██ ██      ██    ██ ██      ██  ██       ██
██████  ███████  ██████   ██████ ██   ██ ███████
*/

/*#block-system-main {
	margin-bottom: 2em;
}
@media (max-width: 767px) {
	#block-system-main {
		margin-bottom: 1.5em;
	}
}
@media (max-width: 480px) {
	#block-system-main {
		margin-bottom: 1.5em;
	}
}*/

/***** Generic block styling *****/

.block img {
	height: auto;
	max-width: 100%;
}
.region-sidebar-first .block,
.region-sidebar-second .block {
	margin-bottom: 10px;
}
.block .block-inner *:last-child {
	margin-bottom:0;
}
.block .block-inner *:first-child  {
	margin-top:0;
}


/**** Sidebar blocks ****/

.region-sidebar-first .block,
.region-sidebar-second .block {
	background-color: #000;
	color:#fff; 
}
.region-sidebar-first .block .block-inner,
.region-sidebar-second .block .block-inner {
	padding:0.5em 0.75em 0.55em;
}
.region-sidebar-first .block h2.block-title,
.region-sidebar-second .block h2.block-title {
	font-size: 1.2em;
	/*padding:0.5em 0.75em 0.55em;*/
}
.region-sidebar-first .block .view,
.region-sidebar-second .block .view {
	padding:0.;
}

/*** Sidebar menu blocks ***/

.block-menu-block {
	background-color: #000;
}
/* Menu block module menu block */
.region-sidebar-first .block-menu-block .block-inner,
.region-sidebar-second .block-menu-block .block-inner,
/* Drupal standard menu block */
.region-sidebar-first .block-menu .block-inner,
.region-sidebar-second .block-menu .block-inner,
/* Menu style (block style from Theme/style panel) */
.region-sidebar-first .block.menu-style .block-inner,
.region-sidebar-second .block.menu-style .block-inner
{
	padding:0 0 0.5em;
}
/* Menu block module menu block */
.region-sidebar-first .block-menu-block h2.block-title,
.region-sidebar-second .block-menu-block h2.block-title,
/* Drupal standard menu block */
.region-sidebar-first .block-menu h2.block-title,
.region-sidebar-second .block-menu h2.block-title,
/* Menu style (block style from Theme/style panel) */
.region-sidebar-first .block.menu-style h2.block-title,
.region-sidebar-second .block.menu-style h2.block-title {
	padding:0.6em 0.75em 0.65em;
	margin-bottom:0;
}



/****** Buttons ******/

/*** Bootstrap button overrides ***/

button.btn {
    /*display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;*/
    border: 1px solid #dc2327;
    
    border-radius: 0;
    background-color: #dc2327;
    text-transform: uppercase;
}
button.btn:active, button.btn.active,
button.btn:hover, button.btn:focus {
    /*color: #fff;*/
    background-color: #cd0005;
    border-color: #dc2327;
}
button.btn:active:hover, button.btn.active:hover,
button.btn:active:focus, button.btn.active:focus,
button.btn:active.focus, button.btn.active.focus {
    color: #fff;
    background-color: #bc0005;
    border-color: #dc2327;
}

/*** Block buttons ***/

.block a.btn {
	border:1px solid #000;
	padding:0.3em 0.6em;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1;
	border-radius: 0;
	font-size: 0.825rem;
	/*background-color: #fff;*/
}
.block a.btn:hover,
.block a.btn:focus {
	color:#dc2327;
	border-color: #dc2327;
}

/** Hiding 'Join' buttons when signed-in **/

body.logged-in a.btn.join {
	display: none;
}

/** Buttons on dark black background **/

.block.members a.btn,
.block.member-benefits:nth-of-type(even) a.btn {
	color:#ffff00;
	border-color: #ffff00;
	background-color: transparent;
}
.block.members a.btn:hover,
.block.members a.btn:focus,
.block.member-benefits:nth-of-type(even) a.btn:hover,
.block.member-benefits:nth-of-type(even) a.btn:focus {
	color:#dc2327;
	border-color: #dc2327;
}





/***** Custom block styling *****/


/*** Full width container blocks ***/

@media (max-width: 767px) {
	.block.full-width-container .container {
		padding-left:1.5rem;
		padding-right: 1.5rem;
	}
	.block.full-width-container.join-today-button .container {
		padding-left:0;
		padding-right:0;
	}
}

/*** Image blocks ***/

.block-imageblock .block-image {
	background-color: #ebebeb;
}

/*** Block style: LCC Membership block ***/

.block.members {
	background-color: #000;
	color:#fff;
	display: inline-block;
	clear:none;
	border:1px solid #fff;
	vertical-align: top;
	margin: 0;
	position: relative;
}
.block.members-1col {
	width: 100%;
	/*margin-bottom:3em;*/
	margin-bottom:10px;
}
.block.members-2col {
	width: 50%;
}
.block.members-3col {
	width: 33.3333%;
}
.block.members .block-body {
	padding:1.3rem 1.5rem 1.7rem;
}
.block.members .block-body h3 {
	font-size: 1.8rem;
}
.block.members-3col .block-body h3 {
	font-size: 1.3rem;
}
/*@media (max-width:1199px) {
	.block.members-1col {
		margin-bottom:2em;
	}
}*/
@media (max-width:991px) {
	/*.block.members-1col {
		margin-bottom:1.5em;
	}*/
	.block.members-3col {
		width: 50%;
	}
	.block.members .block-body h3 {
		font-size: 1.5rem;
	}
	.block.members-3col .block-body h3 {
		font-size: 1.2rem;
	}
}
@media (max-width:600px) {
	.block.members-2col {
		width:100%;
	}
	.block.members .block-body h3 {
		font-size: 1.4rem;
	}
}
@media (max-width:400px) {
	/*.block.members-1col {
		margin-bottom:1em;
	}*/
}
.block.members .block-body *:first-child {
	margin-top:0;
}
.block.members .block-body *:last-child {
	margin-bottom:0;
}
@media (max-width:480px) {
	.block.members-3col {
		width:100%;
	}
}

/** Button positioning **/

/* Paragraph wrapper */
.block.members .btn-wrapper {
	padding:0 1.5rem 0 0;
	position: absolute;
	bottom: 1.7em;
}
.block.members a.btn {
	/*position: absolute;
	bottom: 1.7rem;*/
	margin-right: 0.5em;
	margin-top:0.5em !important;
	display: block-inline;
}

/*** Block style: Title block ***/

.block.title-block {
	background-color: #000;
	color:#fff;
	border:1px solid #fff;
}
.block.title-block .block-inner {
	padding:1em 1.5rem 1.2em;
}
.block.title-block.full-width-container .block-inner {
	padding-left:0;
	padding-right:0;
}
.block.title-block h2 {
	font-size: 1.8rem;
	margin:0;
}
@media (max-width:480px) {
	.block.title-block h2 {
		font-size: 1.6rem;
	}
}

/*** Block style: Member Benefits block ***/

.block.member-benefits {
	border:1px solid #fff;
}
.block.member-benefits:nth-of-type(even) {
	background-color: #000;
	color:#fff;
}
.block.member-benefits:nth-of-type(odd) {
	background-color: #fff;
	color:#000;
}
.block.member-benefits .block-inner {
	margin:2em 6% 2em;
	padding:2em 0 2.5em;
	background-repeat: no-repeat;
	background-position-y: 0;
	background-size: auto 95%;
}
.block.member-benefits:nth-of-type(even) .block-inner {
	padding-left:45%;
	background-position-x: left;
}
.block.member-benefits:nth-of-type(odd) .block-inner {
	padding-right:45%;
	background-position-x: right;
}
.block.member-benefits h3 {
	font-weight: normal;
	font-size: 3em;
	margin-bottom:0.5em;
	line-height: 1;
}

/*** Images ***/

/** Safer Together **/
#block-block-3:nth-of-type(even) .block-inner {
	background-image: url(../images/icon-white-bike_lock.svg);
}
#block-block-3:nth-of-type(odd) .block-inner {
	background-image: url(../images/icon-black-bike_lock.svg);
}
/** Smarter Together **/
#block-block-4:nth-of-type(even) .block-inner {
	background-image: url(../images/icon-white-light_bulb.svg);
}
#block-block-4:nth-of-type(odd) .block-inner {
	background-image: url(../images/icon-black-light_bulb.svg);
}
/** Getting Together **/
#block-block-5:nth-of-type(even) .block-inner {
	background-image: url(../images/icon-white-map.svg);
}
#block-block-5:nth-of-type(odd) .block-inner {
	background-image: url(../images/icon-black-map.svg);
}
/** Getting Together **/
#block-block-5 .block-inner {
	background-position-y: 0.5em;
	background-size: auto 86%;
}
/** Saving Together **/
#block-block-6:nth-of-type(even) .block-inner {
	background-image: url(../images/icon-white-per_cent.svg);
}
#block-block-6:nth-of-type(odd) .block-inner {
	background-image: url(../images/icon-black-per_cent.svg);
}

/*** Media Queries ***/

@media only screen and (max-width: 991px) {
	.block.member-benefits h3 {
		font-size: 2.5em;
	}
	.block.member-benefits:nth-of-type(even) .block-inner {
		padding-left:40%;
	}
	.block.member-benefits:nth-of-type(odd) .block-inner {
		padding-right:40%;
	}
	/** Getting Together **/
	#block-block-5 .block-inner {
		background-position-y: 0.5em;
		background-size: auto 86%;
	}
	/** Saving Together **/
	#block-block-6 .block-inner {
		background-position-y: 1em;
		background-size: auto 85%;
	}
}
@media only screen and (max-width: 767px) {
	.block.member-benefits h3 {
		font-size: 2.3em;
	}
	.block.member-benefits:nth-of-type(even) .block-inner {
		padding-left:45%;
	}
	.block.member-benefits:nth-of-type(odd) .block-inner {
		padding-right:45%;
	}
}
@media only screen and (max-width: 650px) {
	/** Getting Together **/
	#block-block-5 .block-inner {
		background-position-y: 0.5em;
		background-size: auto 80%;
	}
	/** Saving Together **/
	#block-block-6 .block-inner {
		background-position-y: 1em;
		background-size: auto 80%;
	}
}
@media only screen and (max-width: 600px) {
	/** Getting Together **/
	#block-block-5 .block-inner {
		background-position-y: 1.5em;
		background-size: auto 75%;
	}
	/** Saving Together **/
	#block-block-6 .block-inner {
		background-position-y: 1.5em;
		background-size: auto 75%;
	}
}
/*** Changing to centre justified ***/
@media only screen and (max-width: 550px) {
	.block.member-benefits {
		text-align: center;
	}
	.block.member-benefits:nth-of-type(even) .block-inner {
		padding-left:0;
		background-position: center top;
	}
	.block.member-benefits:nth-of-type(odd) .block-inner {
		padding-right:0;
		background-position: center top;
	}
	.block.member-benefits .block-inner {
		padding: 12em 0 0.5em;
		margin-left:0;
		margin-right:0;
		background-size: auto 10em;
	}
	/** Getting Together **/
	#block-block-5 .block-inner {
		background-position-y: top;
		background-size: auto 10em;
	}
	/** Saving Together **/
	#block-block-6 .block-inner {
		background-position-y: top;
		background-size: auto 10em;
	}
}
@media only screen and (max-width: 480px) {
	.block.member-benefits .block-inner {
		padding: 10em 0 0.5em;
		background-size: auto 8em;
	}
	/** Getting Together **/
	#block-block-5 .block-inner {
		background-position-y: top;
		background-size: auto 8em;
	}
	/** Saving Together **/
	#block-block-6 .block-inner {
		background-position-y: top;
		background-size: auto 8em;
	}
}

/*** Block style: Join Today button block ***/

.block.join-today-button .block-inner {
	padding:8rem 12rem 8rem;
	/* Minus container padding */
	/*padding-bottom:4.5rem;*/
}
@media (max-width: 1199px) {
	.block.join-today-button .block-inner {
		padding:7rem 10rem 7rem;
	}
}
@media (max-width: 991px) {
	.block.join-today-button .block-inner {
		padding:6rem 6rem 6rem;
	}
}
@media (max-width: 991px) {
	.block.join-today-button .block-inner {
		padding:6rem 6rem 6rem;
	}
}
@media (max-width: 767px) {
	.block.join-today-button .block-inner {
		padding:10% 10% 10%;
	}
}
@media (max-width: 480px) {
	.block.join-today-button .block-inner {
		padding:10% 10% 10%;
	}
}

/* FP Flexslider slideshow & member benefits slideshow blocks */

#hero-banner .block.full-width-container .container {
	padding-left:0;
	padding-right:0;
}


/*body.front #hero-banner {
	background-color: #dc2327;
}*/
#block-views-fp-slideshow-block {
	margin:0;
	background-color: #d80a16;
}
.flexslider {
	border:none;
	background-color: transparent;
}
/*.flexslider .views-field-field-slideshow-text {
	display: none;
}*/


#block-views-fp-slideshow-block,
#block-views-benefits-slideshow-block-1 {
	/*margin-bottom: 60px;*/
	position: relative;
}

#block-views-fp-slideshow-block .views-field-field-slideshow-text,
#block-views-benefits-slideshow-block-1 .views-field-field-slideshow-text {
	/*background-color: #333;
	bottom: 0;
	color: #fff !important;
	font-size: 28px;
	opacity: 0.85;
	padding: 15px 7.5px;
	position: absolute;
	text-align: center;
	width: 100%;*/
}

#block-views-fp-slideshow-block .views-field-field-slideshow-text a,
#block-views-benefits-slideshow-block-1 .views-field-field-slideshow-text a {
	color: #fff;
}

/* Flexslider */

.flexslider {
	margin: 0;
}

.flex-control-nav {
	bottom: -60px;
}

.flex-direction-nav a:before,
.flex-direction-nav a:after {
	font-size: 30px;
}


/**** Some CiviCRM block ****/

#block-views-c5f8bf868b8b1c29c70fe90c0ad82d21 .block-title, 
#block-views-c5f8bf868b8b1c29c70fe90c0ad82d21 #views-exposed-form-civicrm-contact-distance-search-block-1, 
#block-views-c5f8bf868b8b1c29c70fe90c0ad82d21 #edit-geo-code-1-wrapper {
	display: none;
}

.view-civicrm-contact-distance-search {
    /*padding-top: 50px;*/
}
/* Bike Shop Directory views exposed form search button */
/* (/bike-shop-directory) */
#edit-submit-civicrm-contact-distance-search {
	position: relative;
    top: 27px;
}



/*
██████   █████   ██████  ███████ ███████
██   ██ ██   ██ ██       ██      ██
██████  ███████ ██   ███ █████   ███████
██      ██   ██ ██    ██ ██           ██
██      ██   ██  ██████  ███████ ███████
*/

/***** Generic page styling *****/

/***** Custom page styling *****/


/*
██    ██ ██ ███████ ██     ██ ███████
██    ██ ██ ██      ██     ██ ██
██    ██ ██ █████   ██  █  ██ ███████
 ██  ██  ██ ██      ██ ███ ██      ██
  ████   ██ ███████  ███ ███  ███████
*/


/***** Generic views styling *****/

.view-header,
.view-filters,
.view-content,
.view-footer {
	margin:2em 0;
}

/***** Custom views styling *****/

/*** Bike Shop Directory Gogole Map ***/

#gmap-auto1map-gmap0 {
	height: 500px !important;
}
@media (max-width: 1199px) {
	#gmap-auto1map-gmap0 {
		height: 400px !important;
	}
}
@media (max-width: 991px) {
	#gmap-auto1map-gmap0 {
		height: 350px !important;
	}
}

/*
██     ██ ███████ ██████  ███████  ██████  ██████  ███    ███ ███████
██     ██ ██      ██   ██ ██      ██    ██ ██   ██ ████  ████ ██
██  █  ██ █████   ██████  █████   ██    ██ ██████  ██ ████ ██ ███████
██ ███ ██ ██      ██   ██ ██      ██    ██ ██   ██ ██  ██  ██      ██
 ███ ███  ███████ ██████  ██       ██████  ██   ██ ██      ██ ███████
*/


/***** Generic webform styling *****/

/***** Custom webform styling *****/


/*
 ██████ ██ ██    ██ ██  ██████ ██████  ███    ███
██      ██ ██    ██ ██ ██      ██   ██ ████  ████
██      ██ ██    ██ ██ ██      ██████  ██ ████ ██
██      ██  ██  ██  ██ ██      ██   ██ ██  ██  ██
 ██████ ██   ████   ██  ██████ ██   ██ ██      ██
*/


/***********************************************/
/*************** Default styling ***************/
/***********************************************/

#civicrm-footer {
	display: none;
}
body.page-civicrm .main-container .col-sm-12 .content-padding {
	margin-bottom:5em;
}
@media only screen and (max-width: 991px) {
	body.page-civicrm .main-container .col-sm-12 .content-padding {
		margin-bottom:3.5em;
	}
}
@media only screen and (max-width: 767px) {
	body.page-civicrm .main-container .col-sm-12 .content-padding {
		margin-bottom:3.5em;
	}
}
@media only screen and (max-width: 480px) {
	body.page-civicrm .main-container .col-sm-12 .content-padding {
		margin-bottom:2.5em;
	}
}
@media only screen and (max-width: 400px) {
	body.page-civicrm .main-container .col-sm-12 .content-padding {
		margin-bottom:2.5em;
	}
}

/* CiviCRM labels default color is #fff! */

.crm-container .crm-section .label,
.crm-container-snippet .crm-section .label {
	color: #000;
	padding:0;
	text-align: left;
	word-wrap:normal;
	white-space:normal;
}
#crm-container.crm-public .price-set-row .crm-price-amount-label {
	color: #000;
}
.crm-container .crm-section .content {
	margin-left:20%;
}

.block .block-inner .crm-container fieldset {
	border:none;
	margin:2em 0 1em; 
}
.crm-container fieldset legend {
    font-size: 1.4rem;
    margin:0 0 0.75em;
    font-weight: bold;
    padding: 0;
    color: #000;
}

#crm-container.crm-public .price-set-row .crm-price-amount-label {
	margin-left: 0.35em;
}

#crm-container.crm-public input[type="text"], 
#crm-container.crm-public input[type="password"], 
#crm-container.crm-public input[type="email"], 
#crm-container.crm-public select {
    font-size: 1rem;
    padding: 0.5rem;
    border-radius: 0;
    vertical-align: middle;
    /*width: 100%;*/
    border-color: #000;
}
#crm-container.crm-public input[type="text"], 
#crm-container.crm-public input[type="password"], 
#crm-container.crm-public input[type="email"] {
	width:100%;
/*	box-sizing: border-box;
	padding:1.25em 0.75em;*/
}
.select2-container .select2-choice {
	border-color: #000;
	border-radius: 0;
}
.crm-container.crm-public .select2-container .select2-choice {
	/*padding:1.25em 0.75em;*/
	/*box-sizing: border-box;*/
	height: auto;
	min-height: 30px; 
}

/***********************************************/
/************** Specific sections **************/
/***********************************************/

/**** Contribute pages ****/

body.page-civicrm-contribute #printer-friendly {
	display: none;
}
body.page-civicrm-contribute h1.page-header {
	font-size: 1.8rem;
	margin:0;
	padding:1rem 1.5rem 1.2rem;
	background-color: #000;
	color:#fff;
	border:1px solid #fff;
}
@media (max-width:480px) {
	body.page-civicrm-contribute h1.page-header {
		font-size: 1.6rem;
	}
}
body.page-civicrm-contribute .crm-contribution-main-form-block {
	position: relative;
}
body.page-civicrm-contribute .messages {
	position: unset;
	top:10px;
	left:10px;
	right: 10px;
}
body.page-civicrm-contribute #intro_text {
	border:1px solid #fff;
}
body.page-civicrm-contribute #membership-intro {
	padding:0 0 2em;
}
body.page-civicrm-contribute .membership_amount-section {
	padding-bottom:0.75em;
}
.crm-container  #paypalExpress .crm-section .content {
	margin-left: 0;
}
.crm-container #paypalExpress .description {
	display: block;
}

body.page-civicrm-contribute .messages.crm-error {
        display: block;
}

@media (max-width: 767px) {
	.crm-container .crm-section .label {
	    float: none;
	    width: 100%;
	}
	#crm-container.crm-public .label {
		padding-top:0.75em;
	}
	div.crm-container label {
		font-weight: bold;
	}
	.crm-container .crm-section .content {
		margin-left: 0;
	}
}


/*.crm-container #help {background-color:#ffffff; color:#000000; font-size: 20px; border: 1px solid #ed1c2d;}
.crm-container .crm-section .label {text-align:left; text-wrap: normal; width: 250px;}
#crm-container.crm-public input {width:250px}*/


/* SmartDebit payment processor missing checkbox - more generalised solution - Ticket: 42587 */
.webform-client-form #payer_confirmation {
	position: unset;
}