/*-----------------------------------------------------------------------------
 Front page
*/

#primaryCarousel .item {
  height: 456px;
}
#primaryCarousel .message {
  float: left;
  width: 60%;
  padding: 50px 0 0 70px;
}
#primaryCarousel .message h2 {
  color: white;
  font-size: 36px;
  line-height: 50px;
}
#primaryCarousel .image {
  position: relative;
  float: right;
  width: 35%;
  height: 456px;
}
#primaryCarousel .image img {
  position: absolute;
  bottom: 0;
}

.slide-app {
  background: #BE202E;
}
.slide-app .links {
  margin-top: 50px;
}

.slide-map {
  background: #3B4D57;
}

.slide-community {
  background: #538335;
}
#primaryCarousel .slide-community img {
  border: 3px solid white;
  bottom: 50%;
  margin-bottom: -99px;
}

.intro {
  text-align: center;
}
.intro h3 {
  font-size: 28px;
}
.intro .video-container {
  position: relative;
  padding-bottom: 53%; /* aspect ratio */
  padding-top: 25px;
  height: 0;
}
.intro .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map {
  position: relative;
}
#trapMap {
  min-height: 630px;
  margin: 1em 0;
}
.map .killstats {
  position: absolute;
  top: 200px;
  right: 50px;
  z-index: 999;
  color: white;
  font-size: 22px;
}
.map .killstats strong {
  font-size: 30px;
  line-height: 50px;
}

.call-to-action h2 {
  text-align: center;
}
.call-to-action h3 {
  font-size: 18px;
  color: #BE202E;
}
.call-to-action .section {
  max-width: 600px;
  margin: 0 auto 2em auto;
}
.call-to-action .register {
  clear: both;
  text-align: center;
}
.call-to-action .register .btn {
  margin: 2em;
}

body.front .btn {
  font-size: 20px;
}
body.front .nav>li>a,
body.front .navbar-default .navbar-nav>li>a {
  font-size: 18px;
}


/* tablet/awkward inbetween styles */
@media (max-width: 832px) {
  #primaryCarousel .message {
    float: left;
    width: 60%;
  }
  #primaryCarousel .message h2 {
    font-size: 26px;
    line-height: 36px;
  }
  #primaryCarousel .image-container {
    float: right;
    width: 40%;
    transform: scale(0.7);
  }
}

/* mobile only styles */
@media (max-width: 767px) {
  #primaryCarousel .message h2 {
    font-size: 20px;
    line-height: 28px;
  }

  .call-to-action h2 {
    font-size: 36px;
  }
  .call-to-action h3 {
    font-size: 30px;
  }
  .call-to-action .section p {
    font-size: 18px;
  }
}



/*-----------------------------------------------------------------------------
 Project homepage
*/

#block-trapp-project-killstats #killstat-wrapper {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 1em;
  color: white;
  font-size: 12px;
  text-shadow: 0px 0px 30px rgba(0,0,0,1);
  background-color: rgba(0,0,0,0.4);
  border-radius: 10px;
}
#block-trapp-project-killstats table.killstat-summary {
  width: 99%;
}
#block-trapp-project-killstats th {
  text-align: left;
}
#block-trapp-project-killstats th,
#block-trapp-project-killstats td {
  padding: 0.2em 0.5em;
  width: auto;
}




/*-----------------------------------------------------------------------------
 Installation (trap, bait station, monitoring) detail page
*/
.installation-location {
  padding-left: 0;
}
.installation-content {
  padding-right: 0;
}




/*-----------------------------------------------------------------------------
 Bait station records
*/
.node-bait_station_record-form #edit-field-bsrec-date legend {
  display: none;
}
.node-bait_station_record-form #edit-field-bsrec-date .date-padding {
  padding: 0px;
}
.node-bait_station_record-form  label{
  width:20%;
}
.node-bait_station_record-form .form-select,
.node-bait_station_record-form .form-text {
  display: inline;
  width: 85%;
}
/* hide path, comments, and menu from baitstation records view */
.page-view-baitstations-overview-records .path-form,
.page-view-baitstations-overview-records .comment-node-settings-form,
.page-view-baitstations-overview-records .menu-link-form {
  display: none;
}



/*-----------------------------------------------------------------------------
 Add catches
*/
#views-exposed-form-add-catches-page .views-exposed-form .filters {
  float:left;
}
#views-exposed-form-add-catches-page .views-exposed-form .values {
  background-color: #f8f8f8;
  float:left;
  clear: both;
  box-shadow: 0 1px 10px rgba(0,0,0,0.1);
  margin-right:10px;
}
#views-exposed-form-add-catches-page .views-exposed-form #edit-field-trap-record-recorded-by-value {
  padding-right: 1px;
}
#views-exposed-form-add-catches-page #add-catch-buttons {
  clear: left;
}
.view-add-catches .table th,
.view-add-catches .table td {
  padding: 0.4em 0.2em;
  vertical-align: middle;
}
.view-add-catches .table .radio,
.view-add-catches .table .checkbox {
  margin: 0 0 0.2em 0;
}
.view-add-catches .table .form-control {
  height: 2em;
  padding: 0.2em 0.5em;
  width: auto;
}
.view-add-catches .table .field-name-field-strikes input {
  width: 3em;
}
.view-add-catches .table .field-name-field-bait-sub-type input,
.view-add-catches .table .field-name-field-trap-record-recorded-by input {
  width: 100%;
}



/*-----------------------------------------------------------------------------
 Manage traps
*/

#views-exposed-form-manage-traps-page #edit-field-trap-date-installed-value-min-datepicker-popup-0,
#views-exposed-form-manage-traps-page #edit-field-trap-date-installed-value-max-datepicker-popup-0,
#views-exposed-form-manage-traps-page #edit-field-trap-sub-type-value,
#views-exposed-form-manage-traps-page #edit-title {
  width:10em;
}
#views-exposed-form-manage-traps-page .container-inline-date label {
  display: none;
}



/*-----------------------------------------------------------------------------
 Trap Records
*/

.table .node-trap_record-form td {
  border-top:none;
  padding-top:0;
}
.non-first-trecord div form table thead th {
  visibility:hidden;
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: none;
  line-height: 0;
}
/* hide alert blocks on the traps-overview-records page
as they clutter up the page, and are redundant */
.trecord-form div div div.alert {
  display: none;
}
/* hide the required labels on form fields on traps-overview-records page... */
.trecord-form div.form-item label {
  display: none;
}
/* but make sure to show the labels for radio buttons */
.trecord-form div.radio label {
  display: block;
}
/* hide edit cancel buttons for trap record forms on colorbox modals */
#cboxWrapper form.node-trap_record-form #edit-cancel {
  display: none;
}
/* force the date and time fields horizontal */
.trecord-form div.form-type-date-popup {
  width: 362px;
}
/* hide trap record datetime legend*/
.trecord-form .field-type-datetime legend {
  display: none;
}
/* hide date-time fields in the trecord-forms */
.trecord-form .field-type-datetime {
  display: none;
}
.trecord-form .form-group {
  margin-bottom: 0;
}
.table td.trecord-form {
  padding: 0;
}

#trapp-records-global-date-update-form .date-padding {
  padding: 0;
}
#trapp-records-global-date-update-form .container-inline-date {
  float: left;
}
#trapp-records-global-date-update-form .help-block {
  display: none;
}
#trapp-records-global-date-update-form {
  padding-bottom: 2em;
}

#editableviews-entity-form-add-catches .views-row-edit-static,
#editableviews-entity-form-monitoring-record-report .views-row-edit-static,
#editableviews-entity-form-add-monitoring .views-row-edit-static,
#editableviews-entity-form-monitoring-record-report label,
#editableviews-entity-form-add-monitoring label {
  display: none;
}
#editableviews-entity-form-add-monitoring .form-type-checkbox label,
#editableviews-entity-form-add-catches .form-type-checkbox label,
#editableviews-entity-form-add-catches label {
    display: inline;
}
#editableviews-entity-form-add-catches .form-required {
  display: none;
}
#editableviews-entity-form-add-catches .help-block {
  display: none;
}
#editableviews-entity-form-add-catches tr.existingtraprecord {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}



/*-----------------------------------------------------------------------------
 Bait Stations
*/

.table .node-bsrec-form td {
  border-top:none;
  padding-top:0;
}
.non-first-brecord div form table thead th {
  visibility:hidden;
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: none;
  line-height: 0;
}
/* hide alert blocks on the traps-overview-records page
as they clutter up the page, and are redundant */
.brecord-form div div div.alert {
  display: none;
}
/* hide the required labels on form fields on traps-overview-records page... */
.brecord-form div.form-item label {
  display: none;
}
/* but make sure to show the labels for radio buttons */
.brecord-form div.radio label {
  display: block;
}
/* hide edit cancel buttons for trap record forms on colorbox modals */
#cboxWrapper form.node-bsrec-form #edit-cancel {
  display: none;
}
/* force the date and time fields horizontal */
.brecord-form div.form-type-date-popup {
  width: 362px;
}
/* hide trap record datetime legend*/
.brecord-form .field-type-datetime legend {
  display: none;
}
/* hide date-time fields in the brecord-forms */
.brecord-form .field-type-datetime {
  display: none;
}
.brecord-form .form-group {
  margin-bottom: 0;
}
.table td.brecord-form {
  padding: 0;
}
#bstation-records-global-date-update-form .date-padding {
  padding: 0;
}
#bstation-records-global-date-update-form .container-inline-date {
  float: left;
}
#bstation-records-global-date-update-form .help-block {
  display: none;
}
#bstation-records-global-date-update-form {
  padding-bottom: 2em;
}

/* Bait Station notes view */
body.page-bait-station-last-record-notes div.table-responsive {
  padding: 0 5px;
  border: 1px solid #CCC;
}
body.page-bait-station-last-record-notes div.table-responsive:nth-child(odd) {
  background: #EEE;
}

