.objectContainer{display:inline-block; margin:5px;}
/* -------------------------------
   objectContainer - Flip Container
---------------------------------- */
.objectContainer {  }
.objectContainer .objectItem { width:330px; height:330px; overflow:hidden; cursor:pointer; position: relative;}
/* hide back of pane during swap */
.objectContainer .objectItem .front, .objectContainer .objectItem .back { left: 0; position: absolute; top: 0; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(1000px) rotateY(180deg); -moz-transform: perspective(1000px) rotateY(180deg); -o-transform: perspective(1000px) rotateY(180deg); transform: perspective(1000px) rotateY(180deg); -webkit-transition: 1; -moz-transition: 1; -o-transition: 1; transition: 1; }
/* front pane, placed above back */
.objectContainer .objectItem .front { z-index: 2; -webkit-transform: perspective(1000px) rotateY(0); -moz-transform: perspective(1000px) rotateY(0); -o-transform: perspective(1000px) rotateY(0); transform: perspective(1000px) rotateY(0); }
/* front pane, placed above back */
.objectContainer:hover .objectItem .front { -webkit-transform: perspective(1000px) rotateY(-179.9deg); -moz-transform: perspective(1000px) rotateY(-179.9deg); -o-transform: perspective(1000px) rotateY(-179.9deg); transform: perspective(1000px) rotateY(-179.9deg); }
/* back, initially hidden pane */
.objectContainer:hover .objectItem .back { -webkit-transform: perspective(1000px) rotateY(0); -moz-transform: perspective(1000px) rotateY(0); -o-transform: perspective(1000px) rotateY(0); transform: perspective(1000px) rotateY(0); }

/* -------------------------------
   itemLargeImage
---------------------------------- */
.itemLargeImage {margin:0px; padding:0px; width:100%; height:100%;background-color:#FFF;  position:relative; display:inline-table;}

/* IMAGE CONTAINER*/
.ie .featureImgLarge{height:180px;}/*IE fix for image height*/
.featureImgLarge {width:100%; height:100%; overflow-y: hidden ! important; overflow-x: hidden ! important; display:table;}
.featureImgLarge img {width: 100%}
.featureImgLarge:after{content:" ";}

/* -------------------------------
   Rollover - itemLargeImage
---------------------------------- */
.itemLargeImgRollover {margin:0px; padding:0px; width:100%; height:100%;  /*position:relative;*/ display:inline-table;}

.descMain p { color:#FFFFFF  !important; text-align:left;  padding:1px 25px; line-height:180%; font-size:18px}
/*.pageContent .descMain p:first-child {padding-top:0;}*/
.itemLargeImgRollover .readMoreBtn {position:absolute; bottom:10px; right:10px; width:20px; height:20px}

/* all link items */
.itemLinks{width:calc(100% - 30px); margin:0 15px;}
.itemLinks a:link, .itemLinks a:link, .itemLinks a:visited, .itemLinks a:active { width:48%; padding:0 1%; float:left; margin-top:10px; display:block;  color:#F9A41D; text-decoration: none; font-weight:700; font-size:12px; text-transform:uppercase}
.itemLinks a:hover {color:#F9A41D; font-weight:700; opacity:0.75}
/* link items: one - three items */
.itemLinks a:nth-child(1):nth-last-child(1),
.itemLinks a:nth-child(1):nth-last-child(2),
.itemLinks a:nth-child(2):nth-last-child(1),
.itemLinks a:nth-child(1):nth-last-child(3),
.itemLinks a:nth-child(2):nth-last-child(2),
.itemLinks a:nth-child(3):nth-last-child(1) { width: 100%; margin-left:10px; }

.readMoreBtn { opacity:1}
.readMoreBtn:hover { opacity:0.5}

/* -------------------------------
   Date Label
---------------------------------- */
.dateLabelLarge { background-color:#01386B; width:20%; height:35%; text-align:center; vertical-align:middle;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative; padding:5px; font-size:16px; min-width:50px; min-height:70px;}
.dateLabelLarge .day {font-size:200% !important; line-height:30px; color:#F9FBFF !important; margin:0px; padding:10px 0px 0px 0px}  
.dateLabelLarge .month {font-size:100%; line-height:16px; /*color:#0099ff; */color:#53a3c3 ;text-transform:uppercase; margin:0px; letter-spacing:3px;font-weight:bold;}
.dateLabelLarge .year {font-size:80%; line-height:16px; color:#F9FBFF !important; text-transform:uppercase; margin:0px; letter-spacing:2px;}

/*@media (max-width: 1440px) { */
/* GENERAL PAGE LAYOUT */
	.objectContainer .objectItem { width:330px; height:330px; overflow:hidden;}
/* -------------------------------
   itemLargeImage
---------------------------------- */
	.itemLargeImage .textLabel h5,.itemLargeImage .textLabel h4 { font-size:100%; line-height:normal; }
/* -------------------------------
   Rollover - itemLargeImage
---------------------------------- */
	.descMain p { font-size:75%;padding:1px 15px;}

	.itemLinks a { font-size:90%;margin-left:1px 15px;}
    .itemLinks a:nth-child(1):nth-last-child(1), .itemLinks a:nth-child(1):nth-last-child(2), .itemLinks a:nth-child(2):nth-last-child(1), .itemLinks a:nth-child(1):nth-last-child(3), .itemLinks a:nth-child(2):nth-last-child(2), .itemLinks a:nth-child(3):nth-last-child(1){ margin-left:0; }
    .itemLinks a:link, .itemLinks a:link, .itemLinks a:visited, .itemLinks a:active { width:100%; }
    .itemLinks a:nth-child(n + 4){display:none;} /*display no more than 3 links*/
/* }*/

/*added:2016-12-05*/

/*front*/
.front .featureImgLarge {background-size:cover;background-position:center center;}
.front .info { background-color:white;position:absolute;text-align:left;z-index:1;bottom:0;width:100%;height:70px}
@media only screen and (min-width: 513px) and (max-width: 700px){
	.pageContent #imagesList .grid_gallery li .objectContainer {min-height: 230px}
}
@media only screen and (max-width: 512px){
	.pageContent #imagesList .grid_gallery li .objectContainer {min-height: 200px}
}
.front .info .featureTitle{color:#222; padding:10px 10px 5px;line-height:normal;}
.front .info .date{bottom:0;text-align:left;; padding: 10px;color:whitesmoke;font-size:0.7em}

/*back*/
.back.itemLargeImgRollover{background:black}
img.readMoreBtn{width:15%;height:auto;position:absolute;right:2px;bottom:0;}