/*==== Bootstrap, Framework, & Mixins ====*/
@import "old-styles.css";
@import "bootstrap.min.css";
/* ==|== LESS mixins =====================================================
  
  A set of useful LESS mixins by Dmitry Fadeyev tweaked by Dave Fuller
    More info at: http://lesselements.com
  
  .gradient
  .bordered
  .drop-shadow
  .rounded
  .border-radius
  .opacity
  .background-opacity
  .transition-duration
  .transition-target
  .rotation
  .scale
  .transition
  .transition-specific
  .inner-shadow
  .box-shadow
  .columns
  .translate
  .clearfix
  .box-sizing
  .clickable-area
  
========================================================================== */
/*  .gradient(#F5F5F5, #EEE, #FFF); 
  
  Gradient background. First color is the background color to use for browsers 
  that don’t support gradients. The second two colors are the start and stop 
  colors, going from bottom to top.
*/
/*  .bordered(#EEE, #E5E5E5, #DDD, #E5E5E5);
  
  Quick way to set a 1 pixel thick border that varies its color on each side. The color values
  go in a clockwise order: top, right, bottom, left.
*/
/*  .drop-shadow(0, 1px, 2px, 0.2);
  
  Adds a box-shadow that is a semi-transparent black. The first two values control the x and y
  axis position, the third controls blur (how big the shadow is), and the final value is the opacity
  (0 is fully transparent, 1 is opaque).
*/
/*  .rounded(5px);
  Sets a border-radius for all 4 corners. If you want to set border-radius for individual corners use: .border-radius
*/
/*  .border-radius(5px, 0, 0, 5px);
  
  Sets a border-radius for each of the 4 corners individually. 
  The values go in a clockwise rotation: top right, bottom right, bottom left, top left.
*/
/*  .opacity(0.8);
  
  Sets the opacity. 0 is fully transparent, 1 is opaque.
*/
/*  .background-opacity(#fff, 0.8);
    Author: Taylor

    Set the opacity of the background rather than everything contained in that element.
    IE needs to have background:transparent;
    
    http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/
    http://stackoverflow.com/questions/5176114/lesscss-converting-rgba-to-hex-how-to-nest-color-variables-into-a-mixin
*/
/*  .transition-duration(0.2s);
  
  Sets a transition-duration (time it takes to do things like hover effects). The value provides a time in seconds.
*/
/*  .rotation(15deg);
  
  Rotates the item by a number of degrees clockwise.
*/
/*  .scale(2);
  
  Scales the item by the ratio provided. The above makes the item 2 times larger.
*/
/*  .transition(2s, ease-out);
  
  Sets the transition duration and effect to use for any transitions (e.g. hover effects), unlike
  transition-duration which only sets the duration.
*/
/*  .transition-specific(background);
    
  Sets the transition duration, effect and target element to use for any transitions (e.g. hover effects)
*/
/*  .inner-shadow(0, 1, 2px, 0.4);
  
  Sets the inner shadow. The first two numbers are the x and y coordinates, the third is the blur
  and the last one is the strength of the shadow.
*/
/*  .box-shadow(0 1px 2px #999);
  
  Sets the box-shadow. The first two numbers are the x and y coordinates, then the blur, and the
  color. This is different from drop-shadow in that it takes on a color instead of setting a
  transparent black shadow. Additionally, this mixin takes on the whole set of arguments in one
  go, so no need for commas between each number, and you can also add “inset” before the first
  number for inset shadow.
*/
/*  .columns(250px, 0, 50px, #EEE, solid, 1px);
  
  Divides the content into columns. The variables are: column width, column count, column gap,
  column border color, column border style, column border width.
*/
/*  .translate(10px, 20px)
  
  Translates an element using the given coordinates. The values are x and y offset coordinates, so
  the above example moves the element right 10 pixels and up 20 pixels.
*/
/*  .clearfix
  
  Clears floated element
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*  .box-sizing

  Prevents padding adding width to block element
*/
.box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('boxsizing.htc');
}
/*==== Colours & Typography ====*/
.container .center-content p,
.container .home-text p {
  line-height: 20px;
}
/*==== Common Page Rules ====*/
.container {
  margin-bottom: 20px;
  margin-top: 10px;
  width: 970px;
  /* Container Size Change */
}
.container .banner {
  position: relative;
}
.container .banner .banner-logo {
  position: absolute;
  top: 7px;
  left: 15px;
}
.container .top-nav .navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 15px;
  min-height: 0;
}
.container .top-nav .navbar-default {
  background-color: #b8b6ae;
  color: #fff;
}
.container .top-nav .navbar-default #navigationTop {
  margin-bottom: 0;
}
.container .top-nav .navbar-default #navigationTop .nav {
  margin-left: 15px;
}
.container .top-nav .navbar-default #navigationTop .nav li a {
  padding: 4px 1px 6px;
  /* Container Size Change */
}
.container .top-nav .navbar-default #navigationTop .nav li #home {
  margin-right: 5px;
}
.container .top-nav .navbar-default #navigationTop .nav li .home-text {
  display: none;
}
.container .col-md-3-override {
  width: 250px;
  /* Container Size Change */
}
.container .left-nav .navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 15px;
  min-height: 0;
}
.container .left-nav .navbar-default {
  background: #fff;
}
.container .left-nav .navbar-header {
  display: none;
}
.container .left-nav #navigationLeft {
  padding: 0;
}
.container .left-nav #navigationLeft #nav {
  width: 100%;
}
.container .left-nav #navigationLeft #nav li {
  width: 100%;
}
.container .left-nav #navigationLeft #nav li a,
.container .left-nav #navigationLeft #nav li .daddy {
  width: 100%;
}
.container .left-nav #navigationLeft #nav li a {
  border: 0;
  padding: 10px 15px;
  white-space: normal;
}
.container .left-nav #navigationLeft #nav li a .caret {
  float: right;
  margin-right: -7px;
  margin-top: -8px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.container .left-nav #navigationLeft #nav li a:hover {
  background: #AEC58F;
  color: #fff;
}
.container .left-nav #navigationLeft #nav li a:hover .daddy {
  background: #AEC58F;
  color: #fff;
}
.container .left-nav #navigationLeft #nav li .daddy {
  border: 0;
  padding: 0;
}
.container .left-nav #navigationLeft #nav li ul {
  background: none;
  border: 0;
  border-radius: 0;
  border-top: 4px solid #fff;
  box-shadow: none;
  display: block;
  margin-left: 220px;
  /* Container Size Change */
  margin-top: -34px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  /*-moz-column-fill: unset; 
    						 column-fill: unset;*/
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  /*-webkit-column-rule: 4px solid #fff;
    					   -moz-column-rule: 4px solid #fff;
    					   		column-rule: 4px solid #fff;
						-webkit-column-width: 360px;
						   -moz-column-width: 360px;
								column-width: 360px;*/
  width: 720px;
}
.container .left-nav #navigationLeft #nav li ul li {
  border-bottom: 4px solid white;
  border-left: 4px solid white;
  box-sizing: border-box;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: list-item;
  float: inherit;
  text-align: -webkit-match-parent;
  width: 360px;
}
.container .left-nav #navigationLeft #nav li ul li a {
  height: 100%;
  overflow: hidden;
  padding: 8px;
  white-space: nowrap;
}
.container .left-nav #navigationLeft #nav li ul.single-column {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  margin-top: -48px;
  width: 360px;
}
.container .left-nav #navigationLeft #wildImages {
  border: 1px solid #366D96;
  display: inline-block;
}
.container .left-nav #navigationLeft #wildImages .image-link {
  position: relative;
}
.container .left-nav #navigationLeft #wildImages .image-link p {
  color: #fff;
  font-weight: bold;
  left: 10px;
  position: absolute;
  text-transform: uppercase;
  top: 10px;
}
.container .left-nav #navigationLeft #wildImages .image-link img {
  width: 218px;
}
.container .left-nav .atol {
  clear: both;
  padding: 20px 0;
}
.container .top-nav-collapse {
  display: none;
}
.container .top-nav-collapse .navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 15px;
  min-height: 0;
}
.container .top-nav-collapse .navbar-default {
  background-color: #b8b6ae;
  color: #fff;
}
.container .col-md-9-override {
  width: 720px;
  /* Container Size Change */
}
.container .announcements {
  width: 100%;
  float: left;
}
.container .main-content h1 {
  color: #339966;
}
.container .main-content #homeBanner {
  display: inline-block;
  width: 100%;
  /* Container Size Change */
}
.container .main-content #homeBanner .carousel-inner .item img {
  width: 100%;
}
.container .main-content #homeBanner .carousel-inner .item .carousel-caption {
  background: #ececec;
  bottom: 0;
  color: #4d4d4d;
  font-weight: bold;
  left: 0;
  padding: 15px;
  position: relative;
  right: 0;
  text-align: left;
  text-shadow: none;
  width: 100%;
}
.container .main-content #homeBanner .carousel-inner .item .carousel-caption p {
  margin: 0;
}
.container .main-content #homeBanner .carousel-control {
  background: none;
}
.container .main-content #homeBanner .carousel-control .glyphicon {
  top: 240px;
}
.container .main-content .home-text .h2 {
  line-height: 32px;
  margin: 20px 0;
}
.container .main-content #info {
  margin-right: 0;
}
.container .main-content #info #itemList li a {
  width: 100%;
}
.container .main-content p {
  /*text-align: justify;*/
}
.container .col-md-6-override {
  width: 425px;
  /* Container Size Change */
}
.container .center-content h1 {
  color: #339966;
  margin-bottom: 20px;
}
.container .center-content img {
  width: 100%;
}
.container .center-content p {
  padding-bottom: 15px;
  line-height: 20px;
  /*text-align: justify;*/
}
.container .center-content .report-links,
.container .center-content #detailed-itinerary-report-links {
  background: #E8E5D9;
  margin-bottom: 15px;
  padding: 10px;
}
.container .center-content .report-links .button,
.container .center-content #detailed-itinerary-report-links .button {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}
.container .center-content .report-links .button:last-child,
.container .center-content #detailed-itinerary-report-links .button:last-child {
  margin-bottom: 0;
}
.container .center-content #info {
  margin: 0;
}
.container .center-content #info p {
  margin: 0;
  text-align: left;
  width: 100%;
}
.container .center-content #info #itemList {
  margin: 0;
}
.container .right-column {
  width: 295px;
  /* Container Size Change */
}
.container .right-feature {
  background-color: #E8E5D9;
  color: #4d4d4d;
  font-size: 10px;
  margin-bottom: 4px;
  padding: 10px;
}
.container .right-feature a {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
  width: 100%;
}
.container .right-feature p {
  margin: 10px 0 20px;
  text-align: justify;
}
.container #footer {
  margin-top: 7px;
}
.contact .main-content img {
  float: right;
  margin-left: 25px;
}
.contact .main-content .booking-intro {
  margin-bottom: 20px;
}
.contact .main-content #formBrochure fieldset .radio label,
.contact .main-content #bookingForm fieldset .radio label {
  padding-left: 0;
}
.contact .main-content #formBrochure fieldset .radio label input,
.contact .main-content #bookingForm fieldset .radio label input {
  margin-left: 25px;
}
.contact .main-content #bookingForm fieldset {
  width: 100%;
}
.contact .main-content #bookingForm fieldset .fh {
  width: 100%;
}
.contact .main-content #bookingForm fieldset textarea {
  width: 388.75px;
}
.contact .main-content #bookingForm fieldset #destinations {
  margin-top: 7px;
  height: 75px;
}
.contact .main-content #bookingForm fieldset input {
  min-height: 25px;
}
.contact .main-content #bookingForm fieldset input[type=checkbox] {
  margin-bottom: 0;
  margin-left: 5px;
  width: 12px;
}
.contact .main-content #bookingForm fieldset #address {
  height: 80px;
}
.contact .main-content #bookingForm #emergencyContact textarea {
  width: 827.5px;
}
.contact .main-content #bookingForm #signaturebox #Signature {
  margin-right: 25px;
}
.links .main-content p {
  margin-bottom: 15px;
  overflow: hidden;
  text-align: justify;
}
/*==== Specific Page Rules ====*/
.our-team .team-mem-type-title {
  background-color: #CADCB2;
  margin: 15px 0;
  padding: 10px;
  width: 100%;
}
.our-team .col-sm-3 {
  padding: 0;
}
.our-team .team-member {
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.our-team .team-member img {
  border: 1px solid black;
  max-height: 180px;
  margin-bottom: 10px;
}
.our-team .team-member p {
  overflow: hidden;
}
.gallery .main-content {
  margin-bottom: 20px;
}
.gallery .gallery-filter {
  padding: 0;
}
.gallery .gallery-images {
  padding: 0;
}
.gallery .gallery-images .image-and-caption {
  margin-bottom: 24px;
  width: 500px;
}
.gallery .gallery-images .image-and-caption .galleryimg {
  width: 100%;
}
.gallery .gallery-images .prev-next {
  margin-bottom: 20px;
  width: 500px;
}
/*==== Media Queries ====*/
@media only screen and (max-width: 1199px) {
  /* Large Desktop */
  .container .main-content #bookingForm fieldset textarea {
    width: 313.75px;
  }
  .container .main-content #bookingForm #emergencyContact textarea {
    width: 677.5px;
  }
  .gallery .gallery-images .image-and-caption {
    float: right;
  }
  .gallery .gallery-images .prev-next {
    float: right;
  }
}
@media only screen and (max-width: 991px) {
  /* Desktop */
  .container {
    width: 750px;
    /* Container Size Change */
  }
  .container .banner .banner-logo {
    height: 125px;
    top: 0;
    width: auto;
  }
  .container .top-nav {
    display: none;
  }
  .container .col-md-3-override {
    width: 100%;
    /* Container Size Change */
  }
  .container .left-nav {
    margin-top: 15px;
  }
  .container .left-nav .navbar-default {
    border: 1px solid #366D96;
    color: #366D96;
  }
  .container .left-nav .navbar-default .navbar-header {
    display: inline-block;
    float: right;
  }
  .container .left-nav .navbar-default .navbar-header .navbar-toggle {
    border: 2px solid #366D96;
    border-radius: 10px;
  }
  .container .left-nav .navbar-default .navbar-header .navbar-toggle .icon-bar {
    background-color: #366D96;
  }
  .container .left-nav .navbar-default .navbar-header .navbar-brand {
    color: #366D96;
  }
  .container .left-nav .navbar-default .navbar-collapse.in {
    overflow-y: initial;
  }
  .container .left-nav .navbar-default #navigationLeft {
    width: 100%;
  }
  .container .left-nav .navbar-default #navigationLeft #nav li ul {
    border-top: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    float: right;
    margin-left: 400px;
    margin-top: -34px;
    width: 288px;
  }
  .container .left-nav .navbar-default #navigationLeft #nav li ul li {
    border-left: 0;
    width: 100%;
  }
  .container .left-nav .navbar-default #navigationLeft #nav li ul li a {
    padding: 10px 15px;
    white-space: normal;
  }
  .container .left-nav .navbar-default #navigationLeft #nav li ul li:last-child {
    border-bottom: 0;
  }
  .container .left-nav .navbar-default #navigationLeft #nav li a .caret {
    margin-top: -8px;
  }
  .container .left-nav .navbar-default #navigationLeft #wildImages {
    border: 0;
    width: 100%;
  }
  .container .left-nav .navbar-default #navigationLeft #wildImages .image-link {
    border: 1px solid #366D96;
    margin-left: auto;
    margin-right: auto;
    width: 223px;
  }
  .container .top-nav-collapse {
    display: block;
  }
  .container .top-nav-collapse .navbar-default .navbar-header {
    display: inline-block;
    float: right;
  }
  .container .top-nav-collapse .navbar-default .navbar-header .navbar-toggle {
    border: 2px solid #fff;
    border-radius: 10px;
  }
  .container .top-nav-collapse .navbar-default .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .container .top-nav-collapse .navbar-default .navbar-header .navbar-brand {
    color: #fff;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat {
    border-top: 1px solid #fff;
    width: 100%;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav {
    margin: 10px 0;
    text-align: center;
    width: 100%;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li {
    display: inline-block;
    width: 100%;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li #home {
    background-image: none;
    display: block;
    float: none;
    margin-right: 0;
    padding: 10px 15px;
    width: auto;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li #home.current {
    background-image: none;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li .home-text {
    display: inline-block;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li a {
    color: #fff;
    font-size: 16px;
  }
  .container .col-md-9-override {
    width: 100%;
    /* Container Size Change */
  }
  .container .main-content #homeBanner .carousel-inner .item img {
    min-width: 720px;
  }
  .container .main-content #homeBanner .carousel-control {
    background: none;
  }
  .container .main-content #homeBanner .carousel-control .glyphicon {
    top: 250px;
  }
  .container .main-content #bookingForm fieldset textarea {
    width: 325px;
  }
  .container .main-content #bookingForm #emergencyContact textarea {
    width: 700px;
  }
  .container .main-content .home-text p {
    font-size: 14px;
    line-height: 22px;
  }
  .container .main-content .home-text .h2 {
    font-size: 25px;
    line-height: 32px;
  }
  .container .col-md-6-override {
    width: 66.66666667%;
    /* Container Size Change */
  }
  .container .center-content h1 {
    margin-top: 0;
  }
  .container .center-content p,
  .container .center-content ul {
    font-size: 14px;
    line-height: 22px;
  }
  .container .our-team p,
  .container .our-team .team-tours {
    font-size: 14px;
    line-height: 22px;
  }
  .container .right-column {
    width: 33.33333333%;
    /* Container Size Change */
  }
}
@media only screen and (max-width: 767px) {
  /* Tablet */
  .container {
    width: 100%;
    /* Container Size Change */
    /*#footer {
		p {
			margin-left: auto;
			margin-right: auto;
			width: 275px;
		}
	}*/
  }
  .container .banner {
    height: 126.3125px;
    overflow: hidden;
    width: 100%;
  }
  .container .banner .img-responsive {
    height: 126.3125px;
    max-width: none;
    width: 720px;
  }
  .container .left-nav .navbar-default #navigationLeft #nav li ul {
    margin-left: 7.5px;
  }
  .container .main-content #homeBanner .carousel-inner .item img {
    min-width: 0;
  }
  .container .main-content #homeBanner .carousel-control {
    background: none;
  }
  .container .main-content #homeBanner .carousel-control .glyphicon {
    top: 45%;
  }
  .container .main-content #bookingForm fieldset {
    width: 345px;
  }
  .container .main-content #bookingForm #emergencyContact textarea {
    width: 325px;
  }
  .container .main-content #bookingForm #signaturebox #Signature {
    margin-bottom: 10px;
    margin-right: 0;
    width: 253px;
  }
  .container .main-content .home-text .h2 {
    line-height: 32px;
    margin: 20px 0;
  }
  .container .col-md-6-override {
    width: 100%;
    /* Container Size Change */
  }
  .container .right-column {
    width: 100%;
    /* Container Size Change */
  }
  .container .right-feature {
    padding: 15px;
    text-align: center;
  }
  .container .right-feature img {
    margin-left: auto;
    margin-right: auto;
  }
  .container .right-feature p {
    margin: 10px 10px 15px;
    text-align: center;
  }
  .our-team .col-sm-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .gallery .gallery-filter #filterForm {
    margin-bottom: 20px;
    width: 290px;
  }
  .gallery .gallery-filter #filterForm fieldset {
    width: 290px;
  }
  .gallery .gallery-filter #filterForm fieldset .fh {
    width: 100%;
  }
  .gallery .gallery-filter #filterForm fieldset label,
  .gallery .gallery-filter #filterForm fieldset select,
  .gallery .gallery-filter #filterForm fieldset input {
    width: 270px;
  }
  .gallery .gallery-images {
    float: left;
  }
  .gallery .gallery-images .image-and-caption {
    float: left;
    width: 100%;
  }
  .gallery .gallery-images .prev-next {
    float: left;
    width: 100%;
  }
  .contact .main-content img {
    display: none;
  }
  .contact .main-content #contactForm {
    margin-bottom: 10px;
  }
  .contact .main-content .address {
    float: none;
    margin-left: 35px;
    text-align: center;
  }
}
@media only screen and (max-width: 479px) {
  /* Mobile */
  .container .center-content #itemList li a {
    width: 100%;
  }
  .container .main-content .slideshowContainer .homePageImages {
    height: 180px;
  }
  .container .main-content .slideshowContainer .homePageImages li img {
    width: 290px;
  }
  .container .main-content .slideshowContainer #homeBannerCaption ul li {
    width: 290px;
  }
  .container .main-content #formlist {
    float: left;
    padding-left: 0;
    width: 100%;
  }
  .contact .main-content #formlist {
    float: left;
    padding-left: 0;
    width: 100%;
  }
  .contact .main-content #contactForm,
  .contact .main-content #formBrochure,
  .contact .main-content #bookingForm {
    width: 100%;
  }
  .contact .main-content #contactForm fieldset,
  .contact .main-content #formBrochure fieldset,
  .contact .main-content #bookingForm fieldset {
    width: 100%;
  }
  .contact .main-content #contactForm fieldset .fh,
  .contact .main-content #formBrochure fieldset .fh,
  .contact .main-content #bookingForm fieldset .fh {
    width: 100%;
  }
  .contact .main-content #contactForm fieldset input,
  .contact .main-content #formBrochure fieldset input,
  .contact .main-content #bookingForm fieldset input,
  .contact .main-content #contactForm fieldset textarea,
  .contact .main-content #formBrochure fieldset textarea,
  .contact .main-content #bookingForm fieldset textarea,
  .contact .main-content #contactForm fieldset select,
  .contact .main-content #formBrochure fieldset select,
  .contact .main-content #bookingForm fieldset select {
    width: 255px;
  }
  .contact .main-content #contactForm fieldset input.radio,
  .contact .main-content #formBrochure fieldset input.radio,
  .contact .main-content #bookingForm fieldset input.radio {
    width: 15px;
  }
  .contact .main-content .address {
    margin-left: 0;
  }
  .contact .main-content #bookingForm #emergencyContact textarea {
    width: 255px;
  }
  .our-team .team-member {
    min-height: 212px;
  }
  .our-team .team-member p {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 12px;
    white-space: nowrap;
  }
  .gallery .gallery-filter #filterForm {
    max-width: 290px;
    width: 100%;
  }
  .gallery .gallery-filter #filterForm fieldset {
    max-width: 290px;
    width: 100%;
  }
  .gallery .gallery-filter #filterForm fieldset label,
  .gallery .gallery-filter #filterForm fieldset select,
  .gallery .gallery-filter #filterForm fieldset input {
    width: 255px;
  }
  #info {
    width: 100%;
  }
  #itemList h2,
  strong.h {
    width: 100%;
  }
  #info ul#itemList li a,
  ul#itemList li a {
    width: 100%;
  }
}
/*==== Print ====*/
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
}
