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

	Bootstrap LifeCycle 2016 - custom bootstrap overrides - version 0.1

> colours:
		Blue (dark)  - #19459D
		Blue (light) - #00BDCF
		Orange       - #F8971D
		Pink         - #DA4E8E
		Yellow       - #FFDF00
		Green        - #6DC067
		Purple       - #6E79BA

> fonts:
		body         - Source Sans Pro

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

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

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900);

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

/*** Admin menus ***/

/* Hide on mobile viewport widths */

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


/***** Main typography *****/

body {
	font-family: 'Source Sans Pro',"Helvetica Neue", Helvetica, Arial;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
}
@media (max-width:991px) {
  body {
    font-size: 16px;
  }
}

h1, h2, h3, h4, h5, h6 {
	color: #19459D;
	font-family: 'Source Sans Pro',"Helvetica Neue", Helvetica, Arial;
  font-weight: 600;
}
h2 {
  font-size: 1.4em;
}
p, ul {
  margin: 0 0 15px;
}
ul, ol {
  margin:1em 0 1.5em;
  padding: 0 0 0 1.2em;
}
ul li, ol li {
  margin:0.5em 0;
  line-height: 1.3;
}
b, strong {
	font-weight: 600;
}

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

a, a:hover, a:focus {
	color: #00BDCF;
}

.breadcrumb a,
.region-sidebar-first a,
.region-sidebar-second a,
#block-system-main a,
#block-system-main a:hover,
#block-system-main a:focus {
	font-weight: 500;
}

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

table th {
  font-weight: 600;
}

/******************************************************************************/
/*********************************** Navigation *******************************/
/******************************************************************************/

ol.breadcrumb {
    padding: 0.4em 0.75em 0.5em;
    margin: 0 0 1em;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
ol.breadcrumb li {
  margin:0;
}

.navbar.container > .container {
	margin: 0 auto;
	width: 90%;
}

.navbar.container {
	background-color: #E5E5E5;
	margin-top: 15px;
}

.navbar {
	margin-bottom: 15px;
}

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

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

.navbar-default .navbar-toggle {
	border-color: #fff;
}

.dropdown-menu > li > a {
	background-color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: #00BDCF;
	color: #fff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #19459D;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: #fff;
}

/******************************************************************************/
/********************************** Regions ***********************************/
/******************************************************************************/

/***** Pre Navigation *****/

.pre-navigation {
	background-color: #00BDCF;
  padding-bottom: 30px;
  padding-top: 30px;
}

.region-pre-navigation {
  margin: 0 auto;
 }

/***** Second sidebar (sidebar right) *****/

.region-sidebar-second {
  margin-top:1.1em;
}

/***** Pre footer *****/

.pre-footer {
	background-color: #D0EBCF;
	height: 210px;
	margin-top: 15px;
  padding-bottom: 30px;
  padding-top: 30px;
}

.region-pre-footer {
  margin: 0 auto;
 }

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

.footer {
	background-color: #6Dc067;
	margin-top: 0;
  padding-bottom: 30px;
  padding-top: 30px;
}

.region-footer {
  margin: 0 auto;
 }

/******************************************************************************/
/*********************************** Blocks ***********************************/
/******************************************************************************/

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

@@media (max-width:991px) {
  h2.block-title {
    /*font-size: 1.3em;*/
  }
}

.block img {
	height: auto;
	max-width: 100%;
}

.logo {
	text-align: center;
}

/***** Blocks in content region on the front page *****/

/* Mission block (only visible on mobile devices) */

.mission {
	background-color: #DA4E8E;
	border: 2px solid #000026;
	border-radius: 4px;
	-webkit-box-shadow: 5px 3px 5px 0px rgba(189,189,189,1);
  -moz-box-shadow: 5px 3px 5px 0px rgba(189,189,189,1);
  box-shadow: 5px 3px 5px 0px rgba(189,189,189,1);
	padding: 1.4%;
}

.mission p {
	color: #fff;
	font-size: 18px;
	text-align: center;
}

/* Mobile Header Image block (only visible on mobile devices) */

.mobile-header-img {
	margin-bottom: 2.8%;
}

/* Call To Actions blocks */

.front .region-content .block {
	background-color: #19459D;
	border: 2px solid #000026;
	border-radius: 4px;
	-webkit-box-shadow: 5px 3px 5px 0px rgba(189,189,189,1);
  -moz-box-shadow: 5px 3px 5px 0px rgba(189,189,189,1);
  box-shadow: 5px 3px 5px 0px rgba(189,189,189,1);
	float: left;
	padding: 1.4%;
	width: 31.4%;
}

.front .region-content .block.left {
	margin: 1.4% 1.4% 1.4% 0;
}

.front .region-content .block.center {
	margin: 1.4%;
}

.front .region-content .block.right {
	margin: 1.4% 0 1.4% 1.4%;
}

.front .region-content .block .cta-img,
.front .region-content .block .cta-text {
	display: inline-block;
}

.front .region-content .block .cta-img {
	padding-right: 15px;
	vertical-align: top;
	width: 30%;
}

.front .region-content .block .cta-img img {
	vertical-align: top;
}

.front .region-content .block .cta-text {
	line-height: 1.6em;
	width: 68%;
}

.front .region-content .block .cta-text a {
	color: #fff;
	font-size: 28px;
	font-weight: 600;
}

/* Menu type pre footer blocks */

.pre-footer .block {
	display: inline-block;
	margin-bottom: 30px;
	width: 33%;
}

.pre-footer .block:first-child h2.block-title,
.pre-footer .block h2.block-title {
	color: #19459D;
	margin: 0 0 30px 0;
}

.pre-footer a {
	color: #19459D;
}

.pre-footer ul {
	color: #F8971D;
	margin-bottom: 0;
}

/* Footer blocks */

.footer .block {
	display: inline-block;
	width: 45%;
}

.footer .block.left {
	margin-bottom: 30px;
}

.footer .block.right {
	float: right;
}

.footer .block.right img {
	padding: 0 10% 10% 0;
}

.footer .block.right img.last {
	padding-right: 0;
}

.footer p {
	color: #000;
}

.footer a {
	color: #fff;
}

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

/* FP Slideshow block */

#block-views-fp-slideshow-block .views-field-field-slideshow-text {
	background-color: #222;
	color: #fff !important;
	font-size: 28px;
	margin-top: -72px;
	opacity: 0.85;
	padding: 15px;
}

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

