/* CoNSA Colours
Navy: #20394f 
Green: #6b8a3c / rgb(107, 138, 60)
Menu light green: #d2dcc4 / rgb(210, 220, 196)
Grey: #a3aeb4;
*/

.popupcontainer {
  padding-bottom: 10px !important;
}
.floatingright {
  float: right;
}
.spacing-bottom {
	margin-bottom: 10px;
}
.inner-padding {
	padding: 20px;
}
.contentpane.componentwindow {
	background: none !important;
}
a.consa-white, a.consa-white:active, a.consa-white:focus, a.consa-white:visited {
	color: #ffffff !important;
}
/* Dropdown Menu */
.dropdown-menu {
	background: #D2DCC4 !important;
}
.navbar .nav > li.item-141 > .dropdown-menu::after, .navbar .nav > li.item-141 > .dropdown-menu::before {
	left: 78% !important;
	right: 22% !important;
}
#grid-top, #main-content {
	background: #ffffff;
}
#main {
	padding: 20px 20px 20px;
}
#footer .inner-padding {
	padding: 0 20px;
}
#footer .navbar .nav > li > a {
	text-shadow: none;
}
.page-header {
	padding-top: 0;
	padding-bottom: 0;
}
/* Article Blog Layout */
.item h2.article-title {
	margin-top: 0;
	font-size: 22px;
}
.article-info-block {
	background: rgba(107, 138, 60, .15);
	/* border-top: 2px solid rgb(107, 138, 60);
	border-bottom: 2px solid rgb(107, 138, 60); */
	margin: 5px 0 !important;
	padding: 2px 10px !important;
}
.article-info.muted {
	padding: 0;
}
.article-info dt {
	margin-bottom: 0;
}
.article-content {
	padding-bottom: 20px;
	border-bottom: 2px solid rgb(107, 138, 60);
	margin-bottom: 20px;
}
/* .article-separator {
    border-bottom: 2px solid rgb(107, 138, 60);
    margin: 10px 0 !important;
} */
/* Registration Form */
input, select {
	font-family: Arial, Helvetica, sans-serif;
}
.signup-column {
	flex: 1;
}
.oms-radio-container .row-fluid {
	grid-template-columns: 20% auto;
	display: grid;
}
.oms-radio-container .row-fluid:before {
	display: none;
}
.oms-radio-container [class*="span"] {
	padding-right: 10px;
}
.select[multiple], select[size] {
	height: auto !important;
}
#osm-forgot-username-password .nav-tabs.nav-stacked > li {
	border-bottom: none;
}
#osm-forgot-username-password .nav-tabs.nav-stacked > li > a {
	background: none;
	color: #6b8a3c;
}
h2.osm-heading, h2.eb-heading {
	font-size: 24px !important;
}
h3.osm-heading {
	font-size: 20px;
}
form.form-horizontal .control-label, form.form-horizontal .control-label label {
	text-align: left;
	font-weight: normal;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
#exp_month.input-medium {
	width: 80px !important;
}
#exp_year.input-medium {
	width: 80px !important;
}
/* Newsletter Subscriptions */
.acy_user_info label span {
	display: block;
	float: left;
	width: 100px;
	padding-top: 5px;
}
/* Breadcrumb */
#breadcrumbs {
	margin: -10px 0 0 !important;
}
#breadcrumbs .inner-padding {
	padding: 10px 20px !important;
	margin: 0 -20px !important;
	background: none !important;
}
.breadcrumb, .breadcrumb > .active {
	color: #707070 !important;
	background: #ffffff !important;
	padding: 5px !important;
	margin: 0 !important;
}
.moduletable.header_slideshow .jss-image {
	background: #ffffff;
}
.moduletable.header_slideshow .jss-image img {
	height: 300px;
	width: auto !important;
	margin: auto;
}
#stripe-card-form .control-label {
	text-align: right;
	margin-top: -6px;
}
.control-group.osm-privacy-policy label {
	display: flex;
	flex-direction: row-reverse
}
.control-group.osm-terms-and-conditions-container .checkbox {
	text-align: center;
	padding: 0;
}
.control-group.osm-terms-and-conditions-container .checkbox input[type="checkbox"] {
	margin: -3px 10px 0 0;
	float: none;
}
.control-group.osm-privacy-policy label {
	text-align: right !important;
}
.control-group.osm-privacy-policy label input {
	margin-left: 10px;
}
.form-horizontal .form-actions {
	text-align: center;
	padding: 10px 0;
}
@media only screen and (min-width: 767px) { /* Desktop */
	.jss-slider .jss-navigation {
		height: 96% !important;
	}
	.jss-slider .jss-navigation .jss-navigation-dots .owl-dot {
		width: 16px !important;
		height: 16px !important;
		border-radius: 8px !important;
	}
	/* Registration Form */
	#osm-signup-page {
		display: flex;
		flex-direction: row-reverse;
	}
	.form-horizontal .controls {
		margin-left: 220px;
	}
	.form-horizontal .control-label {
		float: left;
		width: 200px;
		padding-top: 5px;
		padding-right: 10px;
	}
	.form-horizontal .control-label label:not(.checkbox) {
		text-align: right !important;
	}
	.article-info-block, .article-separator, .article-content {
		display: block;
		float: left;
		width: calc(100% - 350px);
	}
	.featured-slideshow h2 {
		font-size: 3em;
	}
	.featured-slideshow .jss-title-description {
		top: 65%;
		height: 130px;
		width: 80% !important;
	}
	.featured-slideshow .jss-description {
		padding: 20px 20px 20px 40px;
		margin-left: -20px;
		font-size: 1.5em;
	}
	#logo .span6 {
		width: 50% !important;
		margin: 0 !important;
	}
	#logo .search {
		float: right;
		text-align: right;
		padding-top: 50px !important;
	}
	#logo .search form {
		margin-right: 50px;
	}
	#searchForm fieldset {
		float: left;
		width: 33%;
		padding-bottom: 20px;
	}
	.search-results {
		border-top: 1px solid #ddd;
		padding-top: 20px;
	}
}

