/*
Plugin Name: Oalddesign Slider
Plugin URI:  http://www.oalddesign.com/
Description: Simple script to add and use sliders
Version:     1.0
Author:      Oald Design   
Author URI:  http://www.oalddesign.com/
*/

/*================================
=============== Slider
==================================*/

.Oalddesign-mainSlider {
   position: relative;
   margin: auto;
   margin-bottom: 0px;
   z-index: 0;
   max-width: 100%;
}

.Oalddesign-mainSlider .oaldslider {
   margin: 0 auto; 
   margin: 0px 0px 0px 0px;  
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   overflow: hidden;
   display: none;
}

.Oalddesign-mainSlider .oaldslider img {
   width: 100%;
}

.Oalddesign-mainSlider .current {
   position: relative;
   top: 0;
   left: 0;
   z-index: 5;
   display: block;
}

.Oalddesign-mainSlider .previous {
   position: absolute;
   z-index: 4;
   display: none;
}

    /*================================
=============== Slider Text
==================================*/

.Oalddesign-mainSlider .slider-text-info {
   display: none;
   font-family: arial, helvetica, sans-serif;
}

.Oalddesign-mainSlider .current .slider-text-info {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   text-align: left;
   background: #000;
   background: rgba(0, 0, 0, 0.9);
   margin: 0px 0px 35px 0px;
   padding: 15px 0px 13px 0px;
   display: block;
}

.Oalddesign-mainSlider .current .slider-text-info h5 {
   color: #fff;
   font-size: 25px;
   font-weight: bold;
   margin: 0px;
   line-height: 30px;
   letter-spacing: 0px;
   text-transform: none;
   padding: 0px 30px 2px 30px;
   display: block;
}

.Oalddesign-mainSlider .current .slider-text-info h5 a {
   color: #fff;
   font-size: 25px;
   font-weight: bold;
   text-decoration: none;
   border: none;
   display: block;
   margin: 0px;
   padding: 0px;
   border: none;
   box-shadow: none;
}

.Oalddesign-mainSlider .current .slider-text-info p {
   font-size: 14px;
   color: #fff;
   line-height: 21px;
   margin: 0px;
   padding: 0px;
   letter-spacing: 0px;
   text-transform: none;
   padding: 2px 30px 0px 30px;
   display: block;
}

.Oalddesign-mainSlider .current .slider-text-info p a {
   color: #fff;
    display: block;
   text-decoration: none;
   border: none;
   padding: 0px;
   margin: 0px;
   border: none;
   box-shadow: none;
}

    /*================================
=============== Buttons
==================================*/

/* -------------------
Next And Previous buttons  
-------------------- */

.Oalddesign-mainSlider .buttons {
   position: absolute;
   left: 0px;
   top: 50%;
   margin-top: -36px;
   z-index: 100;
   width: 100%;
   display: none;
}

.Oalddesign-mainSlider p#next-button {
   position:absolute;
   top: 0px;
   right: 0px;
   cursor: pointer;
   padding: 30px 0px 30px 30px;
}

.Oalddesign-mainSlider p#previous-button {
   position:absolute;
   top: 0px;
   left: 0px;
   cursor: pointer;
   padding: 30px 30px 30px 0px;
}

/* -------------------
Button Circle List 
-------------------- */

.Oalddesign-mainSlider .slidersList {
   position: relative;
   margin: -32px auto 30px;
   text-align: center;
   width: 100%;
   z-index: 8;
}

.Oalddesign-mainSlider .slidersList a {
   display: inline-block;;
   margin: 0px 2px 0px 2px;
   border: none;
}


.Oalddesign-mainSlider a.oald-slider-btn {
   height: 20px;
   width: 20px;
   background: url(../images/slider/btn.png) no-repeat;
}

.Oalddesign-mainSlider a.oald-active-slider-btn {
   height: 20px;
   width: 20px;
   background: url(../images/slider/btn_active.png) no-repeat;
}

    /*================================
=============== Others
==================================*/

.Oalddesign-mainSlider .slidersList a {
   box-shadow: none;
}

    /*================================
=============== Mobile
==================================*/

@media only screen and (max-width: 800px) {
   
   .Oalddesign-mainSlider .oaldslider {
      border: 1px solid #b5b5b5;
      padding: 5px 5px 3px 5px;
      text-align: center;
   }
   
   .Oalddesign-mainSlider .current .slider-text-info {
      position: relative;
      margin: 0px 0px 0px 0px;
   }

   .Oalddesign-mainSlider .current .slider-text-info p {
      padding: 2px 10px 0px 10px;
      text-align: center;
   }

   .Oalddesign-mainSlider .current .slider-text-info h5 {
      padding: 0px 10px 2px 10px;
      text-align: center;
   }

}