/* ^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^
         My Custom carousel.css CSS3 Document
         XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
         Author : Mike Lasher
         Updated: May 2020
         Notes  : Hand coded for www.lasherworks.ca
  ^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^-^_^ */

/* ^-^-^-^-^-^-^-^-^-^-^-^-^-^
        Panel Dimensions                 
     Small  ~  500px X 214px  
     Medium ~  750px X 321px  
     Large  ~  940px X 402px  
     XLarge ~ 1170px X 500px  
   ^-^-^-^-^-^-^-^-^-^-^-^-^-^ */
.carousel-indicators {
  bottom: -3.125em;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  /*zoom: 1;*/
  width: 10px;
  height: 10px;
  margin: 0 2px;
  cursor: pointer;
  background: transparent;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
   	      border-radius: 50%;
  border: 3px solid transparent;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0 0 2px;
     -moz-box-shadow: rgba(0,0,0,0.5) 0 0 2px;
   	      box-shadow: rgba(0,0,0,0.5) 0 0 2px;
}
.carousel-indicators .active {
  width: 10px;
  height: 10px;
  margin: 0;
  background-color: #00158C;
}
	
   
/* ^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^  
         Carousel   Media Queries
   ^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^ */


/* Small devices (portrate cell phones, 360px and down) */
@media (max-width: 360px) {

  .myCarousels { margin-top: 3.5em !important;}
  #myCarousel { margin-top: 51px; }
  .myCarousels,
  #myCarousel .item { height: 145px !important; }
  
  #slide00 {background: url(../img/carousel/carousel-panel00-sm.jpg) top center no-repeat !important; background-size: contain !important;}
  
  #slide01 {background: url(../img/carousel/carousel-panel01ii-sm.jpg) top center no-repeat !important; background-size: contain !important;}  /* carousel-panel01ii-sm */
	
  #slide02 {background: url(../img/carousel/carousel-panel02-sm.jpg) top center no-repeat !important; background-size: contain !important;}  /* carousel-panel02-sm */
	
  #slide03 {background: url(../img/carousel/carousel-panel03-sm.jpg) top center no-repeat !important; background-size: contain !important;}

  #slide04 {background: url(../img/carousel/carousel-panel04-sm.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide05 {background: url(../img/carousel/carousel-panel05i-tiny.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide06 {background: url(../img/carousel/carousel-panel06-sm.jpg) top center no-repeat !important; background-size: contain !important;}

  #slide07 {background: url(../img/carousel/carousel-panel07-sm.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide08 {background: url(../img/carousel/carousel-panel08-sm.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide09 {background: url(../img/carousel/carousel-panel09-sm.jpg) top center no-repeat !important; background-size: contain !important;}

  #slide10 {background: url(../img/carousel/carousel-panel10i-tiny.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide11 {background: url(../img/carousel/carousel-panel11i-sm.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide12 {background: url(../img/carousel/carousel-panel12-sm.jpg) top center no-repeat !important; background-size: contain !important;}
	
}