@media only screen and (max-width: 376px) {
	#menu .navbar-inner .btn-navbar {
		margin: -70px -10px 0 0 !important;
		background: #20394f;
	}
}

@media only screen and (min-width: 376px) and (max-width:767px) { /* Menu Mobile */
  #menu .navbar-inner .btn-navbar {
	  margin: -70px 0 0 0 !important;
  }
}

@media only screen and (max-width: 767px) { /* mobile */
	.featured-slideshow img {
		display: relative !important;
		width: 160% !important;
		margin-left: -30% !important;
	}
	#header input#mod-search-searchword {
		width: 50%;
	}

	.search.span6 {
		width: 135% !important;
		margin-bottom: 45px;
	}
	.home #featured .featured-slideshow .jss-title-description {
		top: 147px !important;
	}
	#bottom-menu .navbar-inner .btn-navbar, #toolbar .navbar-inner .btn-navbar, #menu .navbar-inner .btn-navbar {
		background: #20394f;
		padding: 7px 12px;
		margin-top: 10px;
	}
	.jss-slider .jss-navigation .jss-navigation-dots .owl-dot {
		width: 16px !important;
		height: 16px !important;
		border-radius: 8px !important;
	}
	.jss-slider .jss-navigation .jss-navigation-dots {
		width: 100% !important;
		text-align: center;
	}
}




