/************************************************************
*	Basic
*************************************************************/
body {
	position: relative;
	padding-top: 0px;
	color: rgb(51, 51, 51);
	background-color: #fff;
	font: 13px/1.65em 'Open Sans', sans-serif;
}

/************************************************************
*	Typography
*************************************************************/
h1, h2, h3, h4, h5, h6 { color: rgb(34, 34, 34); }
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; }
h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; }
h5 { font-size: 16px; line-height: 1.1em; }
h6 { font-size: 14px; line-height: 1.1em; }

/************************************************************
*	Images
*************************************************************/	
img, a img {
	display: block;
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
p img { margin: 0; }
img.wf_file_icon { display: inline-block; }

object { display: block; max-width: 100%; height: auto; }

figure.logos {
	margin: 15px 0 0 0;
}
img.logoimg {
	margin: 30px auto 10px auto;
}
figcaption.logocap {
	margin: 0;
	text-align: center;
}

/************************************************************
*	Links
*************************************************************/
a {
  color: rgb(12, 77, 162);
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
a:hover,
a:focus {
  color: rgb(12, 77, 162);
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/************************************************************
*	Tables
*************************************************************/
table thead th {
	color: #ffffff;
	background: url("../images/th_blue_bg.png") repeat-x scroll 0 0 transparent;
}
table tbody th {
	font-size: 20px;
	color: rgb(12, 77, 162);
	background-color: #ffffff;
}

/************************************************************
*	Accordions
*************************************************************/
.blog-accordion, .blog-accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.blog-accordion { overflow:hidden; }
.blog-accordion-title {
    width:100%;
    display:inline-block;
    transition:all linear 0.15s;
}
.blog-accordion-section { border-bottom: none; }
.blog-accordion-section-content { display:none; }
.blog-accordion .readmore-button {text-align: right; }
.blog-accordion .readmore-button a {
	display: inline-block;
	height: 25px;
	text-decoration: none;
	padding: 2px 10px;
	width: 95px;
}
.blog-accordion .readmore-button #readmore-text { float: left; }
.blog-accordion .readmore-button #readmore-arrow { float: right; }

.open-article {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.8px 4.5px 0 4.5px;
	border-color: #202c59 transparent transparent transparent;
	margin: 6px 0 0 10px;
}
.close-article {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4.5px 7.8px 4.5px;
	border-color: transparent transparent #202c59 transparent;
	margin: 6px 0 0 10px;
}

/************************************************************
*	Forms
*************************************************************/
.form-inline label { display: inline-block; }

.form-horizontal .control-label {
	width: auto;
	padding-right: 5px;
	text-align: left;
}

.form-inline-header .control-group,
.form-inline-header .control-label,
.form-inline-header .controls {
	display:inline-block;
	zoom: 1;
}

.form-inline-header .control-label { width: auto; padding-right: 10px; }

.form-inline-header { margin: 5px 0; }

input.input-large-text { font-size: 18px; height: auto; }

select { color: #0c4da2; font-weight:bold; }

button, input.button {
	background: url("../images/button_blue_bg.png") repeat-x scroll 0 0 transparent;
	padding: 2px 10px;
	border: none;
	cursor: pointer;
}
button:hover, input.button:hover {
	background: url("../images/button_blue_bg.png") repeat-x scroll 0 100% transparent;
	color: #fff !important;
}
fieldset {
	border: 1px solid #c2c2c2;
	border-radius: 10px;
	margin: 0 0 20px 0;
	padding: 0 10px;
}
fieldset legend {
	width: inherit;
    padding: 0 5px;
	margin: 0;
    border-bottom: none;
	color: #0c4da2;
	font-weight: bold;
}

/************************************************************
*	wgPicasa
*************************************************************/

.wgimagecontainer {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.wgimagecontainer:after {
  content: '';
  flex-grow: 100000000;
}
.wgimagecontainer a {
	flex: 1 0 384px;
	margin: 0 4px 4px 0;
	position: relative;
	min-width: 384px;
	display: inline-block;
	background-color: #0c4da2;
}
.wgimage {
	width: 100%;
	height: 0;
	padding-bottom: 66.67%;
	background-size: cover;
}
.wgtextcontainer {
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.74));
	bottom: 0;
	height: 100px;
	position: absolute;
	width: 100%;
}
.wgtext {
	bottom: 24px;
	color: #fff;
	right: 24px;
	left: 20px;
	position: absolute;
	min-height: 40px;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}
.wgalbumname {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 4px;
	width: 100%;
}
.wgalbuminfo {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}

.wgbtnwrapper {
	text-align: center;
	margin: 15px auto;
}

span#jcemediabox-popup-numbers {
	padding: 10px 50px;
}

span#jcemediabox-popup-numbers a {
	margin: 4px 1px;
}

/************************************************************
*	Page header
*************************************************************/

.page-header h1, .moduletable h1 {
	color: #000;
	margin-bottom: 5px;
	padding-top: 3px;
	font-size: 48px;
}
@media (max-width: 979px) {
	.page-header h1, .moduletable h1 {
		font-size: 36px;
	}
}
.modal-header h2 { color: rgb(12, 77, 162); }

/************************************************************
*	Bootstrap overrides
*************************************************************/
@media(max-width: 1350px) {
	.hidden-desktop {
		display: inherit!important;
	}
}
@media(max-width: 1350px) {
	.visible-desktop {
		display: none!important;
	}
}
.page-header { border: none; }

.row-spacer { margin: 10px 0; }

/* .navbar-inverse .navbar-inner {
	background-color: rgb(12, 77, 162);
	opacity; 0.8;
	background-image: none;
	border-bottom: 1px solid #e5e5e5;
} */

ul.actions { clear: both; float: right; margin-top: -45px; }
ul.actions li { list-style-type: none; float:right; margin-left: 10px; }
@media print {
	ul.actions { display: none; }
}

div.back_button a {
	border: 1px solid #cfdbe2;
	background-color: #e9f7fe;
	color: #44789b;
}

.btn {
	background-color: #ffbb0b;
	color: #000;
	background-image: none;
	font-weight: bold;
	text-shadow: none;
	border-color: #ffbb0b;
}
.btn-primary {
	background-color: #202c59;
	color: #fff;
	background-image: none;
	font-weight: bold;
	text-shadow: none;
	border-color: #cecece;
}
.btn-primary:hover {
	background-color: #3c53a6;
}
.btn-secondary {
	background-color: #ed254e;
	color: #fff;
	background-image: none;
	font-weight: bold;
	text-shadow: none;
	border-color: #ed254e;
}
.btn-secondary:hover {
	background-color: #ad1c39;
	color: #fff;
}

/************************************************************
*	Infobar with search and login
*************************************************************/
.info-bar {
	position: relative;
	z-index: 999;
}
.searchicon {
	padding-top: 2px;
	float:right;
}
.searchicon a { }
.searchicon a.collapsed {
}
.searchicon a:hover {
	text-decoration: none;
}

.searchbox {
	position: absolute;
	top: 100%;
	right: 120px;
}

.login-text {
	float: right;
	padding: 2px 0 0 20px;
}
.login-text a { color: #fff; }
.login-text a.collapsed { color: #fff; }
.login-text a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#login .control-group { margin-bottom: 3px; }
#login .moduletable { margin-bottom: 0px; }
.login h3 { margin-left: 15px; margin-bottom: 0px; }


/************************************************************
*	Bootstrap main rows										*
*************************************************************/
.banner, .topimage, .infobox {
	margin: 0px;
	padding-bottom: 20px;
	background: #fff;
}
.footer {
	background-color: #0c4da2;
	text-align: center;
}

/************************************************************
*	Header position
*************************************************************/
.site-header {
  position: relative;
  padding: 3px 0;
  color: #fff;
  background: #202c59;
  background: linear-gradient(45deg,  #202c59;0%, #202c59; 100%);
}
@media (max-width: 979px) {
	.site-header {
		margin-bottom: 0px;
	}
}
.site-header:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .4;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {
	.site-header:after {
    	background-size: 150px 150px;
	}
}
.logo-wrapper {
	float: left;
	width: 100px;
	position: relative;
	z-index: 999;
}
@media (max-width: 979px) {
	.logo-wrapper {
		width: 70px;
	}
}
.logo-wrapper:after {
	clear: both;
}


.menu-wrapper {
	float: right;
	display: inline-block;
}

/************************************************************
*	Quicklink position										*
*************************************************************/
.quicklink-wrapper {
	margin: 0 0 10px 0;
	background-color: #f0f0f0;
}

.quicklink-wrapper .quicklink {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media (min-width: 768px) {
	.quicklink-wrapper .quicklink {
		padding: 5px 0;
	}
}
.quicklink [class*="moduletable"] {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	border-radius: 3px;
	flex-basis: 114px;
	flex-grow: 2;
	padding: 0px 3px;
	margin: 2px;
	background-color: #ffbe0b;
	color: #202c59;
}
@media (max-width: 767px) {
	.quicklink [class*="moduletable"] {
		font-size: 15px;
		flex-grow: 0;
	}
}
.quicklink [class*="moduletable"]:hover {
	background-color: #e6ab09;
	transition: all 0.4s ease-in-out;
}
.quicklink [class*="moduletable"] p {
	margin: 5px 0;
}
.quicklink [class*="moduletable"] a {
	text-decoration: none;
	color: inherit;
}
.quicklink .moduletable-red {
	background-color: #ed254e;
}
.quicklink .moduletable-red:hover {
	background-color: #ad1c39;
}
.quicklink .moduletable-red a {
	color: #fff;
}
.quicklink .moduletable-pool {
	background-image: url('../images/pool-bottom.png');
}
.quicklink .moduletable-pool:hover {
}
.quicklink .moduletable-pool a {
	color: #fff;
}


/************************************************************
*	Navigation position
*************************************************************/
.menu-bar {
  margin: 0 0;
  color: #fff;
  background: #202c59;
  position: relative;
  z-index: 500;
  bottom: -39px;
  float: right;
}
@media (min-width: 980px) and (max-width: 1349px) {
	.menu-bar {
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.menu-bar {
		bottom: -7px;
	}
}
@media (max-width: 767px) {
	.menu-bar {
		bottom: -20px;
	}
}
.menu-bar .book-button { margin-top: 4px; }
@media (min-width: 980px) {
	.large-menu { display: inherit!important; }
	.mobile-menu { display: none; }
}
@media (max-width: 979px) {
	.large-menu { display: none; }
	.mobile-menu { display: inherit!important; }
}
.navbar { margin-bottom: 0px; }
.navbar a { text-decoration: none; }
.navbar .icon-bar { background-color: #686868; }
.navbar-inner {
	background-color: #202c59;
	background-image: none;
	border: none;
	min-height: 35px;
	padding-left: 0;
	padding-top: 6px;
	padding-right: 0;
}
.menu-bar .nav>li { border-left: 1px solid #202c59; }
.menu-bar .nav>li:last-child { border-right: 1px solid #202c59; }
.navbar .nav>li>a {
	color: #fff;
	text-shadow: none;
	font-weight: bold;
	padding: 5px 5px;
	font-size: 15px;
}
@media (min-width: 980px) {
	.navbar .nav>li>a {
		font-size: 15px;
	}
}
@media (max-width: 979px) {
	.navbar .nav>li>a {
		font-size: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
	}
}
.navbar .nav>li>a:hover { color: #202c59; background-color: #fff; }
.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle, 
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
	color: #202c59;
	background-color: #e8e9f3;
}
.nav-pills>li>a { margin: 0; border-radius: 0; }
.navbar .nav li.dropdown>.dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; }
.navbar .nav li.dropdown>.dropdown-toggle .caret:hover, .navbar .nav li.dropdown>a:hover .caret
	{ border-top-color: #202c59; border-bottom-color: #202c59; }

.nav-child.dropdown-menu>li>a { color: #000; background-color: #fff; }
.nav-child.dropdown-menu>li>a:focus, .nav-child.dropdown-submenu:focus>a,
.nav-child.dropdown-menu>.active>a
{
	color: #fff;
	background-color: #202c59;
	background-image: none;
}
.nav-child.dropdown-menu>li>a:hover, .nav-child.dropdown-submenu:hover>a
{
	color: #fff;
	background-color: #202c59;
	background-image: none;
}
a#nav-button.btn { font-size: 150%; }
a#book-button.btn { margin-right: 35px; margin-top: 20px;}

.sidenav {
    height: auto;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 79px;
    left: 0;
    background-color: #202c59;
    opacity: 0.97;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 35px;
}
@media (min-width: 768px) and (max-width: 979px) {
	.sidenav {
		top: 75px;
	}
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
	font-size: 120%;
    display: block;
    transition: 0.3s
}
.sidenav a:hover, .offcanvas a:focus { color: #f1f1f1; }
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #fff;
}
.sidenav .navbar .nav>li>a:hover { color: #444; }
.sidenav .navbar .nav>li>a:hover .caret { border-top-color: #000; border-bottom-color: #000;  }
.sidenav .navbar .nav li.dropdown>.dropdown-toggle .caret { }
.sidenav .nav-child.dropdown-menu>li>a {
	color: #000;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #e5e5e5;
	border-radius: 0px;
	margin-bottom: 0px;
}
.sidenav .nav-child.dropdown-menu>li>a:hover, .sidenav .nav-child.dropdown-menu>li>a:focus,
.sidenav .nav-child.dropdown-submenu:hover>a, .sidenav .nav-child.dropdown-submenu:focus>a
{
	color: #fff;
	background-color: #444;
	background-image: none;
}

/************************************************************
*	Topimage position
*************************************************************/
.topimage .moduletable {
	margin-bottom: 0px;
}
.topimage img {
	border-radius: 0 0 5px 5px;
}

/************************************************************
*	Alert position
*************************************************************/
.alertbox .moduletable {
	background-color: #ed254e;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}
.alertbox .moduletable:hover {
	background-color: #ad1c39;
	transition: all 0.4s ease-in-out;
}
.alertbox p {
	font-size: 24px;
	margin: 0px;
	padding: 0px 10px;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 100%;
	padding: 20px 0;
}
.alertbox .moduletable a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	width: 100%;
}
.alertbox .moduletable a:hover {
	color: #fff;
}

/************************************************************
*	Puff position										*
*************************************************************/
.puff-wrapper {
	margin: 0 0;
	padding: 10px 0 10px 0;
}

.puffar {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
	justify-content: space-evenly;
	grid-column-gap: 30px;
	grid-row-gap: 20px;
}
.puffar .moduletable {
	background-color: #f0f0f0;
}
.puffar .moduletable:hover {
	background-color: #ffbe0b;
	transition: all 0.4s ease-in-out;
}
.puff-item {
	text-align: center;
}
.puff-item a {
	text-decoration: none;
}
.puff-item p {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	padding: 0px 10px 10px;
}
.puff-item p.puff-readmore {
	font-weight: 800;
}
.puff-item img {
	margin: 0px;
	position: relative;
	min-width: 215px;
	display: inline-block;
}
/* Tablet */
@media (min-width: 601px) and (max-width: 979px) {
	.puffar {
		grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) );
		grid-column-gap: 10px;
		justify-content: space-evenly;
		grid-row-gap: 10px;
	}
	.puff-item img {
		min-width: 150px;
	}
	.puff-item h2 {
		font-size: 22px;
	}
	.puff-item p {
	}
}
/* Phone */
@media (max-width: 600px) {
	.puffar {
		display: grid;
		justify-content: space-evenly;
		grid-column-gap: 20px;
		grid-row-gap: 10px;
	}
	.puff-item img {
		min-width: 150px;
	}
	.puff-item p {
	}
}

/************************************************************
*	Left column modules
*************************************************************/
.leftcolumn .moduletable {
	margin-top: 10px;
	margin-bottom: 45px;
}
.leftcolumn .moduletable h1 {
	border-top: 5px solid #0c4da2;
}

/* Left column menu */
.leftmenu ul { padding-top: 8px; }
.leftmenu .nav-tabs>li.active>a, .leftmenu .nav-tabs>li.active>a:hover, .leftmenu .nav-tabs>li.active>a:focus {
color: #fff;
background-color: #428bca;
}
.leftmenu a { color: #000; text-decoration: none; }
.leftmenu a:hover { color: #000; text-decoration: none; }

/************************************************************
*	Upcoming events module
*************************************************************/
.calendar { margin-bottom: 10px;}
.eventlist-module dl {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	margin: 10px 0 0 0;
}
@media (min-width: 768px) and (max-width: 1349px) {
.eventlist-module dl {
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	}
}
@media (max-width: 767px) {
	.eventlist-module dl {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
}
.elm-event a {
	padding: 0px;
	font-size: 100%;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #f0f0f0;
	color: #000;
	box-sizing: border-box;
}
.elm-event a:nth-child(odd) {
		background-color: #f0f0f0;
		border: none;
}
.elm-event a:last-child {
		color: #fff;
		border: none;
		margin: 18px 30px;
		padding: 3px 0;
}
.elm-event a:hover {
	text-decoration: none;
	background-color: #ffbe0b;
	transition: all 0.4s ease-in-out;
}
.elm-event a:last-child:hover {
	text-decoration: none;
	background-color: #3c53a6;
	transition: all 0.4s ease-in-out;
}
.elm-event dt {
	font-weight: bold;
	margin: 0px 5px;
}
.elm-event dd {
	margin: 0px 5px 0px 15px;
}

.calendar-button {
	display: inline-block;
	float: right;
	margin-top: 10px;
}
.calendar-button a { text-decoration: none; }
.calendar .moduletable h1 {
	font-size: 48px;
}

/************************************************************
*	Featured articles
*************************************************************/
.blog-featured .page-header {
	margin-top: 5px;
	border-bottom: none;
}
.blog-featured .page-header h1 {
	font-size: 48px;
//	text-transform:uppercase;
}
.blog-featured [class^="leading-"] {
	width: 100%;
	float: left;
	background-color: #f0f0f0;
	margin-bottom: 26px;
}
.blog-featured [class^="leading-"]:nth-child(odd) {
	margin-right: 25px;
}
.blog-featured [class^="leading-"] [id^="item-"] {
	display: inline-block;
	width: 100%;
}
.blog-featured [class^="leading-"] div.icons {
	float: right;
}
.blog-featured [class*="leading-"]:after {
	margin: 0px 0px 10px;
}
.featured-title {
	display: inline-block;
	background-color: #ffbe0b;
	width:100%;
	text-align: center;
	padding:0px 10px;
}
.featured-title h2 {
	font-size: 22px;
}
.featured-article {
	margin: 5px 15px;;
}

/************************************************************
*	Back to top
*************************************************************/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    right: 20px;
    display:none;
}
.back-to-top-arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 17px 10px;
	border-color: transparent transparent #fff transparent;
	margin: 5px 0;
	display: block;
}


/************************************************************
*	Article info
*************************************************************/
.article-info {
	padding: 0 0 10px 0;
	font-style: italic;
	font-size: 10px;
	display: block;
	color: #000;
}

/************************************************************
*	Sponsor and footer position
*************************************************************/
.footer {
	padding: 10px 0;
	background: #0c4da2;
	background: linear-gradient(45deg,  #0c4da2 0%, #0c4da2 100%);
}
.footer p, .footer a {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 2px 0px;
}
.sponsor-bar { margin: 25px 0 0; padding: 20px 0 20px 0; border-top: 1px solid #eee; }
.sponsor-bar .custom {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.sponsor {
	justify-content: center;
	margin: 10px 10px;;
}

/************************************************************
*	Contact Us form
*************************************************************/
.contact .dl-horizontal dt { width: 50px }
.contact .dl-horizontal dd { margin-left: 60px }
.contact-miscinfo .dl-horizontal dd { margin-left: 0px }
#jform_contact_message.required { width: 80%; }
.contact #jform_captcha-lbl, .contact #jform_captcha { margin-top: 20px; },

/************************************************************
*	Login form
*************************************************************/
.login form {
	padding: 0px;
	margin: 0px;
}
#login.modal {
	width: 350px;
	top: 30%;
	left: 56%;
}

/************************************************************
*	FAQ Book overrides
*************************************************************/

.topic_faqAnswerWrapper_inner {
  	padding: 5px 0 5px 24px;
  	display: none;
}
.topic_faqToggleLink:focus,
.topic_faqToggleLink:hover {
    text-decoration: none;
	background-color: #ffbe0b;
	transition: all 0.4s ease-in-out;
}
.topic_faqExpanderIcon {
    left: 6px;
    position: absolute;
    top: 15px;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 7.8px;
	border-color: transparent transparent transparent #202c59;
}
.faq_open .topic_faqExpanderIcon {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.8px 4.5px 0 4.5px;
	border-color: #202c59 transparent transparent transparent;
	top: 16px;
}
.topic_faqToggleQuestion {
	display: inline;
	font-size: 14px;
	color: #202c59;
}
.faq_open .topic_faqToggleLink {
	font-weight: normal;
	color: #202c59;
	background-color: #ffbe0b;
}

/************************************************************
*	Article editing
*************************************************************/
.edit { margin-top: 5px; }

.edit #jform_captcha, .edit #jform_captcha-lbl {
	display: inline-block;
	width: 100%;
}

/************************************************************
*	Search results
*************************************************************/
.search span.highlight {
	background-color: #f0f0f0;
	font-weight: bold;
}

/************************************************************
*	Home page accordion
*************************************************************/
.accordion-heading .accordion-toggle {
	display: inline-block;
}
.accordion-heading .icons {
	display: inline-block;
	float: right;
	margin-top: 4px;
	margin-right: 10px;
}

/************************************************************
*	Make sure that full screen is used on mobile devices
*************************************************************/

/* Tablet to desktop */
@media (min-width: 768px) and (max-width: 979px) {
	/* Remove any padding from the body */
	body {
		padding-top: 0;
	}
	/* Widen masthead and social buttons to fill body padding */
	.site-header, .quicklink-wrapper, .footer {
		margin-top: 0px; /* Offset bottom margin on .navbar */
	}
}

/* Tablet */
@media (max-width: 767px) {
	/* Remove any padding from the body */
	body {
		padding-top: 0;
	}
	/* Widen masthead and social buttons to fill body padding */
	.site-header, .quicklink-wrapper, .footer {
		padding: 5px 20px;
		margin-top:   0px; /* Offset bottom margin on .navbar */
		margin-right: -20px;
		margin-left:  -20px;
	}
}

/* @end */