@media screen and (max-width: 480px) {.carousel-indicators {width: 70%; margin-left: -35%; bottom: -2em;}}
@media (min-width: 576px) {.carousel-indicators {bottom: -2em;}}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 640px) {

  .myCarousels { margin-top: 3.5em !important;}
  #myCarousel { margin-top: 51px; }
  .myCarousels,
  #myCarousel .item { height: 260px !important; }

  #slide00 {background: url(../img/carousel/carousel-panel00-md.jpg) top center no-repeat !important; background-size: contain !important;}  /* carousel-panel01ii-md */
	
  #slide01 {background: url(../img/carousel/carousel-panel01ii-md.jpg) top center no-repeat !important; background-size: contain !important;}  /* carousel-panel02-md */

  #slide02 {background: url(../img/carousel/carousel-panel02-md.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide03 {background: url(../img/carousel/carousel-panel03-md.jpg) top center no-repeat !important; background-size: contain !important;}

  #slide04 {background: url(../img/carousel/carousel-panel04-md.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide05 {background: url(../img/carousel/carousel-panel05i-sml.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide06 {background: url(../img/carousel/carousel-panel06-md.jpg) top center no-repeat !important; background-size: contain !important;}

  #slide07 {background: url(../img/carousel/carousel-panel07-md.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide08 {background: url(../img/carousel/carousel-panel08-md.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide09 {background: url(../img/carousel/carousel-panel09-md.jpg) top center no-repeat !important; background-size: contain !important;}

  #slide10 {background: url(../img/carousel/carousel-panel10i-sml.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide11 {background: url(../img/carousel/carousel-panel11i-md.jpg) top center no-repeat !important; background-size: contain !important;}
	
  #slide12 {background: url(../img/carousel/carousel-panel12-md.jpg) top center no-repeat !important; background-size: contain !important;}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 641px) {
  .myCarousels { margin-top: 0em !important; }
  #myCarousel { margin-top: 75px; }
  .myCarousels,
  #myCarousel .item { height: 310px !important; } 

  #slide00 {background: url(../img/carousel/carousel-panel00-lg.jpg) top center no-repeat;}

  #slide01 {background: url(../img/carousel/carousel-panel01ii-lg.jpg) top center no-repeat;}  /* carousel-panel01ii-lg */
	
  #slide02 {background: url(../img/carousel/carousel-panel02-lg.jpg) top center no-repeat;}  /* carousel-panel02-lg */
	
  #slide03 {background: url(../img/carousel/carousel-panel03-lg.jpg) top center no-repeat;}

  #slide04 {background: url(../img/carousel/carousel-panel04-lg.jpg) top center no-repeat;}
	
  #slide05 {background: url(../img/carousel/carousel-panel05i-med.jpg) top center no-repeat;}
	
  #slide06 {background: url(../img/carousel/carousel-panel06-lg.jpg) top center no-repeat;}

  #slide07 {background: url(../img/carousel/carousel-panel07-lg.jpg) top center no-repeat;}
	
  #slide08 {background: url(../img/carousel/carousel-panel08-lg.jpg) top center no-repeat;}
	
  #slide09 {background: url(../img/carousel/carousel-panel09-lg.jpg) top center no-repeat;}

  #slide10 {background: url(../img/carousel/carousel-panel10i-med.jpg) top center no-repeat;}
	
  #slide11 {background: url(../img/carousel/carousel-panel11i-lg.jpg) top center no-repeat;}
	
  #slide12 {background: url(../img/carousel/carousel/carousel-panel12-xlg.jpg) top center no-repeat;}
  
  /*#slide13 {background: url(../img/carousel/carousel-panel00fb-lg.jpg) top center no-repeat;}*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .myCarousels { margin-top: 0em !important; }
  #myCarousel { margin-top: 5em; }
  .myCarousels,
  #myCarousel .item { height: 490px !important; } 

  #slide00 {background: url(../img/carousel/carousel-panel00-lg.jpg) top center no-repeat;}  /* carousel-panel01ii-lg */
  
  #slide01 {background: url(../img/carousel/carousel-panel01ii-lg.jpg) top center no-repeat;}
	
  #slide02 {background: url(../img/carousel/carousel-panel02-lg.jpg) top center no-repeat;}  /* carousel-panel02-lg */
	
  #slide03 {background: url(../img/carousel/carousel-panel03-xlg.jpg) top center no-repeat;}

  #slide04 {background: url(../img/carousel/carousel-panel04-xlg.jpg) top center no-repeat;}
	
  #slide05 {background: url(../img/carousel/carousel-panel05i-lrg.jpg) top center no-repeat;}
	
  #slide06 {background: url(../img/carousel/carousel-panel06-xlg.jpg) top center no-repeat;}

  #slide07 {background: url(../img/carousel/carousel-panel07-xlg.jpg) top center no-repeat;}
	
  #slide08 {background: url(../img/carousel/carousel-panel08-xlg.jpg) top center no-repeat;}
	
  #slide09 {background: url(../img/carousel/carousel-panel09-xlg.jpg) top center no-repeat;}

  #slide10 {background: url(../img/carousel/carousel-panel10i-lrg.jpg) top center no-repeat;}
	
  #slide11 {background: url(../img/carousel/carousel-panel11i-xlg.jpg) top center no-repeat;}
	
  #slide12 {background: url(../img/carousel/carousel-panel12-xlg.jpg) top center no-repeat;}
}