/* @version 12.11.20 - PM version
 @version 02.06.20 - Changes to gallery width / height for square gallery
version 25.04.20 - remove overlay for zoom in 
------------------------------------------------------ */

#main-content {
}

#main-content h1, #main-content h2 {
    font-size: .84em;
    text-transform: capitalize;
    height : 85px;
    line-height : 85px;
    letter-spacing : .28em;
    font-weight : 300;
    color : black;
}


.mainnavigation {
    padding-bottom : 0px;
 }

.gallery-body {
	margin : 0 55px 0 55px;
}

#main-content	article	{
	margin : 0;
}

.gallery_slide {
    overflow : hidden;
    float : left;
    margin-bottom : 40px;
    margin-right : 40px;
    position : relative;
}

.gallery_slide.right_slide {
	margin-right : 0;
}

.gallery_slide_img_container,
.article_style_gallery .gallery_slide {
	overflow : hidden;
    text-align : center;
    position : relative; 	
    height : 240px;
 }

.gallery_slide img {
 	object-fit: cover;
 	height : 240px;
 	cursor : zoom-in;
}

.article_style_gallery_index .gallery_slide img {
 	vertical-align : middle;
 	cursor : pointer;
}

div.article_style_gallery_index .gallery_slide_img_container {
	overflow : hidden;
	width : 240px; 
	height : 240px; 
	background-color : #f5f5f5;
	 
}

.article_style_gallery_common>h1,
.article_style_gallery_common>h2 {
    margin : 0;
	text-transform : uppercase;
}

.article_style_gallery_common>h1 {	
	text-decoration : none;
	color : inherit;
    padding :  1% .5% 1% 1.5%;
	
}
.gallery-body>h1 {
	    float : left;
		width : 40%;
}

.gallery-body>h2  {	
    width : 40%;
    float : right;
    text-align : right;
}

.gallery-body>h2 a {	
    text-decoration  : none;
    color : inherit;
}

.article_style_gallery_index {
	background-color : white;
    padding-bottom : 1%;
    cursor : pointer;
}


/* .article_style_gallery_index .common_cell footer { */

.article_style_gallery_index footer {
    padding : 0;
    background: none;
    text-align : center;
    color : black;
    font-size: .80em;
    text-transform: capitalize;
    height : 85px;
    letter-spacing : .14em;
    font-weight : 300;
    
}

.article_style_gallery_index .common_cell h1	{
}

.article_style_gallery_index .common_cell p  {
	padding : 2% 0 0 0;
}

/* ------------------------------------------------------ */

.article_style_gallery {
    background-color : white;
    padding-bottom : 1%;
}

.article_style_gallery .gallery_slide img {
}

#gallery_container  {
    position : fixed;
    display : none;
    top : 0;
    left : 0;
    background: rgba(0,0,0,1);
    width : 100%;
    height : 100%;
    z-index : 99999;
    opacity : 0;
     transition: opacity .5s;
}

#fgallery   {
    position : absolute;
    width : 100%;
    height : 100%;
    top : 50%;
    margin-top : -300px;
}

.carousel-cell {
    height :600px;
    overflow : hidden;
}

.carousel-cell  img {
    height : 100%;
    	margin-left: 2%;
}

.article_style_gallery .common_cell footer {
    width : 100%;
    height : auto;
    padding : 0;
    position : absolute;
    background: rgba(0,0,0,0.45);
    color : white;
    bottom :-100%;
    
}


.carousel-cell footer {
	    position : absolute;
	    text-align: center;
		bottom : 0;
    	background: rgba(0,0,0,0.55);
    	margin-left: 2%;
    	padding : 0;
		width : 100%;
		color : white;
}
/*
.carousel-cell footer h1 {
	font-size : 1.2em;
	font-weight : bold;
}
*/
.carousel-cell footer p {
	font-size : .9em;
	font-weight : normal;
	line-height : 1.5em;
}


.gallery_slide:hover > footer {
	bottom : 0;
	transition-duration : .5s;
}

