/**
* we need to reset many styles
* especially overwriting some styles from the simple theme
*/
.flexslider { background-color: #163B65; }
.flexslider .slides { margin: 0; }
.flexslider .slides li { margin: 0; }
.flexslider .slides > li { position: relative; }
.flexslider .flex-control-nav { margin: 0; }
.flexslider .flex-control-paging { margin: 0; }
.flexslider .flex-control-paging li a { border: 0; }
.flexslider .flex-direction-nav { margin: 0; }
.flexslider .flex-direction-nav li { list-style-type: none; }
.flexslider .flex-caption { margin: 0; }
.flexslider .flex-prev { border: none; }
.flexslider .flex-next { border: none; }
.flexslider .slides img { max-width: 100%; border: 0 none; margin: 0; float: none; }

/**
* Additional Styles
*/

/* Caption style */
/* IE rgba() hack */
.flex-caption {
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;
    width: 96%; 
    padding: 2%; 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    background: rgba(0,0,0,.3); 
    color: #fff; 
    text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
    font-size: 14px; 
    line-height: 18px;
}

.flex-caption-inner             { }
.flex-caption-inner.heading     { display: block; font-weight: bold; }
.flex-caption-inner.description { display: block; }

/**
* Bugfix: ist keine Slideshow aktiviert (nur manuelles scrollen), dann sind auf dem ersten und letzten Slide jeweils die deaktivierten navi-buttons ausserhalb des Containers zu sehen
*/
.flexslider       .flex-direction-nav .flex-disabled {display:none;}
.flexslider:hover .flex-direction-nav .flex-disabled {display:block; opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flex-control-nav { bottom: -26px; }

.flexslider .flexslider-left-cell {
        display: inline;
        float: left;
        width: 70%;
}

.flexslider .flexslider-right-cell {
    background-color: #163B65;
    color: #FFFFFF;
    display: inline;
    float: left;
    width: 30%;
}

.flexslider .flexslider-right-cell img{
        max-height: 100%;
        width: auto;
}

.flexslider .flexslider-right-cell .flexslider-right-cell-text{
}

.flexslider .flexslider-right-cell .flexslider-right-cell-text h2.page-header{
    font-size: 12px;
    border-bottom: 1px #fff dashed;
    text-transform: uppercase;
}

.flexslider .flexslider-right-cell .flexslider-right-cell-text .cell-blurb{
    margin-bottom: 10px;
}

.flexslider .flexslider-right-cell .flexslider-right-cell-text .btn-read-more{
    background-color: #163B65;
    color: #FFF;
    border: 1px solid #FFF;
}

.flexslider .flexslider-right-cell .flexslider-right-cell-image{
    padding: 20px;
}
.flexslider .flexslider-right-cell .flexslider-right-cell-image img{
    padding: 10px;
}

@media screen and (max-width: 640px){

    .flexslider .flexslider-left-cell{
        display: block;
        float: left;
        width: 100%;
    }

    .flexslider .flexslider-right-cell{
        display: block;
        float: left;
        width: 100%;
    }

    .flexslider .flexslider-right-cell .flexslider-right-cell-text,
    .flexslider .flexslider-right-cell .flexslider-right-cell-image{
        display: inline;
        float: left;
        padding: 10px;
        width: 50%;
    }

    .flexslider .flexslider-right-cell .flexslider-right-cell-text h2.page-header{
        margin-top: 0;
    }
}