/* Ion.Zoom
// css version 1.2.63
// © 2013 Denis Ineshin | IonDen.com
//
// Project page:    http://ionden.com/a/plugins/ion.zoom/
// GitHub page:     https://github.com/IonDen/ion.zoom
//
// Released under MIT licence:
// http://ionden.com/a/licence.html
// ===================================================================================================================*/

.ion-zoom-preloader {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border-radius: 50%;
    background: #fff url(../lib/ion-zoom/img/ion.zoom.preloader.gif) no-repeat 50% 50%;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    cursor: pointer;
    z-index: 998;
}

.ion-zoom-image-wrapper.isOpen:before {
    position: fixed;
    content: '';
    z-index: 998;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
}

.ion-zoom-image {
    position: absolute;
    display: block;
    top: -9999px;
    left: -9999px;
    background: #222;
    cursor: pointer;
    outline: none !important;
    z-index: 999;
    overflow: hidden;
}


    .ion-zoom-image img {
        display: block !important;
        border: 0 !important;
        padding: 0 !important;
        z-index: 1;
    }

    .ion-zoom-image.isOpen {
        box-shadow: 0 0 10px rgba(0,0,0,0.8);
    }

    .ion-zoom-image.noControls div {
        display: none !important;
    }

.ion-zoom-close,
.ion-zoom-prev,
.ion-zoom-next {
    position: absolute;
    background: rgba(0,0,0,0.7);
    _background: #000;
    -webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

    -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.ion-zoom-close {
    top: -30px;
    right: -30px;
    width: 30px;
    height: 30px;
    border-radius: 0 0 0 5px;
    z-index: 2;
    font: 22px/30px Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: none;
    text-align: center;
}

.ion-zoom-prev {
    top: 50%;
    left: -30px;
    margin-top: -25px;
    width: 30px;
    height: 50px;
    overflow: hidden;
    border-radius: 0 5px 5px 0;
    z-index: 2;
}

    .ion-zoom-prev div {
        position: absolute;
        top: 15px;
        left: -3px;
        border: 10px solid transparent;
        border-right-color: #fff;
    }

.ion-zoom-next {
    top: 50%;
    right: -30px;
    margin-top: -25px;
    width: 30px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px 0 0 5px;
    z-index: 2;
}

    .ion-zoom-next div {
        position: absolute;
        top: 15px;
        left: 13px;
        border: 10px solid transparent;
        border-left-color: #fff;
    }

.ion-zoom-image.isOpen .ion-zoom-close {
    top: 0;
    right: 0;
}

.ion-zoom-image.isOpen .ion-zoom-prev {
    left: 0;
}

.ion-zoom-image.isOpen .ion-zoom-next {
    right: 0;
}

.event-detail-wrapper{padding:20px;}.event-detail-wrapper .ion-zoom:before,.event-detail-wrapper .ion-zoom:after{transition:opacity .2s ease-in-out;opacity:0;position:absolute;width:50px;height:50px;display:block;border-radius:50%;top:calc(50% - 25px);left:calc(50% - 25px);}.event-detail-wrapper .ion-zoom:before{content:'';background-color:#fff;border:3px solid #333;}.event-detail-wrapper .ion-zoom:after{content:'+';font-size:50px;color:#333;top:calc(50% - 31px);left:calc(50% - 36px);}.event-detail-wrapper .ion-zoom:hover:before,.event-detail-wrapper .ion-zoom:hover:after{opacity:1;}.event-detail-wrapper .event-img img{display:block;height:auto;width:100%;border-radius:5px;box-shadow:0 0 5px 1px rgba(0,0,0,.3);}.ion-zoom-image{transform:translate(-50%,-50%);top:50%!important;left:50%!important;}.ion-zoom-image .ion-zoom-next,.ion-zoom-image .ion-zoom-prev{display:none;}.event-detail-wrapper{display:flex;flex-direction:row-reverse;background:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.2);}.event-detail-wrapper .ion-zoom{display:inline-block;position:relative;}.event-detail-wrapper .event-img{min-width:400px;width:30%;max-width:30%;margin-left:20px;}.event-detail-wrapper .event-detail{flex-grow:1;}