/* colors
orange = #ff5114
green = #444943
lt.tan = #f5daab
off-white = #fdfcfb
*/

/* for video aspects
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/ePbKGoIGAXY"></iframe>
</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/ePbKGoIGAXY"></iframe>
</div>
*/

/* fractions
&frac12; = 1/2
&frac14; = 1/4<br>
&frac34; = 3/4<br>
<span>&#8539;</span> = 1/8
<span>&#8540;</span> = 3/8
<span>&#8541;</span> = 5/8
<span>&#8542;</span> = 7/8

<sup>1</sup>/<sub>10</sub> = 1/10
<sup>3</sup>/<sub>10</sub> = 3/10
<sup>7</sup>/<sub>10</sub> = 7/10
<sup>42</sup>/<sub>43</sub> = 42/43
<sup>8</sup>/<sub>9</sub> = 8/9
<sup>3</sup>/<sub>1000</sub> = 3/1000
*/

html {
  position:relative;
  min-height:100%;
  padding-bottom:120px;/*space below #basic .container .bordered*/
  /* Prevent font scaling in landscape while allowing user zoom */
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}
/************************************************************************************/
body {
  margin-bottom:60px;
  padding:0 0 10px 0;
  font-size:1.5em;
  line-height:1.5em;
  letter-spacing:0.03em;
  background:#374746;/*444934*/
}
/*.woody {
  background:url(../images/DullfadedBarnwood.jpg);
  background-size:cover;
}
.gray {
  background:url(../images/GrayBarnwood2.jpg);
  background-size:cover;
}*/
.headBG {
  position:absolute;
  top:40px;
  width:100%;
  height:288px;
  background:url(../images/DULLbarnwoodBG.jpg);
}
.noTop {top:0;}
.footer {
  position:absolute;
  bottom:0;
  width:100%;
  height:233px;/*adjusted for visual effect in relation to line 47*/
  background:url(../images/DULLbarnwood_footerBG.jpg);
}
.info {
  display:table;
  position:relative;
  top:80px;
  width:60%;
  height:120px;/*see line 23 for adjustment*/
  margin:0 auto;
  background:url(../images/rusty_strip2.jpg);
  border:1px solid black;
  border-radius:15px;
  box-shadow:5px 5px 7px 0 rgba(0, 0, 0, 0.8);
}
.footer .info a {color:#f5daab;}
.info a:hover, .footer .info a:focus, .footer .info a:active {color:#ffa114;}
.info p {
  display:table-cell;/*vertically centers text*/
  padding-top:15px;
  text-align:center;
  color:#f5daab;
  text-shadow: rgb(0,0,0) 1px 1px 3px;
}
.info span.ftTitle {font-size:1.2em;font-weight:bold;}
.info span.copy {float:right;margin:-18px 12px 0 0;font-size:0.6em;}

/* nav */
.navbar {
  height:51px;
  background:url(../images/rusty_strip2.jpg);
  border-bottom:0;
  box-shadow:5px 5px 7px 0 rgba(0, 0, 0, 0.8);
}

/*menu dropdown on 'hover'*/
.dropdown:hover .dropdown-menu {display:block;}

/*adjust navbar-right*/
.marRT23 {margin-right:23px;}

#navigate .navbar-nav, #navigate .navbar-right {border:0;}

/*link styles*/
#navigate .navbar-nav > li > a {
  color:#ffdaab;
  font-size:1.15em;
  letter-spacing:0.09em;
  margin:0;
  padding:17px 15px 13px;/*adjust line-height via padding*/
  text-decoration:none;
  text-shadow: rgb(0,0,0) 1px 1px 3px;
}

/*link hover, .active styles*/
#navigate .navbar-nav > li > a:hover,
#navigate .navbar-nav > li > a:focus,
#navigate .navbar-nav > .active > a,
#navigate .navbar-nav > .active> a:hover,
#navigate .navbar-nav > .active> a:focus {color:#fff;background:#ff5114;}
/* drop action on current 'active' page*/
#navigate .navbar-nav > .active > a {cursor:default;}

/*dd menu styles*/
#navigate .dropdown-menu {border:0px solid #ff5114;background:#f5daab;}
#navigate .dropdown-menu > li > a {color:#000;text-decoration:none;}
#navigate .dropdown-menu li.active,
#navigate .dropdown-menu > li > a:hover,
#navigate .dropdown-menu > li > a:focus {color:#fff;background:#ff5114;}


/* typography */
h1, h2, h3, h4, h5 {font-family:"Goudy Old Style","Bodoni","Georgia", serif;font-weight:bold;}
p {margin:1em 0;}

/* typography classes */
.lead {margin:1em 0;}

/* layout adjustments */
.logo {
  position:absolute;
  z-index:5;
  top:-182px;
  left:0;
  right:0;
  display:block;
  width:50%;
  margin:auto;
}
.basic, .basic-index {/*styled container*/
  position:relative;
  z-index:5;
  margin:240px auto 0;
  padding:0;
  border:15px solid #ff5114;
  background:url(../images/thinPaperBG.jpg);
  background-size:contain;
  box-shadow:5px 5px 7px 0 rgba(0, 0, 0, 0.9);/*h v blur spread rgb opacity*/
}
/*Alternate bg on basic box*/
.basic-index {
  background:url(../images/indexBG.jpg);
  background-position:0 48px;
  background-size:cover;
}
#thanks {
  margin:230px auto 20px;
  padding:80px 80px 119px;
  background-size:cover;
}
.p02030 {padding:0 20px 30px;}