/* Flexslider */

.flexslider {
	margin: 0 0 15px 0;
}

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

/*** Shopping cart block ***/

#block-uc-cart-cart .cart-block-title-bar {
  padding-right: 0;
}
#block-uc-cart-cart .cart-block-items td {
  line-height: 1.2;
}
#block-uc-cart-cart ul.links {
  padding:0;
}
#block-uc-cart-cart .cart-block-summary-links ul.links li {
  padding:0 0.5em;
}
#block-uc-cart-cart .cart-block-summary-links ul.links li.first {
  padding-left:0;
}
#block-uc-cart-cart .cart-block-summary-links ul.links li.last {
  padding-right:0;
  padding-left: 0.25em;
}
.cart-block-arrow {
  right:-0.7em;
}
table.cart-block-summary {
  width:100%;
}

table.cart-block-summary {
  padding-top:0.25em;
  margin-top:0.5em;
  border-top:1px solid #999;
}
table.cart-block-summary td.cart-block-summary-items,
table.cart-block-summary td.cart-block-summary-total {
  padding-bottom: 0.25em;
}
table.cart-block-summary tr.cart-block-summary-links {
  border-top:1px solid #999;
}


/******************************************************************************/
/************************************ Pages ***********************************/
/******************************************************************************/

/* Front page */

.front h1.page-header {
	display: none;
}

/* Generic page/article styling */

.page-header {
	margin-top: 15px;
}

.node-type-page .field-type-image,
.node-type-article .field-type-image {
	margin-bottom: 1.4%;
}

/******************************************************************************/
/************************************ Views ***********************************/
/******************************************************************************/

/* --------------- Calendar view displays --------------- */

.page-staff-activities .view .date-nav-wrapper .date-prev {
	right: 80px;
}

.page-staff-activities .views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 2.3em;
}

/* Staff activities */

/* Generic */

.page-staff-activities .calendar-calendar .month-view .full td.single-day div.monthview,
.page-staff-activities .calendar-calendar .week-view .full td.single-day div.weekview,
.page-staff-activities .calendar-calendar .day-view .full td.single-day div.dayview,
.page-staff-activities .calendar-calendar .month-view .full .single-day div.monthview,
.page-staff-activities .calendar-calendar .week-view .full .single-day div.weekview,
.page-staff-activities .calendar-calendar .day-view .full .single-day div.dayview {
  background-color: #F3F5F7;
}

.page-staff-activities .calendar-calendar .week-view .full div.single-day div.weekview,
.page-staff-activities .calendar-calendar .day-view .full div.single-day div.dayview {
	border: none;
}

/* Annual leave - activity type */