body.page-bait-station-last-record-notes caption {
  padding-bottom: 0;
  font-size: 1.5em;
}

body.page-bait-station-last-record-notes .views-field-field-bait-stn-notes {
  width: 40%;
}
body.page-bait-station-last-record-notes .views-field-field-bsrec-notes {
  width: 40%;
}
body.page-bait-station-last-record-notes .views-field-field-bsrec-recorded-by {
  width: 15%;
}
body.page-bait-station-last-record-notes .views-field-field-bsrec-date {
  width: 5%;
}



/*-----------------------------------------------------------------------------
 Monitoring
*/

#views-exposed-form-add-monitoring-page .views-exposed-form .values {
  background-color: #f8f8f8;
  float:left;
  box-shadow: 0 1px 10px rgba(0,0,0,0.1);
  margin-right:10px;
}
#views-exposed-form-monitoring-record-report-page-1 .form-text {
  width: 10em;
}
#views-exposed-form-add-monitoring-page .form-control {
  width: 10em;
}
#views-exposed-form-add-monitoring-page .views-exposed-widget {
  width: 10em;
}
#views-exposed-form-add-monitoring-page .form-type-date-popup .form-control {
  width: 8em;
}
#views-exposed-form-add-monitoring-page .help-block {
  clear: both;
}
#views-exposed-form-add-monitoring-page .views-submit-button,
#views-exposed-form-add-monitoring-page .views-reset-button {
  width: auto;
}

.view-monitoring-overview .table-responsive,
.view-monitoring-record-report .table-responsive {
  overflow-x: visible;
}
#editableviews-entity-form-monitoring-record-report td,
#editableviews-entity-form-add-monitoring td {
  padding: 4px;
}
#editableviews-entity-form-add-monitoring .panel-heading {
  display: none;
}
#editableviews-entity-form-monitoring-record-report .panel-body,
#editableviews-entity-form-add-monitoring .panel-body {
  padding: 0;
}
#editableviews-entity-form-add-monitoring .views-field-field-monitoring-species-editable {
  width: 12em;
}
#editableviews-entity-form-add-monitoring .input-group-addon {
  width: auto;
}
#editableviews-entity-form-add-monitoring fieldset.date-combo .container-inline-date .date-padding {
  padding: 0 0 0 10px;
}
#editableviews-entity-form-add-monitoring .date-float label {
  display: inline;
  margin-left: 10px;
}
#editableviews-entity-form-add-monitoring #edit-field-survey-event-tid-wrapper {
  clear: both;
}

#editableviews-entity-form-add-monitoring tr.existingrecord {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
/* Make monitoring icons not wrap type text in table */
.views-table .img-responsive {
  display: inline-block;
}

/*-----------------------------------------------------------------------------
 Camera images
*/
.views-view-grid tbody {
  vertical-align: top;
}
.views-view-grid tbody td {
  padding: 5px;
}

.node-monitoring-camera-image .colorbox img {
  max-width: 250px;
}

#views-form-camera-images-page img {
  max-width: 250px;
}

/*#views-form-camera-images-page .views-field {
  margin-left: 2em;
}

#views-form-camera-images-page .views-field-views-bulk-operations {
  position: absolute;
  margin-left: 0;
}

#views-form-camera-images-page .views-field-field-image-file {
  margin-left: 0;
}

#views-form-camera-images-page .views-field-nid {
  margin-top: 2px;
  font-weight: bold;
}

#views-form-camera-images-page .views-label {
  font-weight: bold;
}


#views-form-camera-images-page .field-content {
  display: inline;
}*/

#iframeInterface {
  width: 100%;
  height: 800px;
}

/*-----------------------------------------------------------------------------
 Kiwi call count
*/
.field-name-field-kiwi-count-date .form-group,
.field-name-field-kiwi-count-date .form-group label,
.field-name-field-kiwi-count-date .form-group input
{
  float: left;
}

.field-name-field-distance label {
  display: block;
}
.field-name-field-distance input {
  display: inline-block;
  width: auto;
}


/*-----------------------------------------------------------------------------
 Trap edit
*/

/* Style for entity reference view widget
   Bootstrap styles are interfering with Ctools styles
   It might be safe to do this for all modals but
   target them on the trasp edit page for now*/
.page-node-add-trap #modalContent, .page-node-edit.node-type-trap #modalContent {
  overflow:visible !important;
}
.page-node-add-trap .modal-body,.page-node-edit.node-type-trap .modal-body {
  width: 100% !important;
  overflow: auto;
}
.field-name-field-trap-set-id th,
.field-name-field-trap-set-id td,
.field-name-field-trap-set-id tr {
  border-bottom:none !important;
  border-top: none !important;
  background-color: #FFF !important;
  padding:0 !important;
  line-height:inherit;
}


/*-----------------------------------------------------------------------------
 Monthly catch totals table
*/
.monitoring-reports .form-item {
  float: left;
  margin-right: 1em;
}
.monitoring-reports .table-responsive {
  clear: both;
}