﻿/* BEGIN --- Styles for Photogallery */
.DIV_PhotogalleryDetails
{
    border: 0 none;
    padding: 5px; 
    width: 220px;
    height: 150px;
    float: left;
}
.MainImage, .MainImage_Home
{ 
    background-repeat: no-repeat;
    background-size: 100%;
    /*display: table-cell;*/
    vertical-align: bottom;
    overflow: hidden; 
}
.MainImage
{
    height: 121px;
    width: 188px;
    border: 1px solid #464646;
}
.MainImage_Home
{ 
    /*height: 200px;
    width: 308px;*/
    height: 210px;
    width: 100%; 
} 
.MainImage_Text
{ 
    width: 188px;
    padding: 2px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    width: 188px;
    font-size: 9px; 
    font-family: Arial;
    color: white;
    background-color: rgba(17, 17, 17, 0.7);
    overflow: hidden;
}
.MainImage_Text_Home
{
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    box-sizing: border-box;
    color: black;
    font-weight: bold;
    line-height: 35px;
    position: absolute;
    text-align: center;
    width: 100%;
}
div.RadDataPager
{
    left: 0 !important;
    width: 100% !important;
    display: flex; 
    display: -webkit-flex; 
    flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    justify-content: center; 
    -webkit-justify-content: center;
}
div.RadDataPager .rdpWrap
{
    left: 0 !important;
}
.DIV_NumberOfPictures, .DIV_NumberOfVideos
{
    height: 20px;
    line-height: 16px;
    background-position: left;
    background-repeat: no-repeat;
    width: 28px;
    text-align: right;
    float: right;
}
.DIV_NumberOfPictures
{
    /*background-image: url(/Images/Icons/photo_camera_icon.png);*/
    background-image: url(/Images/Camera.png);
    background-size: 14px;
}
.DIV_NumberOfVideos
{
    background-image: url(/Images/Icons/video_camera_icon.png);
    background-size: 12px;
}
.DIV_NumberOfPictures_SinglePhoto
{
    background-image: url(/Images/Camera.png);
    height: 26px;
    line-height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 34px;
    background-size: 40px;
}
.mediagallery_archive_content
{
    padding: 0 !important;
}

/*RadLightBox*/
.RadImageGallery .rigThumbnailsBox
{
    background-color: #fff
}
.rltbActiveImage
{
    height: auto !important;
    width: auto !important;
    max-width: 900px !important;
    max-height: 500px !important;
}
.rltbWrapper
{
    background: none !important;
    padding: 0 !important;
}
.rltbItemBox
{
    background: none !important;
    padding: 0 !important;
}
.rltbMaximizeIcon
{
    background-image: none !important;
}
.rltbMaximizeButton
{
    background-image: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    cursor: none !important;
    pointer-events: none !important;
}
.rltbRestoreButton
{
    background-color: transparent !important;
    cursor: none !important;
}
.rltbRestoreIcon
{
    background-image: none !important;
} 
.RadLightBox .rltbDescriptionBox h4 a, .RadLightBox .rltbDescriptionBox h4 a:link, .rltbPager
{
    color: white !important;
    font-weight: 400 !important;
}

.photogallery-MainWrapper{min-height: calc(100vh - 294px)!important;}
.photogalleryDisclaimer-Wrapper{width: 100%;padding: 10px;}
.photogalleryDisclaimer-Content{display:block;max-width:1200px; margin: 0 auto;text-align:left;}

/*FINE RadLightBox*/
/* END --- Styles for News */

/*---------------------------------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1280px) /*Lg*/
{
    .DIV_PhotogalleryDetails
    { 
        width: 260px;
        height: 190px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) /*Md*/
{
     .rltbActiveImage
    {
        max-width: 700px !important;
        max-height: 500px !important;
    }
    .DIV_PhotogalleryDetails
    { 
        width: 240px;
        height: 170px;
    }
}
@media screen and (min-width: 361px) and (max-width: 768px) /*Sm*/
{
    .rltbActiveImage
    {
        max-width: 350px !important;
        max-height: 500px !important;
    }
    div.RadLightBox .rltbCloseButton
    {
        right: 3.2em !important;
    }
    .DIV_PhotogalleryDetails
    { 
        width: 300px;
        height: 200px;
    } 
}
@media screen and (min-width: 361px) and (max-width: 450px) /*Sm*/
{
     .rltbActiveImage
    {
        max-width: 350px !important;
        max-height: 500px !important;
    }
}
@media screen and (min-width: 450px) and (max-width: 600px) /*Sm*/
{
     .rltbActiveImage
    {
        max-width: 420px !important;
        max-height: 500px !important;
    }
}
@media screen and (min-width: 600px) and (max-width: 768px) /*Sm*/
{
     .rltbActiveImage
    {
        max-width: 580px !important;
        max-height: 500px !important;
    }
}
@media screen and (max-width: 360px) /*Xs*/
{
    .rltbActiveImage
    {
        max-width: 290px !important;
        max-height: 400px !important;
    }
    div.RadLightBox .rltbCloseButton
    {
        right: 3.2em !important;
    }
    .DIV_PhotogalleryDetails
    { 
        width: 300px;
        height: 200px;
    } 
}