.page-staff-activities .calendar-calendar .month-view .full td.single-day div.monthview .Annual,
.page-staff-activities .calendar-calendar .week-view .full td.single-day div.weekview .Annual,
.page-staff-activities .calendar-calendar .day-view .full td.single-day div.dayview .Annual,
.page-staff-activities .calendar-calendar .month-view .full .single-day div.monthview .Annual,
.page-staff-activities .calendar-calendar .week-view .full .single-day div.weekview .Annual,
.page-staff-activities .calendar-calendar .day-view .full .single-day div.dayview .Annual {
  background-color: #FFBA35;
  border: 1px solid #A4A4A4;
  color: #fff;
  display: block;
  text-align: center;
}

/* Meeting - activity type */

.page-staff-activities .calendar-calendar .month-view .full td.single-day div.monthview .Meeting,
.page-staff-activities .calendar-calendar .week-view .full td.single-day div.weekview .Meeting,
.page-staff-activities .calendar-calendar .day-view .full td.single-day div.dayview .Meeting,
.page-staff-activities .calendar-calendar .month-view .full .single-day div.monthview .Meeting,
.page-staff-activities .calendar-calendar .week-view .full .single-day div.weekview .Meeting,
.page-staff-activities .calendar-calendar .day-view .full .single-day div.dayview .Meeting {
  background-color: #FFFFCC;
  border: 1px solid #A4A4A4;
  color: #3b3b3b;
  display: block;
  text-align: center;
}

/* Instructing - activity type */

.page-staff-activities .calendar-calendar .month-view .full td.single-day div.monthview .Instructing,
.page-staff-activities .calendar-calendar .week-view .full td.single-day div.weekview .Instructing,
.page-staff-activities .calendar-calendar .day-view .full td.single-day div.dayview .Instructing,
.page-staff-activities .calendar-calendar .month-view .full .single-day div.monthview .Instructing,
.page-staff-activities .calendar-calendar .week-view .full .single-day div.weekview .Instructing,
.page-staff-activities .calendar-calendar .day-view .full .single-day div.dayview .Instructing {
  background-color: #8EC871;
  border: 1px solid #A4A4A4;
  color: #fff;
  display: block;
  text-align: center;
}

/******************************************************************************/
/********************************* Webforms ***********************************/
/******************************************************************************/

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

.form-control {
  font-size: 0.9em;
}

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


/******************************************************************************/
/********************************* CiviCRM ************************************/
/******************************************************************************/

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

.crm-container .crm-section .label,
.crm-container-snippet .crm-section .label,
label {
  color: #333;
  font-weight: 600;
}
#crm-container.crm-public .crm-section, .crm-section {
  margin-bottom:0.25em;
}
.page-civicrm-event-register .crm-container .crm-section .content {
	margin-left: 30%;
}
.crm-container fieldset {
  background: none;
  padding: 0;
  margin: 2em 0 0;
  border: none;
}
.crm-container fieldset legend {
  display: block;
  font-family: 'Source Sans Pro',"Helvetica Neue", Helvetica, Arial;
  font-size: 1.2em;
  font-weight: 600;
  padding: 0;
  background: none;
  border: medium none;
  background-color: transparent;
  color: #3E3E3E;
  position: relative;
  text-indent: 0;
  width: auto;
  margin-bottom: 1em;
}
.crm-container h3 {
  background-color: transparent;
  color: #19459D;
  font-family: 'Source Sans Pro',"Helvetica Neue", Helvetica, Arial;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 0;
}
/*@media (max-width:991px) {*/
  .crm-container .crm-section .label,
  .crm-container-snippet .crm-section .label {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
  div.crm-container label {
    font-weight: 500;
  }
  /*.crm-container .crm-section .label label,
  .crm-container-snippet .crm-section .label label {
    font-weight: 600;
  }*/
  .crm-container .crm-section .content {
    margin-left: 0;
  }
/*}*/

.crm-container .crm-section input[type="radio"],
.crm-container .crm-section input[type="checkbox"] {
  margin: 0 0.25em 0 0.5em;
}
.crm-container .crm-section input[type="radio"]:first-child,
.crm-container .crm-section input[type="checkbox"]:first-child {
  margin-left: 0;
}
#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: 1em;
}
#crm-container.crm-public input.crm-form-text {
  width:300px;
}
#crm-container.crm-public textarea.crm-form-textarea {
  width:100%;
}
.crm-container table {
  font-size: 1em;
}
.crm-container table td {
  border: 1px solid #999;
}
#crm-container.crm-public .event-info .calc-value,
#crm-container.crm-public .event-info .content,
#crm-container.crm-public .event-info .label,
#crm-container.crm-public .event-info .price-field-amount {
  font-size: 1em;
}
#crm-container.crm-public .event-info .crm-section {
  margin:1em 0;
}
.event_summary-section {
  font-weight: 600;
  padding-bottom: 0.5em;
  font-size: 1.1em;
}
@media (max-width:355px) {
  #crm-container.crm-public input.crm-form-text {
    width:calc(100% - 15px);
  }
}

