@charset "utf-8";
/* CSS Document
	SHOWCASE STYLE SHEET
*/

/* PUBLISH INFO */
.sc_publish_info { color: #666666;}
.sc_publish_info label{ color: #999999;/*color:#9F9983;/*NEW COLOUR THEME*/ margin-right: 3px; font-size: xx-small; font-weight: 500; margin-bottom: 0px;  white-space: nowrap;}
/* END PUBLISH INFO */

/*SHOWCASE CATEGORY LAYOUT */
.masonry{
/* REFER TO PJ STYLESHEET */

}

/* .masonry .gird .gird-item .showcase-frame { */
.showcase-frame {
	color:  #120A07;/*NEW COLOUR THEME*/
    display: block; /* flex; /*inline-block;*/
    background: #FFFFFF;/*#f9f8f7; /*NEW COLOUR THEME*/
    /*padding: 1.5em;*/
    /*margin: 0 0 1.5em;*/
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
/*    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.18); */
/*	-moz-border-radius: 0px 5px 8px 0px rgba(0, 0, 0, 0.18); */
/*	-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.18); */
/*    border-radius: 3px; */
/*  -moz-border-radius: 3px; */
/*    -webkit-border-radius: 3px; */
	opacity: 1;
/*	transition: opacity .4s ease-in-out;*/
	 transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;
	/* flex-direction: column;*/
	/* break-inside: avoid; */

}

.showcase-container {
	transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;
	width: 100%;
	height: 100%;
	display: block;
}

.showcase-container .showcase-link {
	display: block;
	width: 100%;
	height: 100%;
}

.showcase-container .showcase-link .showcase-section {
	display: block;
	/*margin: 0.5em;*/
}

.showcase-frame .showcase-container .showcase-link .showcase-section .showcase-info-box {
	 display: block;
	 width: 100%;
	 height: auto;
	/* padding: 0.5em 0.5em;/*1.5em;*/
	padding: 1em;
}

.showcase-container .showcase-link .showcase-section .showcase-info-box .header-box h4 {
	color: #D16407; /*rgb(141, 165, 58); /*#99CC00; /*rgb(167, 133, 62); /*#eb5f25; /*NEW COLOUR THEME*/
	/*position: relative;*/
	text-transform:capitalize;
	font-weight: 500;
	font-size: 1.3em;
	letter-spacing: 0.5px;
}

.showcase-frame .showcase-container .showcase-link {
	color:  #120A07;/*NEW COLOUR THEME*/
	text-decoration:none;
}

.masonry:hover .grid .grid-item div .showcase-frame .showcase-container:not(:hover) {
	/*opacity: 0.6;
	 transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;*/
}

.showcase-frame:hover {
	/*background: #FFFFFF;/*rgb(247, 235, 219); /*#FAF7F2; /* #f6f1ec; /*NEW COLOUR THEME*/
}

/*.masonry .showcase-frame .showcase-container:hover .showcase-section{*/
.showcase-frame .showcase-container:hover .showcase-section .masonry-layout .category-picts{
	opacity: 1;
	 transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;
}

.showcase-container .showcase-section .masonry-layout{
	width: 100%;
    padding: 2px;
/*  -moz-column-gap: 0.5em; */
/*    -webkit-column-gap: 0.5em;*/
/*    column-gap: 0.5em;*/
    font-size: .85em;
	display: table;

}

.showcase-section .masonry-layout .category-picts {
	/*display:table;*/
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	margin: 0 0 0;
}

.showcase-section .masonry-layout .category-picts .image-box {
		display: block;
		/*margin: 0 0 0.5em;*/
		
		float: left;
		/*padding: 0.2em;	*/
}

.showcase-section .masonry-layout .category-picts .image-box .photo {
	display: block;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center; 
	width:100%;
	height: 100%;
	border: 1px solid #eee;
}

/* COL 4 LAYOUT */
.mcol-4 .grid-item .grid-content .category-picts .empty-figure-frame,
.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-1 .image1 {
	width: 100%;
	height: 180px;	
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-2 .image1 {
	width: 50%;
	height: 180px;	
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-2 .image2 {
	width: 50%;
	height: 180px;	
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-3 .image1 {
	width: 100%;
	height: 180px;	
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-3 .image2 {
	width: 50%; 
	height: 180px;
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-3 .image3 {
	width: 50%;
	height: 180px;
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-4 .image1 {
	width: 50%;
	height: 180px;	
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-4 .image2 {
	width: 50%;
	height: 180px;
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-4 .image3 {
	width: 50%;
	height: 180px;
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-4 .image4 {
	width: 50%;
	height: 180px;
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image1 {
	width: 50%;
	height: 180px;	
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image2 {
	width: 50%;
	height: 120px;
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image3 {
	width: 50%;
	height: 120px;
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image4 {
	width: 50%;
	height: 120px;
	margin-left: -50%;
	margin-top: 120px;
}

.mcol-4 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image5 {
	width: 50%;
	height: 180px;
	/*margin-left: -50%;*/
	margin-top: -180px;
	clear: both;
}

/* FOR COL 2 LAYOUT */
.mcol-2 .grid-item .grid-content .category-picts .empty-figure-frame,
.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-1 .image1 {
	width: 100%;
	height: 120px;	
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-2 .image1 {
	width: 50%;
	height: 120px;	
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-2 .image2 {
	width: 50%;
	height: 120px;	
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-3 .image1 {
	width: 33.33%;
	height: 120px;	
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-3 .image2 {
	width: 33.33%; 
	height: 120px;
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-3 .image3 {
	width: 33.33%;
	height: 120px;
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-4 .image1 {
	width: 25%;
	height: 120px;	
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-4 .image2 {
	width: 25%;
	height: 120px;
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-4 .image3 {
	width: 25%;
	height: 120px;
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-4 .image4 {
	width: 25%;
	height: 120px;
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image1 {
	width: 20%;
	height: 120px;	
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image2 {
	width: 20%;
	height: 120px;
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image3 {
	width: 20%;
	height: 120px;
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image4 {
	width: 20%;
	height: 120px;
	margin-left: 0px;
	margin-top: 0px;
}

.mcol-2 .showcase-frame .showcase-container .showcase-link .showcase-section .masonry-layout .box-5 .image5 {
	width: 20%;
	height: 120px;
	/*margin-left: -50%;*/
	margin-top: 0px;
	clear: none;
}
/* END SHOWCASE */

/* SHOWCASE PICTURE LIST CATEGORY */

#showcase_category_pictures.row {
	margin-right: 0px;
	margin-left: 0px;
}


.pict-layout {
/*	-moz-column-gap: 0.5em; */
/*   -webkit-column-gap: 0.5em; */
/*    column-gap: 0.5em; */
}

.figure-frame {
	color:  #120A07;/*NEW COLOUR THEME*/
    /*display: inline-block;*/
    background: #FFFFFF;/*#f9f8f7; /*NEW COLOUR THEME*/
    /*padding: 1.5em;*/
    margin: 0 0 0.1em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
/*    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18); */
/*	-moz-border-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.18); */
/*	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18); */
/*    border-radius: 0px; */
/*  -moz-border-radius: 3px; */
/*    -webkit-border-radius: 0px; */
	/*transition: opacity .4s ease-in-out;*/
	opacity: 1;
	 transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;
}

.figure {
   /*margin: 8px;*/
  /*border: 1px solid #333;*/
  	 transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;
	width: 100%;
	height: 100%;
	padding: 5px;
}

.figure img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1; /*0.8;*/
}

.figure img.zoom-image {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -moz-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -ms-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.figure:hover img.zoom-image {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.figure .figlink {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.figure .figlink .figcontainer {
	display: block;
	position: relative;
	/*margin: 8px;*/
    overflow: hidden;
	border: 1px solid #f5f5f5;
}

/*.figcontainer .figcaption  {*/
.figcaption  {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
/*	background-color:rgba(255,255,255,0.7); /*rgba(72, 76, 97, 0.8);*/
	/* background: linear-gradient(
    	to bottom,
    	rgba(35, 21, 9, 0) 0%,
    	rgba(35, 21, 9, 0.8) 75%
  	); */
	opacity: 0;
	 transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;

}

.figcaption .grid-caption-wrapper{
	width: 100%;
	display: block;
	position: absolute;
	bottom: 10%;

}

.figcaption .grid-caption-wrapper .title {
  word-spacing: -0.15em;
  font-weight: 300;
  color: #000;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 5%;
}

.figcaption .grid-caption-wrapper .title span{
  display: block;
}

.figcaption .grid-caption-wrapper .grid-button-wrapper {
  text-align: center;
  display: block;
  width: 100%;	
}

.figcaption .grid-caption-wrapper .grid-button-wrapper button.rww_grid_button { 
  background-color: transparent;
  border: 1px solid #fff; 
  border-radius: 5px;
  margin: 0 auto;
  padding: 0.5rem;
  font-weight: bold;
  font-size: smaller;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.3s;
}

.figcaption .grid-caption-wrapper .grid-button-wrapper button {
  border: 0px; 
}

.figcaption .grid-caption-wrapper .grid-button-wrapper .btn-icon { 
  background-color: #000000;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 1px 10px;  
  display: inline-block;
  margin: 0px 5px;
}

.figcaption .grid-caption-wrapper .grid-button-wrapper .btn-icon i { 
	line-height: 36px;
	color: #fff;
	font-weight: 300;
}

.masonry:hover .figure:not(:hover) {
	opacity: 1;
	 transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;
}

.masonry .figure-frame:hover .figure{
	/*background: #FFFFFF;/*rgb(247, 235, 219); /*#FAF7F2; /* #f6f1ec; /*NEW COLOUR THEME*/
	/*box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.25);*/
	/*-webkit-box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.19);*/
	/*z-index: 10;*/
}

/*.figure a.figlink:hover .figcaption {*/
/*.masonry .figure:hover .figcontainer .figcaption {*/
.masonry .figure:hover .figlink .figcaption {
	opacity: 1;
	 transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;
	
}

/*
.col-2.pictures-list .gird-item .figure-frame .figure .figlink .figcontainer,
.col-2.pictures-list .gird-item .figure-frame .figure .figlink .figcaption {
	width: 50%;
	float: left;
	margin-bottom: 5px;
}

.col-2.pictures-list .gird-item .figure-frame .figure .figlink .figcaption {
	display: block;
	height: 100%;
}

.col-2.pictures-list .gird-item .figure-frame .figure .figlink .figcaption .grid-caption-wrapper {
	position: relative;
	bottom: 0px;
}
*/

/*
.empty-figure-icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: auto;
	border-radius: 50%;
	border: 1px solid #EEEEEE;
	background: #EEEEEE;
	text-align: center;
	vertical-align: middle;
}

.empty-figure-icon:before {
	background: #FFFFFF;
    border: medium none;
    content: "";
    height: 3px;
    margin: 27px -30px;
    position: absolute;
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: 50% 50% 0;
    width: 60px;
}

.empty-figure-icon i.fa {
	margin: 15px auto;
	display: block;
	vertical-align: middle;
	font-size: 30px;
	color: #FFFFFF;
	transform: rotate(20deg);
}
*/
/*
#showcase_category_pictures .pict-layout {

}

#showcase_category_pictures .masonry {

}

#showcase_category_pictures .masonry .gird {

}

#showcase_category_pictures .masonry .col-4.gird {
	display: flex;
	flex-direction: column;
	flex-flow: column wrap;
	grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
	break-inside: avoid;
	grid-auto-columns: 20%;
	grid-auto-rows: 0;

}

#showcase_category_pictures .masonry .gird .gird-item { 
	padding: 0px;
	display: grid;
	padding-bottom: 0.3em;
	flex-direction: row;
	break-inside: avoid;
	position: relative;

}
*/

/*
.figcontainer.portrait {
	height: 20%;
}

.figcontainer.landscape {
	height: 20%;
}
*/

/*
#showcase_category_pictures .masonry-pict-layout {

}

#showcase_category_pictures .masonry-pict-layout .gird {
 

}

#showcase_category_pictures .masonry-pict-layout .gird .gird-item { 

}
#showcase_category_pictures .masonry-pict-layout .gird .gird-item .figure-frame {

	
}*/
/* END SHOWCASE PICTURE LIST CATEGORY */