/* links */
a, a:link, a:visited {color:#444943;text-decoration:underline;}
a:hover, a:active, a:focus {color:#ff5114;}
.back {/*return link on thankyou pages*/
  float:right;
  margin:-40px 0 0 0;
  padding:5px 8px;
  font-size:1.2em;
  border-radius:5px;
}

/* buttons */
#btn-default {
  background:#444943;
  color:#fff;
  text-shadow:1px 1px 1px #000;
  text-decoration:none;
  outline:none;
}
#btn-default:hover {
  background:#ff5114;
  color:#ddd;
  text-shadow:none;
}

/* hr */
hr.style18 {
  width:60%;
  height:30px;
  border-style:solid;
  border-color:#000;
  border-width:1px 0 0 0;
  border-radius:20px;
  text-align:center;
  margin:0 auto;
}
hr.style18:before {
  display:block;
  content:"";
  height:30px;
  margin-top:-31px;
  border-style:solid;
  border-color:#000;
  border-width:0 0 1px 0;
  border-radius:20px;
}

/* position classes */
.center {text-align:center;}
.marBot30 {margin-bottom:30px;}
.marLeft15 {margin-left:15px;}
.marLeft20 {margin-left:20px;}
.marLeft30 {margin-left:30px;}
.marTop20 {margin-top:20px;}
.marTop35 {margin-top:35px;}
.marBT45 {margin:30px 0 45px;}
.marUP10 {margin-top:-10px;}
.marUP40 {margin-top:-40px;}
.padBot10 {padding-bottom:10px;}
.padBot20 {padding-bottom:20px;}
.padBot40 {padding-bottom:40px;}

