@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*  
/*    Custom CSS JS Rotating Hero Shot - HROROT.V2.R2.2016.08
/*    [c] 2014 Grendelfly Studio - A Division of Saltmarsh, Cleaveland & Gund - Pensacola, FL
/*  
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  
/* Hero Items  */
  .js_hro_rot{}
  .js_hro_rot .js_hro_rot_itm{
	  background:url(/_img/scrn.png) center no-repeat; background-size:cover;
	  }
  .js_hro_rot_scrn{ /* Dot Screen - For Clearity of Small Pictures */
	  position:absolute; width:100%; height:100%;
	  /*background:url(/_src/grendel/_fle/img/dot-wht.png);*/
	  }

  .js_hro_rot #js_hro_rot_itm_1{ background-image:url(/PBBW/_img/hro/February19.jpg); background-position:center;} 
  .js_hro_rot #js_hro_rot_itm_2{ background-image:url(/PBBW/_img/hro/GoFish.jpg); background-position:center;}
  .js_hro_rot #js_hro_rot_itm_3{ background-image:url(/PBBW/_img/hro/cheese-board-olives.jpg); background-position:center;}
  .js_hro_rot #js_hro_rot_itm_4{ background-image:url(/PBBW/_img/hro/grouper.jpg); background-position:center;}
  .js_hro_rot #js_hro_rot_itm_5{ background-image:url(/PBBW/_img/hro/filet2.jpg); background-position:center;}
  .js_hro_rot #js_hro_rot_itm_6{ background-image:url(/PBBW/_img/hro/filet_wine.jpg); background-position:center;}
  .js_hro_rot #js_hro_rot_itm_7{ background-image:url(/PBBW/_img/hro/KBakerPhoto-9089.jpg); background-position:center;}

/* Text Box  */
  .js_hro_rot_txt *{ color:#FFF;}
  .js_hro_rot_txt{
	  bottom:0px;
	  width:98%; margin:1%;
	  background:url(/_src/grendel/_fle/img/scrn.png);
	  }
  .js_hro_rot_txt > div{
	  padding:10px;
	  font-size:18px; text-align:center;
	  }

/* Controls */
  .js_hro_rot_ctr{
	  top:15px;
	  width:99%;
	  text-align:right;
	  }
  .js_hro_rot_ctr span{
	  width:12px; height:12px;
	  margin:4px;
	  border:#FFF solid 2px;
	  border-radius:12px;
	  }
  .js_hro_rot_ctr span.hlt{ background-color:#FFF;}

/* Responsive Needs */
  @media only screen and (max-width: 860px){
	  .js_hro_rot_txt,.js_hro_rot_ctr,.js_hro_rot_scrn{ display:none !important;}
	  }