.article_style_gallery .common_cell div.gallery_header	{
	padding : 8px 0 0 0;
	margin : 0;
	font-size : .7em;
	font-weight : normal;
	line-height: 100%;
	letter-spacing : .28em;
}

.article_style_gallery .common_cell div.no_comments	{
	padding-bottom : 10px;
}

.article_style_gallery .common_cell p  {
	padding : 10px 0 10px 0;
	font-size : .6em;
	margin : 0 !important;    
    line-height : 100%;
}




.close-gallery-button    {
    top : 5%; 
    right : 5%;
    position:absolute;
    width : 50px;
    height : 50px;
    cursor: pointer;
}

.close-gallery-button img   {
    width : 100%;
    height : 100%;
}

@media only screen and (min-width :1000px) and (max-width : 1200px) {
	.gallery_slide  {
    	height : auto;
	}
	
.gallery_slide.right_slide {
	margin-right : 40px;
}
	
}

@media only screen and (min-width :100px) and (max-width : 1000px) {
		
		#main-content article {
    padding: 0;
}

.gallery-body {
    margin: 0 25px 0 25px;
}		
		
		
	.article_style_gallery_common .imgoverlay {
		display : none;
	}
	
	.article_style_gallery .gallery_slide  {
	    height : auto;
	}

	.article_style_gallery_index .gallery_slide  {
		height : auto;

	}
	
	div.fullwidth .gallery_slide {
    	width : 100% !important ;
	}

	
	.gallery_slide  {
    	height : auto;
    	float : none;
    	width : 100%;
    	padding : 0;
    	margin : 0 0 2% 0;
	}
	
	.gallery_slide img {
		height : auto;
	}


	.gallery_slide.square img {
		width : 100%;
	 	height : auto;
	}
	 .gallery_slide.square {
		width : 90%;
		height : auto;
	 }
	
	.article_style_gallery .imgoverlay {
	    width : 90%;
    	height : 90%;
    	
	}	
	
	#fgallery   {
	    margin-top : -25%;
	}
	
	.carousel-cell {
	    height :300px;
	    overflow : hidden;
	}
/*	
	.article_style_gallery .common_cell footer {
	    width : 80%;
	    height : 30%;
	    padding : 0 5% 0 5%;
	    position : absolute;
	    background: rgba(200,215,222,0.75);
	    color : black;
	    bottom : 0;
	}
*/	


.article_style_gallery .common_cell footer {
    width : 99%;
    height : auto;
    padding : 1% 0 1% 0;
    position : relative;
    background: rgba(255,255,255,0.75);
    color : #aaa;
    bottom : -100%;
	transition-duration : .5s;
    
}

div.article_style_gallery_index .gallery_slide_img_container {
	width : 100%; 
}

.article_style_gallery .common_cell footer h1 {
	margin : 2% 0 2% 0;
	font-size : 1.1em;
}

.article_style_gallery .common_cell footer p {
	margin : 2% 0 2% 0;
	line-height : 1.3em;
	text-align : left;
}

.carousel-cell footer {
	display : none;
    position : relative;
		bottom : 0;
		background-color : #aaa;
    	margin-left: 2%;
    	padding : 2% 2% 5% 3%;
		width : 94%;
		color : black;
}

/*
	.article_style_gallery .common_cell h1	{
		padding : 2px 0 0 0;
		font-size : 1em;
		font-weight : bold;
		line-height : 110%;
		
	}
	
	.article_style_gallery .common_cell p  {
		padding : 0 0 0 0;
	    line-height : 105%;
	    font-size : .9em;
	    
	}
*/
	#imagegallery a {
		text-decoration : none !important;
		color : inherit;
	}
/*
	.article_style_gallery_index .common_cell footer {
    	height : 40px;
    	
	}
*/
	.article_style_gallery_index .common_cell h1	{
	}


/*     	font-size : .9em; */
	.article_style_gallery_index .common_cell p  {
		padding : 0 0 0 0;
	}
	
	#rightcontent {
		display : none;
	}
}