/* NAUTICAL WEST SPORT FISHING 
* COPYRIGHT: 1999
* AUTHOURED BY: NWSF & Some Really Cool Dudes
* V.3main-content
*/
/*-------------------------------------------
COLORS
------------------------------------------ */
/*-------------------------------------------
INDEX
------------------------------------------ */
.index-banner {
  /*banner image*/
  background-image: url("../images/banners/Steelhead-Season-2024-banner-NWSF-2024.jpg");
  height: 100%;
  width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FFF;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  border-bottom: #808080 solid thin; }
  .index-banner header a {
    margin: 1.25rem 1.25rem; }

/*-------------------------------------------
SHADOW IMAGE
------------------------------------------ */
.shadow {
  clear: both;
  margin: 0;
  padding: 10px 0;
  position: relative;
  background-color: #fff;
  text-align: center;
  background: url("../images/banners/banner-shadow.jpg");
  background-position-x: center;
  background-position-y: top;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat; }

/*banner image*/
.index-rivers-cell-img {
  display: block;
  margin: 1.25rem 1.25rem;
  padding: 1.25rem 1.25rem;
  background-image: url("../images/banners/index-rivers-banner-nwsf.jpg");
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

/*banner image*/
.index-ocean-cell-img {
  display: block;
  margin: 1.25rem 1.25rem;
  padding: 1.25rem 1.25rem;
  background-image: url("../images/banners/index-ocean-banner-nwsf.jpg");
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.equipment-banner-small {
  background-image: url("../images/banners/equipment-boats.jpg");
  background-size: auto;
  background-repeat: no-repeat;
  position: relative;
  padding: 0;
  margin: 0;
  background-position: top center; }

/*PACKAGE WRAPPER*/
.img-divider {
  padding: 0 0 1.25em 0; }

.packages-wrapper {
  position: relative;
  border-style: solid;
  border-color: #212121;
  border-width: thin;
  margin-bottom: 20px;
  color: #e5e5e5;
  overflow: hidden;
  box-sizing: border-box; }
  .packages-wrapper .package-img-box {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .packages-wrapper a:hover .package-header {
    background-color: #d44104; }
  .packages-wrapper .package-header {
    position: absolute;
    bottom: 0px;
    z-index: 1111;
    background: rgba(0, 102, 153, 0.8);
    padding: 1.0em 1.0em;
    margin: 0px;
    width: 100%;
    color: #e5e5e5;
    height: 60px;
    max-height: 80px; }
    .packages-wrapper .package-header h4 {
      color: #e5e5e5;
      font-family: "Oswald";
      font-weight: 600;
      font-size: larger; }
  .packages-wrapper .package-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    background: rgba(25, 26, 36, 0.5); }
    .packages-wrapper .package-content-wrapper .package-content-details {
      padding: 2.8em 1.0em;
      color: #e5e5e5;
      position: relative;
      z-index: 999; }
      .packages-wrapper .package-content-wrapper .package-content-details p:last-child {
        margin-top: 3.0rem;
        font-size: x-large;
        color: #FFFFFF; }
      .packages-wrapper .package-content-wrapper .package-content-details h5 {
        font-family: "Oswald";
        color: #FFFFFF;
        font-size: xx-large; }
      @media only screen and (max-width: 40em) {
        .packages-wrapper .package-content-wrapper .package-content-details h5 {
          font-size: large; } }
      .packages-wrapper .package-content-wrapper .package-content-details h6 {
        font-family: "Oswald";
        color: #e5e5e5;
        font-size: x-large; }

.packages-wrapper:hover .package-content-wrapper {
  height: 100%; }

.image-banner {
  background-color: #021829;
  padding: 2.25rem; }
  .image-banner h2 {
    color: #FFFFFF;
    padding-bottom: 2.25rem; }

/*RIVERS PAGES*/
.river-banner {
  background-image: url("../images/banners/steelhead-rivers-fly-fishing-NWSF.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 480px;
  position: relative; }
  .river-banner h1 {
    color: #FFFFFF;
    text-shadow: 2px 2px #000; }

.rivers-flyfishing-banner {
  background-image: url("../images/banners/rivers-flyfishing-banner-2018-nwsf.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  width: 100%;
  min-height: 500px;
  position: relative;
  display: block;
  padding: 2.25rem; }
  .rivers-flyfishing-banner h2 {
    color: #FFFFFF;
    text-shadow: 1px 1px #000; }

.rivers-gear-banner {
  background-image: url("../images/banners/rivers-gear-fishing-banner-2018-nwsf.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  width: 100%;
  min-height: 500px;
  position: relative;
  display: block;
  padding: 2.25rem; }
  .rivers-gear-banner h2 {
    color: #FFFFFF;
    text-shadow: 1px 1px #000; }

.rivers-packages-banner {
  background-image: url("../images/banners/river-packages-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 480px;
  position: relative; }

.river-packages-left-img {
  background-image: url("../images/rivers/multi-day-packages-steelhead.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 600px;
  float: left;
  position: relative; }
  @media only screen and (max-width: 40em) {
    .river-packages-left-img {
      width: 100%;
      height: auto;
      max-height: 400px; } }

.river-packages-right-img {
  background-image: url("../images/rivers/skeena-guides-2019.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 600px;
  float: right;
  position: relative; }
  @media only screen and (max-width: 40em) {
    .river-packages-right-img {
      width: 100%;
      height: auto;
      max-height: 400px;
      float: left; } }

/*OCEAN PAGES*/
.ocean-banner {
  background-image: url("../images/banners/Bites-On-NWSF-Ocean-Photo-2024.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 480px;
  position: relative; }

.ocean-adventures-banner {
  background-image: url("../images/banners/oceans-halibut-charters-nwsf-2018.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  width: 100%;
  min-height: 500px;
  position: relative;
  display: block;
  padding: 2.25rem; }
  .ocean-adventures-banner h3, .ocean-adventures-banner h4 {
    color: #FFFFFF;
    font-weight: 600;
    text-shadow: 1px 1px #000; }

.ocean-remote-adventures-banner {
  background-image: url("../images/banners/ocean-remote-adventures-nwsf-2018.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  min-height: 500px;
  position: relative;
  display: block;
  padding: 2.25rem; }
  .ocean-remote-adventures-banner h2, .ocean-remote-adventures-banner h3 {
    color: #FFFFFF;
    font-weight: 600;
    text-shadow: 1px 1px #000; }

.ocean-packages-banner {
  background-image: url("../images/banners/ocean-packages-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 480px;
  position: relative; }

.reservations-banner {
  background-image: url("../images/banners/reservations-banner-nwsf.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 480px;
  position: relative; }

.multi-day-ocean-package-banner {
  background-image: url("../images/ocean/kitimat-salmon-fishing-charter-captains.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 480px;
  padding: 120px 0px 40px 0px;
  position: relative; }

.ocean-packages-left-img {
  background-image: url("../images/ocean/kitimat-salmon-fishing-charter-captains.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 600px;
  float: left;
  position: relative; }
  @media only screen and (max-width: 40em) {
    .ocean-packages-left-img {
      width: 100%;
      height: auto;
      max-height: 400px; } }

.hot-spring-tours-banner {
  background-image: url("../images/ocean/hot-spring-tours.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  max-height: 600px;
  padding: 120px 0px 40px 0px;
  position: relative; }
  @media only screen and (max-width: 40em) {
    .hot-spring-tours-banner {
      width: 100%;
      height: auto;
      max-height: 400px; } }

.ocean-packages-right-img {
  background-image: url("../images/ocean/nautical-west-fishing-charters.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 600px;
  float: left;
  position: relative; }
  @media only screen and (max-width: 40em) {
    .ocean-packages-right-img {
      width: 100%;
      height: auto;
      max-height: 400px; } }

.ocean-packages-single-img {
  background-image: url("../images/ocean/big-chinook-charters-kitimat.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 600px;
  float: left;
  position: relative; }
  @media only screen and (max-width: 40em) {
    .ocean-packages-single-img {
      width: 100%;
      height: auto;
      max-height: 400px; } }

/*RESERVATIONS & CONTACT PAGE*/
.contact-banner {
  background-image: url("../images/banners/contact.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 600px;
  padding: 120px 0px 40px 0px;
  position: relative; }

.rates-booking-banner {
  background-image: url("../images/banners/steelhead-fishing-guides-nwsf.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 480px;
  position: relative; }

/*HAYNES'S STANDARD IMAGE*/
.standards-banner {
  background-image: url("../images/banners/salmon-charter-fishing-kitimat.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 600px;
  padding: 120px 0px 40px 0px;
  position: relative; }

.standards-image-1 {
  background-image: url("../images/banners/NWSF-standards-image.png");
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  background-position: bottom center;
  min-height: 460px;
  position: relative; }

.fish-care-standard {
  background-image: url("../images/banners/fish-care-standard.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 480px;
  position: relative;
  color: #FFFFFF; }

.fi-social-twitter, .fi-social-instagram {
  font-size: 48px; }

.fi-social-facebook {
  font-size: 48px; }

/*--------FISHING MEDIA BANNER-------*/
.nautical-west-media-banner {
  background-image: url("../images/banners/steelhead-banner-nwsf.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 480px;
  position: relative;
  color: #FFFFFF; }

.photo-video-gallery img {
  border: thin solid #e5e5e5;
  padding: 0.2rem;
  margin-bottom: 0.5rem; }

.photo-video-gallery video {
  border: thin solid #e5e5e5;
  padding: 0.2rem;
  margin-bottom: 0.5rem;
  width: 100%;
  max-width: 549px;
  height: auto; }

.callout-button {
  background-color: #f26507; }

.callout-button:hover {
  background-color: #d44104; }

/*--Forms--*/
.sign-up-newsletter input {
  width: 50%;
  margin: auto; }

/*-------------------------------------------
COLORS
------------------------------------------ */
/*-------------------------------------------
GLOBAL CONTAINERS, WRAPPERS & SECTIONS
------------------------------------------ */
.standard-section-header {
  padding: 2.25em;
  margin: 0;
  background-color: #FFFFFF; }

.standard-section-container {
  padding-bottom: 2.25em; }
  .standard-section-container dt {
    color: #f26507; }

/*-------------------------------------------
SPECIFIC CONTAINERS, WRAPPERS & SECTIONS
------------------------------------------ */
/*++fishing- packages++*/
.package-section-headers {
  padding: 2.25em; }

.fishing-packages {
  background-color: #021829;
  color: #FFFFFF; }
  .fishing-packages p {
    text-align: justify; }
  .fishing-packages ul {
    list-style-type: none; }
  .fishing-packages .clips-video {
    width: 400px;
    height: 300px;
    border: none;
    background: #000; }

/*++Article Card++*/
.article-card {
  position: relative;
  background-color: #FFF;
  border: 1px solid #d7d7d7;
  width: 100%;
  margin-bottom: 1.25em;
  padding: 1.25em 1.25em; }
  .article-card .card-section {
    background-color: #e5e5e5; }
  .article-card img {
    border: solid;
    border-width: thin;
    border-color: #212121;
    width: 100%;
    height: auto; }
  .article-card .card-content {
    min-height: 80px;
    padding: 1.25em 0em;
    border-top: #006699;
    border-top-width: 4px;
    border-top-style: solid; }
    .article-card .card-content .post-author {
      text-align: center; }
    .article-card .card-content h4 {
      color: #006699; }
    .article-card .card-content p {
      color: #212121; }

/* ++footer++ */
.full-footer {
  background-color: #021829;
  color: #FFFFFF;
  padding: 2.25rem 0rem; }
  .full-footer header {
    width: 100%; }
  .full-footer ul {
    list-style: none; }
  .full-footer h4:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 1px;
    width: 35%;
    margin: 30px auto; }

/* ++mobile-navigation++ */
.mobile-nav-wrapper {
  background-color: #021829;
  width: 100%;
  padding: 1.25rem 0rem;
  color: #e5e5e5; }
  .mobile-nav-wrapper ul.dropdown .menu {
    border-top: none !important;
    border-color: #000 !important;
    margin-top: 0.7rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    /* Chrome, Safari, Opera */
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    /* Chrome, Safari, Opera */
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1; }
  .mobile-nav-wrapper .accordion {
    background-color: #021829; }
    .mobile-nav-wrapper .accordion .accordion-content {
      background-color: #f8f5f5;
      color: #212121; }
      .mobile-nav-wrapper .accordion .accordion-content .split-cell-margin {
        margin-bottom: 1rem; }
      .mobile-nav-wrapper .accordion .accordion-content h4 {
        color: #f26507;
        font-weight: 600; }
      .mobile-nav-wrapper .accordion .accordion-content ul {
        list-style: none; }
      .mobile-nav-wrapper .accordion .accordion-content a:hover {
        background-color: transparent;
        color: #f26507;
        font-weight: 600; }
    .mobile-nav-wrapper .accordion .accordion-title {
      color: #FFFFFF;
      font-size: large; }
    .mobile-nav-wrapper .accordion a:hover {
      background-color: #006699; }
    .mobile-nav-wrapper .accordion a:focus {
      background-color: #006699; }
    .mobile-nav-wrapper .accordion .menu li a {
      color: #006699; }

.full-border {
  border: solid #e5e5e5 thin; }

.top-bottom-borders {
  border-top: #808080 solid thin;
  border-bottom: #808080 solid thin; }

.x-padding {
  padding: 0rem 1.25rem; }

.250 {
  height: 250px; }

/*++Deals Container++*/
.deals {
  background-image: url("../images/advertisers/deals-background-2.png"), url("../images/advertisers/deals-background-1.gif");
  background-position: left top, left top;
  background-repeat: no-repeat, repeat;
  width: 100%; }

/*++Reservation Form Container++*/
.reservation-form label.align-left {
  float: left; }

/* ++reservation & contact++ */
.contacts {
  height: auto;
  min-height: 480px;
  margin-bottom: 2.25em; }
  .contacts ul li {
    font-size: larger;
    color: #f26507; }
  .contacts address {
    font-size: larger;
    color: #f26507; }
  .contacts h3:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 2px;
    width: 35%;
    margin: 30px auto; }

.seasonal-deals-section {
  padding: .25em 1.25em;
  background-color: #f5f5f5; }

.newsletter {
  padding: 2.25em 1.25em;
  background-color: #e5e5e5;
  min-height: 300px; }

.text-box {
  padding: 1.25em;
  background-color: #021829;
  color: #FFFFFF; }
  .text-box h3:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 1px;
    width: 65%;
    margin: 30px auto; }
  .text-box h4 {
    color: #f26507; }

.feature-section {
  width: 100%;
  padding: 0rem;
  background-color: #021829;
  color: #FFFFFF; }
  .feature-section ul {
    list-style-type: none; }
  .feature-section h3:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 1px;
    width: 60%;
    margin: 30px auto; }

/*-------BLOG FEATURES-----------*/
.blog-features {
  margin-bottom: 2.25em;
  padding-top: 2.25em;
  padding-bottom: 1.25em; }
  .blog-features h3 {
    color: #f26507; }
  .blog-features h4 {
    color: #f26507; }

.new-blog-post {
  padding: 1.25em 1.25em;
  border-bottom-color: #006699;
  border-bottom-width: thin;
  border-bottom-style: solid; }

/*-------FISHING MEDIA-----------*/
.fishing-media {
  padding-bottom: 2.25rem; }
  .fishing-media h2:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 1px;
    width: 60%;
    margin: 30px auto; }

/*-----------VIDEO & PHOTO GALLERY------------*/
.orbit {
  margin-top: 2.25rem; }

.orbit-wrapper {
  max-width: 1200px;
  margin: auto; }

/*-----------SOCIAL CONNECTIONS------------*/
article.social-news {
  padding: 1.25rem 1.25rem; }

article.social-news-image iframe {
  width: 100%;
  height: auto;
  max-width: 580px;
  max-height: 300px; }

.social-icons-container {
  /*found on indexpage*/ }
  .social-icons-container .fi-social-twitter, .social-icons-container .fi-social-instagram, .social-icons-container .fi-social-facebook, .social-icons-container .fi-social-youtube {
    font-size: 30px;
    color: #212121;
    margin-left: 0.5em;
    opacity: 0.7; }

/*-----------ADVERTISIERS SECTION------------*/
.adverisers-section-wrapper {
  padding: 1.25rem; }
  .adverisers-section-wrapper .cell {
    height: 150px; }

/*----------------------------------------
LIVE VARIABLES 
----------------------------------------- */
/*-------------------------------------------
COLORS
------------------------------------------ */
/*-------------------------------------------
FALLBACK VARIABLES OFFLINE
------------------------------------------ */
/*-------------------------------------------
GLOBAL NAVIGATION ELEMENTS
------------------------------------------ */
body, html {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-up;
  touch-action: pan-down;
  height: 100%;
  font-family: 'Oswald', sans-serif;
  font-weight: 400; }

.hidden-header {
  /* set to push banner below navigation header */
  background-color: #021829;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 80px;
  min-height: 80px; }

.header-container {
  /* Use for dropdown message board */
  background-color: #021829;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 80px;
  min-height: 80px;
  z-index: 2222; }

.header-menu {
  background-color: #021829;
  width: 100%;
  height: 80px;
  padding: 10px 0px;
  margin: 0px;
  border-bottom: #006699;
  border-bottom-style: ridge;
  border-bottom-width: 2px; }

.header-menu .dropdown ul.nwsf-lists-lrg {
  position: relative !important; }

/* ------------------------------------------
TYPOGRAPHY 
------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 500; }

.grabber-header {
  color: #f26507;
  font-style: italic;
  font-weight: 500; }

.orange-text {
  color: #f26507; }

.padded {
  padding-top: 1.25rem; }

/*-------------------------------------------
PC NAVIGATION ELEMENTS
------------------------------------------ */
.header-menu a.department-title {
  font-family: "Oswald";
  font-size: 2.4em;
  color: #FFF;
  font-weight: 400;
  border: none; }

/* The logo animation code */
/* Chrome, Safari, Opera */
.logo {
  position: relative;
  z-index: 9999;
  margin-top: 100px;
  animation-name: bounceIn;
  -webkit-animation-name: bounceIn;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  /* Chrome, Safari, Opera */
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  /* Chrome, Safari, Opera */ }

.scroll-logo {
  color: #f6f6f6;
  font-family: "Oswald";
  font-size: 2.4em;
  display: none; }

.fish-icon {
  padding-bottom: 10px;
  padding-right: 10px; }

.filler {
  opacity: 0;
  filter: alpha(opacity=0);
  /* For IE8 and earlier */ }

/*Hero*/
.hero-text {
  text-align: center;
  position: relative;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white; }
  .hero-text h1 {
    font-size: 4.0em;
    font-weight: 700;
    color: #FFFFFF;
    text-shadow: 1px 1px #000; }
  @media only screen and (max-width: 40em) {
    .hero-text h1 {
      font-size: 2.6em; } }
  .hero-text h2 {
    font-size: 2.6em;
    font-weight: 600;
    color: #FFFFFF;
    text-shadow: 1px 1px #000; }
  @media only screen and (max-width: 40em) {
    .hero-text h2 {
      font-size: 1.6em; } }
  .hero-text h3 {
    font-size: 1.6em;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 1px 1px #000; }
  .hero-text h4 {
    font-size: 1.2em;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 1px 1px #000; }

/*---------------------------------
Themed Sections
---------------------------------*/
.section-wrapper {
  background-color: #FFFFFF;
  width: 100%;
  height: auto;
  padding-bottom: 2.25em;
  /*--main-header-only--*/
  /*--all-other-headers--*/ }
  .section-wrapper h3 {
    color: #006699; }
  .section-wrapper header.main-header h1:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 2px;
    width: 35%;
    margin: 30px auto; }
  .section-wrapper header {
    padding: 1.25rem 0rem; }
    .section-wrapper header h1 {
      color: #021829;
      padding: 0rem;
      margin: 0rem; }
    .section-wrapper header h2 {
      color: #021829; }
    .section-wrapper header h3 {
      color: #f26507; }
    .section-wrapper header img {
      border: none; }
  @media only screen and (max-width: 40em) {
    .section-wrapper h2 {
      font-size: 1.6em; } }

/*+++++++++++*/
.banner-sections-typography {
  padding-top: 2.25rem; }
  .banner-sections-typography h1, .banner-sections-typography h2, .banner-sections-typography h3, .banner-sections-typography p, .banner-sections-typography i {
    color: #FFFFFF;
    text-shadow: 1px 1px #000; }
  .banner-sections-typography h1:after, .banner-sections-typography h2:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 2px;
    width: 35%;
    margin: 30px auto; }

/*River & Ocean Excursion IndexPage*/
.excursions-wrapper {
  background-color: #021829;
  width: 100%;
  padding: 1.25rem 0; }
  .excursions-wrapper header {
    padding: 1.25rem 0rem;
    width: 100%;
    color: #FFFFFF; }
  .excursions-wrapper h4 {
    color: #FFFFFF; }
  .excursions-wrapper a.fullcell-link {
    background-color: #021829;
    color: #FFFFFF;
    width: 80%;
    height: 100%;
    display: block;
    padding: 1.25rem 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 2.5vw; }
  .excursions-wrapper a:hover {
    background-color: #006699;
    color: #f6f6f6; }

/*Discovery*/
.discovery {
  background-image: url("../images/banners/nwsf-themed-background-1.png");
  width: 100%;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #003046;
  margin-top: 2.25rem; }
  .discovery header {
    padding: 2.25rem 2.25rem; }
    .discovery header h1, .discovery header h2, .discovery header h3 {
      color: #FFFFFF; }
    .discovery header li {
      color: #f6f6f6; }
    .discovery header ul {
      list-style-type: none; }
  .discovery a {
    margin-top: 2.25rem; }

/*Connect*/
.nwsf-connect-wrapper {
  background-image: url("../images/banners/ghost-image-steelhead-spey.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 100%;
  color: #021829;
  padding: 2.25rem 0rem; }
  .nwsf-connect-wrapper header {
    padding-bottom: 1.25rem; }

/*Rivers Fly Section*/
.rivers-fly-section {
  width: 100%;
  padding: 0rem;
  background-color: #021829;
  color: #FFFFFF; }
  .rivers-fly-section ul {
    list-style-type: none; }
  .rivers-fly-section hr {
    margin: 0;
    padding: 0; }
  .rivers-fly-section h3 {
    margin-top: 1.25rem; }
  .rivers-fly-section h3:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 1px;
    width: 60%;
    margin: 30px auto; }

/*+++++++++++*/
.rivers-gear-section {
  width: 100%;
  padding: 0rem;
  background-color: #021829;
  color: #FFFFFF; }
  .rivers-gear-section h2 {
    color: #FFFFFF;
    padding: 2.25rem 0rem; }
  .rivers-gear-section hr {
    margin: 0;
    padding: 0; }
  .rivers-gear-section h3 {
    margin-top: 1.25rem; }
  .rivers-gear-section ul {
    list-style-type: none; }
  .rivers-gear-section h3:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 1px;
    width: 60%;
    margin: 20px auto; }

/*Rivers Seasons Section*/
.rivers-seasons-wrapper {
  background-color: #021829;
  padding-bottom: 2.25em;
  /*padding at bottom to equal top*/
  /*river season tabs*/
  /*river seasons headers*/
  /*+++++++++++*/ }
  .rivers-seasons-wrapper ul.tabs {
    margin: 0px;
    text-align: center;
    border: none; }
    .rivers-seasons-wrapper ul.tabs li {
      float: none !important;
      display: inline-block; }
    .rivers-seasons-wrapper ul.tabs h4 {
      margin-top: 1rem; }
  .rivers-seasons-wrapper .season-header {
    width: 100%;
    padding: 1.25em 0em;
    background-color: #021829; }
    .rivers-seasons-wrapper .season-header h3 {
      color: #FFFFFF;
      margin: 0em; }
    .rivers-seasons-wrapper .season-header h3:after {
      position: relative;
      clear: both;
      display: block;
      background-color: #f26507;
      content: "";
      height: 1px;
      width: 60%;
      margin: 20px auto; }
  .rivers-seasons-wrapper .tabs-panel {
    padding: 2.25em 1.25em;
    height: 600px; }
    .rivers-seasons-wrapper .tabs-panel img {
      padding-bottom: 1.25rem; }
  .rivers-seasons-wrapper .tabs li > a, .rivers-seasons-wrapper .tabs .tab-title > a {
    outline: none;
    /* removes blue outline border after click*/ }
  .rivers-seasons-wrapper p {
    text-align: left; }
  .rivers-seasons-wrapper .button {
    margin: 0em; }
  .rivers-seasons-wrapper footer {
    background-color: #0f2c52;
    padding: 1.25rem; }

/*Reservations Section*/
.global-reservations-section {
  /*set above footer*/
  padding-top: 3.25rem; }
  .global-reservations-section h2 {
    font-size: 2.6em;
    font-weight: 600;
    color: #FFFFFF;
    text-shadow: 1px 1px #000; }
  @media only screen and (max-width: 40em) {
    .global-reservations-section h2 {
      font-size: 1.6em; } }
  .global-reservations-section h2:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 1px;
    width: 35%;
    margin: 30px auto; }
  .global-reservations-section p {
    color: #FFFFFF; }

.rates {
  /*reservation & contact page*/
  padding: 2.25em 0em; }
  .rates h5 {
    font-size: xx-large;
    font-weight: bold;
    color: #f26507; }
    .rates h5 span {
      font-weight: 400;
      font-size: medium; }
  .rates h4:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 2px;
    width: 75%;
    margin: 30px auto; }

/*HAYNES'S STANDARD*/
.standards-section {
  padding-top: 2.25em;
  background-color: #FFFFFF;
  min-height: 480px;
  margin: 0; }
  .standards-section h1:after {
    position: relative;
    clear: both;
    display: block;
    background-color: #f26507;
    content: "";
    height: 1px;
    width: 75%;
    margin: 30px auto; }

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  height: 0;
  border: 0;
}

.iframe-container iframe {
  border: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }