/*
 * jQuery Blueberry Slider v0.5 BETA
 * Originally created and developed by: http://marktyrrell.com/labs/blueberry/
 * Forked and expanded by: https://github.com/smeranda/
 *
 * Copyright (C) 2011, Mark Tyrrell <me@marktyrrell.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

#wdn_Carousel { margin: 0 auto; position: relative; }
#wdn_Carousel .slides {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#wdn_Carousel .slides > li {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: none;
    vertical-align: bottom;
    line-height: 1;
    padding: 0;
    margin: 0;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    z-index:1;
}
#wdn_Carousel .slides > li > img, #wdn_Carousel .slides > li > a {
    display: block;
}
#wdn_Carousel .slides > li > img + div, #wdn_Carousel .slides > li > a + div {
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    font-size: 100%;
    line-height: 1.2;
}
#wdn_Carousel .slides > li > img + div *, #wdn_Carousel .slides > li > a + div * {
    font-size: 100%;
}
#wdn_Carousel .slides > li > img, #wdn_Carousel .slides > li > a > img, #wdn_Carousel .slides > li video, #wdn_Carousel .slides > li audio {
    width: 100%;
    max-width: 100%;
}
#wdn_Carousel .slides > li > div img {
    width: auto;
    max-width: 100%;
}
#wdn_Carousel .slides > li > div > p.caption {
    background: rgb(242, 237, 222);
    background: rgba(242, 237, 222, 0.9);
    text-shadow: 0 1px 0 #F2EDDE;
    color:#655f3c;
    padding:0.7em;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
#wdn_Carousel .slides > li.active { display: block; position: relative; opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);z-index:2;}
#wdn_Carousel .crop > li > img { width: auto; }

/* For the pagination between slides (the numbers) */
#wdn_Carousel .pagerWrapper {
    text-align: center;
}
#wdn_Carousel .pager {
    height: auto;
    display: inline-block;
    text-align: center;
    margin: -1px auto 10px auto;
    border-radius: 0 0 5px 5px;
    border: 1px solid #cfcd92;
    border-top-color: #d6c285;
    border-left-color: #d6c285;
    background: #fffaeb; /* Old browsers */
    background: -moz-linear-gradient(top, #fffaeb 0%, #d9d4c7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffaeb), color-stop(100%,#d9d4c7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fffaeb 0%,#d9d4c7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fffaeb 0%,#d9d4c7 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fffaeb 0%,#d9d4c7 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaeb', endColorstr='#d9d4c7',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fffaeb 0%,#d9d4c7 100%); /* W3C */
    opacity: 0.3;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    padding:0;
}
#wdn_Carousel:hover .pager{
    opacity: 1;
}
#wdn_Carousel .pager > li { 
    display: inline-block;
    font-weight: bold;
    text-shadow: 0 1px 0 #F2EDDE;
    border-right: 1px solid #ebe9c5;
    line-height: 1;
    zoom:1; *display:inline; /*IE Hacks*/
}
#wdn_Carousel .pager > li a {
    display: block;
    padding: 5px 8px;
    color: #655f3c;
    font-weight:bold;
}
#wdn_Carousel .pager > li.nav a {
    font-size: 80%;
    color: #a1996a;
}
#wdn_Carousel .pager > li a:hover {
    text-decoration: none;
}
#wdn_Carousel .pager > li.active {
    background: #ada172; /* Old browsers */
    background: -moz-radial-gradient(50% 100%, circle cover, rgba(232, 213, 155, 0.5), rgba(255, 255, 255, 0) 38%), -moz-linear-gradient(top, #ada172 0%, #c9ba84 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ada172), color-stop(100%,#c9ba84)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(50% 100%, circle cover, rgba(232, 213, 155, 0.5), rgba(255, 255, 255, 0) 38%), -webkit-linear-gradient(top, #ada172 0%,#c9ba84 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(50% 100%, circle cover, rgba(232, 213, 155, 0.5)), -o-linear-gradient(top, #ada172 0%,#c9ba84 100%); /* Opera11.10+ */
    background: -ms-radial-gradient(50% 100%, circle cover, rgba(232, 213, 155, 0.5), rgba(255, 255, 255, 0) 38%), -ms-linear-gradient(top, #ada172 0%,#c9ba84 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ada172', endColorstr='#c9ba84',GradientType=0 ); /* IE6-9 */
    background: radial-gradient(50% 100%, circle cover, rgba(232, 213, 155, 0.5), rgba(255, 255, 255, 0) 38%), linear-gradient(top, #ada172 0%,#c9ba84 100%); /* W3C */
    color: #fff;
}

#wdn_Carousel .pager li.active a {
    color:#fff;
    text-shadow:none;
}

/* WDN Overrides */
#wdn_Carousel .slides div p {margin:0;}
#maincontent #wdn_Carousel a:focus {color:#fff !important;}
@media only screen 
and (min-device-width: 320px)
and (max-device-width : 480px) {
    #wdn_Carousel {
        overflow: initial;
    }
    #wdn_Carousel .slides {
        height: auto !important;
    }
    #wdn_Carousel .slides li div p.caption {
        font-size:0.6em;
    }
    #wdn_Carousel .slides li div p span {
        font-size:0.8em;
    }
    #wdn_Carousel .pager {
        padding: 0;
        margin-bottom: 20px;
    }
}