/* custom styles for sierrafish.com  */

 /* latin-ext */
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    /*src: local('Oxygen Regular'), local('Oxygen-Regular'), url(fonts/oxygen.woff2) format('woff2'); */
    src: local('Oxygen Regular'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v6/IIPDrwV5KNJo5-LaFlLy2fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); 
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    src: local('Oxygen Regular'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v6/78wGxsHfFBzG7bRkpfRnCQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/*  Global Styles  */
.bord{
    border:1px solid #FF0000;
}
.clr-both{
    clear: both;
}
.padl-10{
    padding-left: 10%;
}
.bord-grey{
   border-top: 2px solid #787878; 
}
.vert-mid{
    vertical-align:middle;
}
.vert-top{
    vertical-align: top;
}
.my-container{
    margin-top: 1%;
    margin-bottom: 2%;
    margin-left: 7.5%;
    margin-right: 7.5%;    
}
.in-block{
    display: inline-block;
}
.thin{
    font-family: "Roboto-Thin",Helvetica;
    font-weight: 100;
    color: #000;
}
.thin-ml{
    padding-left:5px;
}

/* Headers, Parallax, Navbar   */
.jara-one{
    background-image: url('../images/box-lake-header2.jpg');
    opacity:1.0;
}
.jara-two{
    background-image: url('../images/home27.jpg');
    height:400px !important;
}
.jara-three{
    background-image: url('../images/home-2.jpg');
}
.jara-lakes{
    background-image: url('../images/lakes-3.jpg');
    opacity:1.0;
}
.jara-streams{
    background-image: url('../images/streams-1.jpg');
    opacity:1.0;
}
.jara-contact{
    background-image: url('../images/contact-1.jpg');
}
.jara-submit{
    background-image: url('../images/submitreport-1.jpg');
}
.jara-about{
    background-image: url('../images/about-1.jpg');
}
.dropdown-menu {
   background-color: (256,256,256,0.3) !important;
}
.main-title{
font-size:3.0rem;
color:#ffffff!important;
}
H1.main-title{
    padding-left:0%;
    color:#ffffff!important;
}
H2{
    font-size:1.4rem !important;
}
H3{
    font-size:1.5rem !important;
}
H4{
    font-size:3.4rem !important;
}
H5{
    font-size: 1.45rem !important;
}
H6{
    font-size: 1.7rem !important;
}
.dropdown-menu {
     background-color: rgba(256,256,256,0.96) !important;
     color: #000 !important;
}
.navbars{
    position:absolute;
    right:4%;
    bottom:1%;
    font-size:2.2rem;
    color: #428bca;
}
.menu-icon-tw{
    font-size:1.5em!important;
    color: #0C90CC;
    vertical-align: bottom;
}
.menu-icon-fb{
    font-size:1.5em!important;
    color: #0066DD;
    vertical-align: bottom;
}
.menu-icon-red{
    font-size:1.5em!important;
    color: #FF1100;
    vertical-align: bottom;
}
.menu-icon-link{
    font-size:1.5em!important;
    color: #0076F5;
    vertical-align: bottom;
}
.logo-circle{
    border-radius:50%;
    width:6rem;
    padding-right:0.1rem !important;
    vertical-align:middle;
    padding-bottom:1%;
    display:inline-block;
}
.byline{
    color:#fff;
    margin-top:-3%;
    margin-left:4%;
}
.logo-box{
    padding-left:auto;
    padding-right:auto;
}
.logo-place{
    position:relative;
    top:100px;
}
.t-shadow{
    text-shadow: -5px 5px 10px #000;
}
.m-shadow{
    text-shadow: -1px 3px 5px #000;
}
.row-pad-1{
    padding-top: 5%;
}
.text-white{
    color: #FFFFFF;
}
.cd-text{
    font-family: "Roboto-Thin", Helvetica;
    font-size: 1.0rem;
    font-weight: 300;
    color: #565656;
}
.cd-text-sm{
    font-family: "Roboto-Thin", Helvetica;
    font-size: 0.9rem;
    font-weight: 300;
    color: #565656;
    text-align:left;
}
.card-height{
    max-height: 450px;
}

.home-i-one{
    font-size: 1.4rem;
}
.ten-left{
    padding-left:10%;
}
.five-left{
    padding-left:5%;
}
.btn-slim{
    height: 30px;
}
.btn-floating{
   background-color: #428bca!important;
   color: #428bca!important;
  /* max-width: 40px;
   max-height: 40px;    */
}
.rTable{
    display: table;
}
.rTableRow{
    display: table-row;
}
.rTableCell{
    display: table-cell;
}

//////*  Archive Cards   *///////

.card{
    min-width: 100px;
}
.card-title{
    font-size: 1.6rem !important;
    line-height: 1.6rem;
    margin-bottom: 1%;
   /* color: #06C1EB;  */
    color: #FFFFFF;
}
.wild{
    font-family: "Roboto-Light", Helvetica;
    font-size: 1.0rem;
    line-height: 1.1rem;
    color: #EDEDED;
}
.card-date{
    font-family:"Roboto",Helvetica;
    color: #bcbcbc;
    text-align:left;
    font-size: 0.9rem;
    line-height:1.2rem;
    margin-bottom: 1%;
}
.m-card-title{
    font-size: 1.6rem !important;
    line-height: 1.6rem;
    margin-bottom: 1%;
    font-weight: 400;
    color: #000000;
}
.m-wild{
    font-family: "Roboto-Light", Helvetica;
    font-size: 1.0rem;
    line-height: 1.1rem;
    color: #676767;
}
.m-card-date{
    font-family:"Roboto",Helvetica;
    color: #232323;
    text-align:left;
    font-size: 0.9rem;
    font-weight:  600;;
    line-height:1.2rem;
    margin-bottom: 1%;
}
.m-p{
    font-family: "Roboto-Light", Helvetica;
    font-size: 1.0rem;  
    color: #343434;
}
.cd-foot-icon3{
    font-size: 1.6rem;
    color: #187BCC;
    vertical-align:middle;
}
.card-footer-pad{
    padding-bottom:1%;
    padding-top: 1%;
}
.p-card{
    margin-bottom:-3%;
}
.n-cards{
    width: 300px;
    min-width:250px;
    max-width: 500px;
    margin-left: auto;
    margin-right:auto;
    max-height: 600px !important;
}
.c-cards{
    max-width: 500px;
    margin-left: auto;
    margin-right:auto;
    max-height: 600px !important;
}

/*   little cards - latest trips   *//////

.l-cards{
   max-width:300px !important;
}
.l-card-title{
    font-size: 1.4rem !important;
    line-height: 1.2rem;
    margin-bottom: 0%;
  /*  color: #222222;
    color: #1574CC; */
    color: #000;
}
.l-wild{
    font-family: "Roboto-Light", Helvetica;
    font-size: 1.0rem;
    line-height: 1.1rem;
    color: #555555;
}
.l-card-date{
    font-family:"Roboto",Helvetica;
    color: #777777;
    text-align:left;
    font-size: 0.9rem;
    line-height:1.2rem;
    margin-bottom: 1%;
}
.sm-card-height{
    height: 272px;
    width: 170px;
}
.w-90{
   width:90%;
}
.sm-card-footer{
    display:inline-block;
   /* background: #187BCC;    */
    width:18.1%;
    text-align:center;
    vertical-align:middle;
}
.cd-foot-icon{
    font-size: 1.0rem;
    color: #fff;
}
.menu-icon-link2{
    font-size: 1.2rem;
    color: #187BCC;
    vertical-align:middle;
    text-align:center;
}
.cd-foot-icon2{
    font-size: 1.4rem;
    color: #187BCC;
    vertical-align:middle;
}

a.cd-foot-icon2:hover{
    color:#187BCC;
}
.menu-icon-disabled{
    color: #ababab;
    font-size:1.35rem;
}
.dropdown-item-disabled{
    color: #ababab;
}

.border-rt{
    border-right:1.0px solid #fff;
}
.bx-shadow{
 -webkit-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, .3);
         box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, .3);
         overflow:hidden;
}
.bx-shadow-inset{
    box-shadow: inset 0px 1px 15px 1px rgba(0, 0, 0, .2);
    overflow:hidden;
}

 /*  images  */