/* visual classes */
/*.bordered {creates square box with inner rounded-corners
  border-radius:13px;
  box-shadow:0 0 0 0.5em #ff5114;
  box-shadow:0px 0px 3px rgba(0, 0, 0, 1);
  outline:1em solid #ff5114;
}*/
/* fader */
.faderLG {
  height:auto;
  margin-bottom:20px;
}
/*border-bottom orange is in cssslider_files LG's style.css*/
.faderSM img {max-width:100%;border-bottom:1px solid #ff5114;}

.thumbnail {
  display:inline-block;
  display:block;
  height:auto;
  max-width:100%;
  padding:0;
  line-height:1.428571429;
  background:transparent;
  border:0;
}
.thumbnail > img {
  display:block;
  height:auto;
  max-width:100%;
  margin-right:auto;
  margin-left:auto;
  border:0;
  box-shadow:5px 5px 7px 0 rgba(0, 0, 0, 0.7);
  }
#gallery, #pixGallery {padding-top:20px;}
.embed-responsive {margin-bottom:35px;}
.last {margin-bottom:60px;}/*add to last video div to separate years*/
.caption {padding:0;}/*IF in id=gallery*/
.caption h4, .caption p {margin:-15px 0 8px 0;font-size:1.05em;font-family:sans-serif;text-align:center;}
.caption p {padding:7px 0 0 0;font-size:1em;font-weight:bold;}
.thumbnail img {border:0;box-shadow:5px 5px 7px 0 rgba(0, 0, 0, 0.7);}
.fullWide {width:100%;}
.halfWideR {width:50%;margin:0 0 0 15px;}
.halfWideL {width:50%;margin:0 15px 0 0 0;}
.qtrWide {width:25%;}
#gallery .caption h4 {margin:7px 0 0 0;}
#gallery .caption p {padding:15px 0 0 0;font-weight:normal;}
/*fractions: <span class="num">1</span>/<span class="den">2</span>*/
.num {position:relative;right:.5ex;vertical-align:.5ex;font-size:75%;}
.den {font-size: 75%;}
/*span.n3 {margin:0 2px 0 -3px;}/*pulls fractions left a bit with space right*/
/*use both classes for fractions;<span class="n2"><span class="num m4">1</span>/<span class="den">8</span></span>*/
span.n2 {margin:0 2px 0 0;}
span.m4 {margin-right:-4px;}

/* booking, contact forms */
#huntForm, #contactForm {
  position:relative;
  top:10px;
  width:100%;
  margin-bottom:0;
  padding:0 10px;
  background:#fdfcfb;
  border:1px solid #444943;
  border-radius:4px;
}
#huntForm h4, #contactForm h4 {font-family:sans-serif;padding-top:20px;}
#huntForm .checkbox, #huntForm label span {font-weight:normal;color:#000;}
.req, .reqExplain span {color:#900;}
.reqExplain {margin:0 0 20px 10px;text-align:center;}
.ourAddress {position:relative;top:-10px;margin:0;}
.marAdj {margin:8px 0 0 -20px;}

/* about us */
 .us img {
   display:block;
   width:100%;
   height:auto;
   margin:0 auto;
   border:0;
   box-shadow:5px 5px 7px 0 rgba(0, 0, 0, 0.7);
   }
  .us div.col-md-4 {margin:0 30px;}
  /*.us h3 {margin-left:30px;}*/
  
/* hunts */
/* elk hunts */
.thumbnail.bErik {margin:10px 0 0 15px;}
.nav-tabs {border:0;}
.nav-tabs > li > a {
  margin-right:5px;
  color:#fff;
  background:#444934;
  border:0;
  border-radius:4px;
  text-decoration:none;
}
.nav-tabs > li > a:hover,
.nav-tabs >li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color:#fff;
  background:#ff5114;
  border:0;
}
.tab-content {
  margin-top:15px;
  padding:0;
}
.tab-pane > h3, .uBorder {/*fancy "underline" with ::after*/
  display:inline-block;
  position:relative;
  top:-15px;
  padding:0 0 3px 0;
}
.tab-pane > h3::after, .uBorder::after {
  content:'';
  position:absolute;
  left:0;
  display:inline-block;
  height:1em;
  width:100%;
  border-bottom:2px solid;
  margin:5px 0 0 0;
}
.tab-pane > h3 + p {margin-top:-10px;}
.tab-pane > h3 + p, .rANDp ul.trophy li {
  font-weight:bold;
  font-style:italic;
}
.rANDp {margin-bottom:30px;}
.rANDp ul.trophy {padding-left:18px;}
/* tule hunt */
.tuleImg {
  width:35%;
  margin:10px 0 0 15px;
}
/* bison hunt */
.bisonImg {
 width:45%;
 margin:15px 0 0 15px;
}


/*************** media adjustments *********************************************/
@media only screen and (max-width:1200px) {
   .ftlogo {width:25%;}
}

@media only screen and (max-width:991px) {
  .logo {width:75%;}
  .ftlogo {width:28%;}
}

@media only screen and (min-width:768) and (max-width:991px) {
  .footer .info {width:100%;}
  .ftlogo {width:40%;}
}

@media only screen and (max-width:767px) {
  .marAdj {margin-left:-10px;margin-top:10px;}
  #navbar {border-top:0;}/*remove top line on dropdown*/
  #navigate .navbar-right {margin-top:-8px!important;}/*remove gap between navbar and navbar-right on dropdown*/
  #navigate .navbar-nav > li > a {text-shadow:none;}/*eliminate on dd*/
  .dropdown-menu {position:relative;z-index:10;}/*so dropdown shows "above" other menu items*/
  
  /*dropdown "hamburger" button styles*/
  /*closed dd menu*/
  #navigate button.navbar-toggle {background:#f5daab;border:1px solid #444943;}
  #navigate .icon-bar {background:#444943;}
  /*opened dd menu*/
  #navigate .navbar-toggle:hover,
  #navigate .navbar-toggle:active,
  #navigate .navbar-toggle:focus {background:#ff5114;}
  
  /*dropdown link styles*/
  #navigate .navbar-nav {margin-top:0;background:transparent;}
  #navigate .navbar-nav > li > a {width:190px;color:#000;background:#ffdaab;border-right:1px solid #ff5114;border-bottom:1px solid #ff5114;}
  #thanks {margin:100px auto 20px;}
  .footer .info {width:100%;}
}

@media only screen and (max-width:640px) {
  .footer .info span.copy{display:none;}
}

@media only screen and (max-width:480px) {
   .logo {width:100%;margin-bottom:-30px;}
   .basic {margin-top:230px;}
   .footer .info {font-size:0.8em;}
}

@media only screen and (max-width:320px) {
    .footer .info {font-size:0.55em;}
}