/** CiviCRM buttons **/

.crm-submit-buttons {
  padding:1em 0;
}
.crm-container .crm-button.crm-icon-button input {
  padding: 0 0.5em 0 1.5em;
}
.crm-container .crm-button-icon {
  /*top:0;*/
}
.crm-container a.button, .crm-container a.crm-invoiceButton, .crm-container a.crm-invoiceButton:link, .crm-container a.crm-invoiceButton:visited, .crm-container a.button:link, .crm-container a.button:visited, .crm-container input.crm-form-submit, .crm-container .ui-dialog-buttonset .ui-button, .crm-container input[type=button], .crm-container .crm-button {
  padding:0.35em 0.75em 0.45em;
}

/* Course cost table */

table.fee_block-table tr {
  border-bottom: 1px solid #999;
}
.crm-container table.fee_block-table tr td {
  padding-top:0.4em;
  padding-bottom:0.45em;
}
.crm-container table.fee_block-table tr:first-of-type td {
  padding-top:0;
}
.crm-container table.fee_block-table tr:last-of-type {
  border-bottom: 1px solid #444;
}
.crm-container td.price_set_option-label {
  padding-left:0;
}
.crm-container td.fee_amount-value {
  font-weight: 600;
  /*border:1px solid #999;*/
}

/** Google Maps **/

#google_map {
  width:100% !important;
}

/** Shopping Cart checkout Panels **/

.panel-title {
  font-size: 1em;
  font-weight: 600;
}
.panel-heading {
  padding-top:0.5em;
  padding-bottom:0.6em;
}
.help-block, .control-group .help-inline {
  color: #444;
  font-size: 1em;
  margin: 0 0 1em;
  padding: 0;
  line-height: 1.3;
}
.uc-store-address-field .form-item label {
    float: none;
    padding-right: 4px;
    text-align: left;
    width: 100%;
}
.uc-cart-checkout-form .uc-store-address-field .form-item label {
  padding-left:0;
}
.uc-cart-checkout-form .form-item:after {
  content: "";
  display: table;
  clear: both;
}
.payment-details-credit label {
  clear: both;
  float: none;
  margin: 2px 0;
  padding-top: 5px;
  width: 100%;
}
.cart-block-summary-total label,
#subtotal-title,
#line-items-div td.title {
  font-weight: 600;
}

/*** Recaptcha form ***/

.crm-section.recaptcha-section table.form-layout-compressed td {
  width:auto !important;
  padding:0;
}

/******************************************************************************/
/****************************** Media Queries *********************************/
/******************************************************************************/

@media (min-width:1200px){
	.block-btn {
		height: 110px;
	}
}

@media (min-width:1024px) and (max-width:1200px) {
	.footer {
		height: 300px;
  }
}

@media (min-width:320px) and (max-width:1023px) {
	#block-views-fp-slideshow-block .views-field-field-slideshow-text {
		font-size: 18px;
		margin-top: -57px;
	}
	.front .region-content .block {
		float: none;
		width: 100%;
	}
	.front .region-content .block.left,
	.front .region-content .block.center,
	.front .region-content .block.right {
		margin: 2.8% 0;
	}
	.front .region-content .block .cta-text {
		line-height: 5.3em;
	}
	.pre-footer {
		height: auto;
	}
	.pre-footer .block {
		float: none;
		width: 100%;
	}
	.footer {
		height: auto;
  }
  .footer .block {
	 	float: none;
		width: 100%;
	}
}

@media (min-width:560px) {
	.mission,
	.mobile-header-img {
		display: none;
	}
}

@media (min-width:300px) and (max-width:375px) {
	.front .region-content .block .cta-text a {
		font-size: 18px;
	}
}

/* Mobile device portrait */

@media (min-width:320px) and (max-width:559px) and (orientation: portrait) {
	#block-views-fp-slideshow-block {
		display: none;
	}
	.mission, .mobile-header-img {
		display: block;
	}
	.front .region-content .block .cta-text {
		line-height: 1.6em;
		padding-top: 4%;
	}
	.pre-footer .block {
		float: none;
		width: 100%;
	}
}

/* Ticket 31795 - adjust calendar font size */

.calendar-calendar div.calendar {
	font-size: small;
}