.img-inline{
    display:inline-block !important;
}
.m-inline{
    display: inline-block;
}
.img-fluid{
   max-width:100% !important;
}
.rounded-7{
    border-radius: 7px 7px 0px 0px !important;
}

/* LAKES PAGE  */

H1.h1{
    font-size: 1.4em;
    font-weight: 700;
    font-family:"Roboto",Arial,Helvetica;
    color: #343434;
    text-align:left;
    clear:both;
    margin-bottom: 4% !important;
}
H2.h2{
    font-size: 1.4rem;
    font-weight: 700;
    font-family:"Roboto",Arial,Helvetica;
    color: #343434;
    text-align:left;
}
.txt1{
    font-size: 1.3rem;
    font-weight: 400;
   /* font-family:"Roboto",Arial,Helvetica; */
    color: #898989;
}

.table-head{
    font-size: 1.4rem;
    font-weight: 700;
    font-family:"Roboto",Arial,Helvetica;
    color: #343434;
    text-align:left;
}
.cont-i{
    font-size: 2rem;
}
.cont-a{
    font-size: 1.7rem;
}
.cont-txt{
    font-family: "Oxygen",Helvetica,Arial;
    font-size: 1.3rem;
    color: #898989;
    vertical-align:middle;
}

/*  FOOTER  */
H1.footer-title{
    font-family:"Roboto",Arial,Helvetica;
    font-size: 1.3rem;
    color: #fff;
    font-weight: 400;
}
.foot-about{
    font-size: 0.95rem;
    margin-right: 3%;
    margin-left: 3%;
}
.foot-logo{
    width: 38px;
}
.ft-line-ht{
    line-height: 1.0rem;
}
a.foot-text:hover{
    color: #08CCFD;
}
.icon-help{
   font-size: 1.2rem;
}
HR.hr-grey{
    color: #787878;
}
.btn-red:hover{
    background-color: #CC1100;
}
.fb-blue{
    background-color: #3b5998;
}
.inst-grad{
      background: linear-gradient(#400080, transparent), 
     linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}