@import url(../Fresh/StyleSheet.css);

/*Colors
E61461 red
0072ce blue
00b0b9 teal
00558c dk blue
*/

/*.browse-homepage .panel {background:#e9e9e9; border:none;}*/
.DI_FeatureList {line-height:36px;}

.listingdisplaypanel .listingimage img {padding: 0; margin:auto; position: relative; right: 0px;}

/* directory browse map/list view icons */
.maplistlink {color:#fff; font-family:Arial; padding:0 5px 0 10px; font-size:16px; position:relative; bottom:2px;}
.maplisticon {background:var(--primary-btn); padding:3px 5px; color:#fff; width:auto; border-radius:2px; position:relative; top:28px; left:15px; margin-bottom:40px;}
.maplisticon .glyphicon {color:#fff; font-size:16px; padding-top:4px; padding-left:5px;}


@media (min-width: 768px) and (max-width: 991.98px) {
    .mgdisplaylistinghome .listingdesc {padding:5px 10px; min-height:320px; font-size:15px;}

    .mgtopnav {min-height:40px !important; margin:0 auto; padding: 6px 0 0 10px; border:none; max-width:1200px;  display:flex; justify-content:center; font-size:14px;} 
    .mgtopnav .navbar-nav > li > a {background:none; padding:15px 12px; line-height:24px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mgdisplaylistinghome .listingdesc {padding:5px 10px; min-height:240px;}

    .mgtopnav {min-height:40px !important; margin:0 auto; padding: 6px 0 0 30px; border:none; max-width:1200px;  display:flex; justify-content:center; font-size:16px;} 
    .mgtopnav .navbar-nav > li > a {background:none; padding:15px 10px; line-height:24px;}
}

@media (min-width: 1200px) {
    .mgdisplaylistinghome .listingdesc {padding:5px 10px; min-height:230px;}

    /*.mgtopnav {min-height:40px !important; margin:0 auto; padding: 6px 0 0 0; border:none; max-width:1200px; display:flex; justify-content:center; align-items:center; font-size:16px;} 
    .mgtopnav .navbar-nav > li > a {background:none; padding:15px 10px; line-height:24px;}*/
}

@media (max-width: 767px) {
    /* Home page thumbnail page styles */
    .gallery-wrapper {padding:0 10px; background:#f8f8f8;}
    .gallery-homepage {max-width:1200px; margin:0 auto; float:none;}
    .gallery-homepage #PhotoGalleryHeading {color:#222; text-transform:uppercase; background:#f8f8f8; border-color:#f8f8f8; padding:0 0 15px 0; font-size:24px; text-align:center;}
    .gallery-homepage .mgphotogallery {margin:0 auto; text-align:center; padding:15px; font-weight:bold; background:#fff;border:1px solid #fff; box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px; height:auto; margin-bottom:10px;}
    .gallery-homepage .mgphotogallery img {margin:0 auto; margin-bottom:15px; max-height:260px;}
    .gallery-homepage .mgphotogallery a {display:block; color:#222; font-size:16px;}

    /* photo gallery display page */
    .gallery-description {padding-top:20px;}

    .photogallerysubmit .btn  {width:100%; margin:10px 0 20px 0;}

    /* PhotoGallery.aspx page styles */
    .gallerydisplay .mgphotogallery {margin:0 auto; text-align:center; padding:15px; font-weight:bold; background:#fff; border:1px solid #fff; box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px; height:auto; margin-bottom:10px;}
    .gallerydisplay .mgphotogallery img {margin:0 auto; margin-bottom:10px; max-height:240px;}
    .gallerydisplay .mgphotogallery a {display:block; color:#222;}
    .gallerysubmitform .btn {width:100%;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Home page thumbnail page styles */
    .gallery-wrapper {padding:0 0 0 0; background:#fff;}
    .gallery-homepage {max-width:1200px; margin:0 auto; float:none;}
    .gallery-homepage #PhotoGalleryHeading {color:#222; text-transform:uppercase; background:#fff; border-color:#fff; padding:10px 0; font-size:24px; text-align:center;}
    .gallery-homepage .mgphotogallery {width:32%; margin:4px; text-align:center; padding:10px; font-weight:bold; box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px; min-height:320px;}
    .gallery-homepage .mgphotogallery img {margin:0 auto; margin-bottom:10px; max-height:190px;}
    .gallery-homepage .mgphotogallery a {display:block; color:#222;}
    .gallery-homepage .morebutton {padding-top:50px; margin:0 auto;}

    /* photo gallery display page */
    .gallery-description {padding-top:20px;}

     .photogallerysubmit .btn  {float:right; position:relative; top:26px; right:10px;}

    /* PhotoGallery.aspx page styles */
    .gallerydisplay .mgphotogallery {width:32%; margin:0 auto; text-align:center; padding:10px; font-weight:bold; background:#fff; margin:0 4px; margin-bottom:10px; box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px; min-height:310px;}
    .gallerydisplay .mgphotogallery img {margin:0 auto; margin-bottom:10px; max-height:240px;}
    .gallerydisplay .mgphotogallery a {color:#222;}
    .gallerysubmitform .btn {width:100%;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Home page thumbnail page styles */
    .gallery-wrapper {padding:0 0 0 0; background:#fff;}
    .gallery-homepage {max-width:1200px; margin:0 auto; float:none;}
    .gallery-homepage #PhotoGalleryHeading {color:#222; text-transform:uppercase; background:#fff; border-color:#fff; padding:10px 0; font-size:24px; text-align:center;}
    .gallery-homepage .morebutton {padding-top:50px; margin:0 auto;}
    .gallery-homepage .mgphotogallery {width:32%; margin:5px; text-align:center; padding:10px; font-weight:bold; box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px; min-height:330px;}
    .gallery-homepage .imagediv {height:220px; overflow:hidden; margin-bottom:10px;}
    .gallery-homepage .mgphotogallery img {margin:0 auto; margin-bottom:15px; object-fit:cover; transition: all .2s ease-out!important; max-height:240px;}
    .gallery-homepage .mgphotogallery img:hover {margin:0 auto; object-fit:cover; transform: scale(1.1);}
    .gallery-homepage .mgphotogallery a {display:block; color:#222;}

    /* photo gallery display page */
    .gallery-description {padding-top:20px;}

    .photogallerysubmit .btn  {float:right; position:relative; top:26px; right:10px;}

    /* PhotoGallery.aspx page styles */
    .gallerydisplay .mgphotogallery {width:32%; margin:0 auto; text-align:center; padding:10px; font-weight:bold; background:#fff; margin:0 4px; margin-bottom:10px;
                                      box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px; min-height:320px;}
    .gallerydisplay #PhotoGalleryHeading {color:#222; background:#f8f8f8; border-color:#f8f8f8; padding:8px 10px; font-size:22px;}
    .gallerydisplay .imagediv {height:170px; overflow:hidden; margin-bottom:10px;}
    .gallerydisplay .mgphotogallery img {margin:0 auto; margin-bottom:10px; max-height:170px; object-fit:cover; transition: all .2s ease-out!important;}
    .gallerydisplay .mgphotogallery img:hover {margin:0 auto; margin-bottom:10px; max-height:170px; object-fit:cover; transform: scale(1.1);}
    .gallerydisplay .mgphotogallery a {color:#222;}
    .gallerysubmitform .btn {width:100%;}
}
@media (min-width: 1200px) {
    /* Home page thumbnail page styles */
    .gallery-wrapper {padding:0 0 0 0; background:#fff;}
    .gallery-homepage {max-width:1200px; margin:0 auto; float:none;}
    .gallery-homepage #PhotoGalleryHeading {color:#222; text-transform:uppercase; background:#fff; border-color:#fff; padding:10px 0; font-size:24px; text-align:center;}
    .gallery-homepage .morebutton {padding-top:50px; margin:0 auto;}
    .gallery-homepage .mgphotogallery {width:32%; margin:5px; text-align:center; padding:10px; font-weight:bold;
                                       box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px; min-height:325px;}
    .gallery-homepage .imagediv {height:220px; overflow:hidden; margin-bottom:10px;}
    .gallery-homepage .mgphotogallery img {margin:0 auto; margin-bottom:15px; object-fit:cover; transition: all .2s ease-out!important; width:360px; height:250px;}
    .gallery-homepage .mgphotogallery img:hover {margin:0 auto; object-fit:cover; transform: scale(1.1); width:360px; height:250px;}
    .gallery-homepage .mgphotogallery a {display:block; color:#222;}

    /* photo gallery display page */
    .gallery-description {padding-top:20px;}

    .photogallerysubmit .btn  {float:right; position:relative; top:26px; right:10px;}

    /* PhotoGallery.aspx page styles */
    .gallerydisplay .mgphotogallery {width:32%; margin:0 auto; text-align:center; padding:10px; font-weight:bold; background:#fff; margin:0 4px; margin-bottom:10px; 
                                     box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px; min-height:280px;}
    .gallerydisplay #PhotoGalleryHeading {color:#222; background:#f8f8f8; border-color:#f8f8f8; padding:8px 10px; font-size:22px;}
    .gallerydisplay .imagediv {height:170px; overflow:hidden; margin-bottom:10px;}
    .gallerydisplay .mgphotogallery img {margin:0 auto; margin-bottom:10px; max-height:170px; object-fit:cover; transition: all .2s ease-out!important;}
    .gallerydisplay .mgphotogallery img:hover {margin:0 auto; margin-bottom:10px; max-height:170px; object-fit:cover; transform: scale(1.1);}
    .gallerydisplay .mgphotogallery a {color:#222;}
    .gallerysubmitform .btn {width:100%;}
}