/* Search Box */
#logo .search input {
	background: #ddd !important;
	color: #3e4147 !important;
	border: #ddd solid 1px !important;
}
#logo .search input::placeholder {
	color: #555;
}
/* Hide item on home page only */
.home .hidehome {
	display: none;
}
/* Colours */
.consa-navy {
	color: #20394f;
}
.consa-green, #footer {
	color: #6b8a3c;
}
.consa-grey {
	color: #a3aeb4;
}
.consa-white, .consa-white:hover {
	color: #ffffff;
}
.consa-bgnavy {
	background-color: #20394f;
}
.consa-bggreen {
	background-color: #6b8a3c;
}
.consa-bggrey {
	background-color: #a3aeb4;
}
.consa-bgwhite {
	background-color: #ffffff;
}
/* Hide recaptcha */
.grecaptcha-badge {
	animation: recatpchahide 2s 1;
	animation-delay: 5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@keyframes recatpchahide {
	0% {
		margin-right: 0px;
	}
	100% {
		margin-right: -100px;
	}
}
/* Reset Google Fonts */
body, #menu {
	font-family: 'Lato', serif;
}
#menu .nav > li > a {
	text-shadow: none;
	font-size: 13px;
	padding: 6px 8px 6px;
	margin-right: 1px; /* Closes gap between menu items */
}
ul, ol {
	list-style-position: inside;
}
/* Reposition menu under logo for full width, left align */
#logo img {
	padding: 10px 0 0 10px;
}
#menu_primary {
	padding: 5px 10px;
}
#menu .navbar-inner {
	text-align: left;
}
/* Featured image slider */
#featured .inner-padding {
	padding: 0 !important;
}
#grid-top .jss-description {
	height: 50px !important;
}
/* Header & Footer Containers */
#header > .container {
	background-color: #ffffff;
	border-bottom: 10px solid #6b8a3c;
}
#footer > .container {
	background-color: #ffffff;
	border-top: 10px solid #6b8a3c;
}
#footer .navbar {
	margin-bottom: 0;
}
hr.listseparator {
	margin: 10px -20px 0px -20px;
	border-top: 10px solid #6b8a3c;
	border-bottom: 10px solid #dddddd;
}
/* Main Menu */
.navbar-inverse .navbar-inner {
	background-color: #ffffff;
	box-shadow: none !important;
	margin-right: 20px;
}
.navbar .nav > li.dropdown .dropdown-menu li {
	border-bottom: none !important;
}
.navbar-inverse .dropdown-menu {
	border: 1px solid #3e4147 !important;
	border-radius: 6px;
	padding: 5px 0;
}
.navbar-inverse .nav > .active > a, .navbar-inverse .nav > .active > a:focus {
	color: #20394f !important;
}
.navbar-inverse .nav > .active > a:hover, .navbar .nav > li:hover > a, .navbar .nav > li.active:hover > a {
	color: #ffffff !important;
	background-color: #6b8a3c !important;
}
.navbar .nav > li.dropdown > .dropdown-menu > li {
	background: #ffffff;
}
.navbar .nav > li.dropdown > .dropdown-menu > li > a {
	background-color: #d2dcc4;
	color: #20394f;
	font-size: 13px;
	padding: 2px 25px;
}
.navbar .nav > li.dropdown > .dropdown-menu > li:hover > a {
	background-color: yellowgreen;
}
/* Breadcrumbs */
.breadcrumb .icon-map-marker {
	display: none; /* Override default icon */
}
/* Buttons */
.button, .btn {
	border: 1px solid #20394f;
	border-bottom-color: #20394f;
	background-color: #20394f;
}
/* Reset uppercase to normal on page headers */
.page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6 {
	text-transform: none;
}
/* Blog Layout */
.committee .item img {
	max-width: 200px !important;
	width: 200px;
}
/* Footer Menu */
.navbar-inner {
	background-color: initial;
	border: none;
	box-shadow: none;
}
#bottom-menu .navbar-inner .nav > li:last-of-type a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#bottom-menu .navbar .nav {
	float: right;
	font-size: 0.8em;
}
/* Warning Background */
.attention {
	background-image: linear-gradient(135deg, #ffdddd 25%, #ffcccc 25%, #ffcccc 50%, #ffdddd 50%, #ffdddd 75%, #ffcccc 75%, #ffcccc 100%) !important;
	background-size: 14.14px 14.14px !important;
}
.attention:hover {
	background-image: linear-gradient(135deg, #ff0000 25%, #ff6666 25%, #ff6666 50%, #ff0000 50%, #ff0000 75%, #ff6666 75%, #ff6666 100%) !important;
	background-size: 14.14px 14.14px !important;
	color: white !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
	/* Ipad Correction */
	.row-fluid .span4 {
		max-width: 31.424% !important;
		/*width: 31.57074013457%; - Original Dimesion */
	}
	/* End Ipad */
}
@media only screen and (max-width: 979px) {
	/* Tablet and Mobile Menu Reformatting */
	#bottom-menu .nav li a, #toolbar .nav li a, #menu .nav li a {
		font-size: 14px;
		display: block;
		background: #6b8a3c;
		color: #ffffff;
		padding: 10px 8px 10px !important;
		line-height: 20px;
	}
	#bottom-menu .nav li.dropdown > .dropdown-menu, #toolbar .nav li.dropdown > .dropdown-menu, #menu .nav li.dropdown > .dropdown-menu {
		margin: 0;
	}
	.navbar .nav > li.dropdown > .dropdown-menu > li {
		border-bottom: none;
	}
	.nav-collapse .dropdown-menu a {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		font-size: 14px;
		padding: 10px 8px 10px !important;
		background: rgba(107, 138, 60, 0.3) !important;
		color: #20394f !important;
		line-height: 20px;
		margin-right: 1px;
	}
	.caret {
		float: right;
	}
	.caret::after {
		font-size: 18px !important;
		margin-left: -16px;
	}
	#logo.span12 {
		width: 75%;
		float: left;
		margin-bottom: -60px;
		z-index: 10;
		position: relative;
	}
	#menu.span12 .navbar-inverse .navbar-inner {
		background: none !important;
		z-index: 0;
	}
	#logo .logoimage {
		width: 180px !important;
		height: auto;
	}
	#nav-menu {
		margin-top: 60px;
		z-index: 200;
	}
	.home #featured .featured-slideshow .jss-image {
		height: 380px;
	}
	.home #featured .featured-slideshow .jss-description div {
		margin-top: -80px !important;
	}
	.jss-image img {
		margin-left: 0 !important;
		width: 100% !important;
		overflow: hidden;
	}
	.jss-slider .jss-navigation .jss-navigation-dots .owl-dot > span {
		width: 16px !important;
		height: 16px !important;
	}
	.owl-stage-outer.owl-height {
		height: auto !important;
	}
	/* End Tablet and mobile */
}
.note {
	background: #ffeebb;
	color: #555555;
	padding: 10px;
}
.note p:last-of-type {
  margin: 0;
}