/* 
	csw-image-styles.css 
	
	Version: [2018-01-12 19:16]
*/ 

/* 	
	Image Movement Styles
	-------------------------
	cswImgMove-none
	cswImgMove-slideRight
	cswImgMove-slideDown
	cswImgMove-zoomIn
	cswImgMove-zoomOut
	cswImgMove-zoomOutAndSlideRight
	cswImgMove-resizeIn

	Text Alignment
	--------------------
	cswRolloverPos-top
	cswRolloverPos-center
	cswRolloverPos-bottom

	Shading Effects
	--------------------------
	cswShadeStyle-solid
	cswShadeStyle-horz
	cswShadeStyle-vert
	cswShadeStyle-diag
	
	cswShadeOpacity-none
	cswShadeOpacity-light
	cswShadeOpacity-medium
	cswShadeOpacity-dark
	cswShadeOpacity-full
	
	
	Border Shadow
	------------------
	cswShadow-none
	cswShadow-small
	cswShadow-medium
	cswShadow-bottom
	cswShadow-full
	cswShadow-leftedgeup
	cswShadow-rightedgeup
	
*/


/**************************/
/* Image Movement Effects */
/**************************/

.cswImageWrapper {
	position: relative;
	overflow: hidden;
}

/**
.cswImageWrapper:not(:hover) .cswHoverImgOverlay {
	opacity: 0;
}
**/

.cswImage {
	width: 100%;
}

.cswImgMove-slideRight .cswImage
{
	/* make the image bigger so we can slide */
	width:130%;
	/*
    -webkit-transform: scale3d(1.3,1.3,1);
    transform: scale3d(1.3,1.3,1);
	*/
}




/* ----------------*/
/* Slide to Right  */
/* ----------------*/
.cswImageWrapper.cswImgMove-slideRight .cswImage {
	/* move the image over 40px to left */
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

/* hover */
.cswOverlayWrapper:hover .cswImageWrapper.cswImgMove-slideRight .cswImage {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* ----------------*/
/*    Slide Down   */
/* ----------------*/
.cswImageWrapper.cswImgMove-slideDown .cswImage {
	/* move the image up 40px */
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0,-20px, 0) scale(1.3);
	transform: translate3d(0,-20px,0) scale(1.3);
}

/* hover */
.cswOverlayWrapper:hover .cswImageWrapper.cswImgMove-slideDown .cswImage {
	-webkit-transform: translate3d(0,0,0) scale(1.3);
	transform: translate3d(0,0,0) scale(1.3);
}

/* ----------------*/
/* --- Zoom in --- */
/* ----------------*/
.cswImgMove-zoomIn .cswImage {
	-webkit-transform: scale(1);
	transform: scale(1);	
	transition: all 0.5s;
}

/* hover */
.cswOverlayWrapper:hover .cswImgMove-zoomIn .cswImage {
	-webkit-transform: scale(1.3);
	transform: scale(1.3); 
	transition: all 0.5s;
}

/* -----------------*/
/* --- Zoom Out --- */
/* ----------------*/
.cswImgMove-zoomOut .cswImage {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	transition: all 0.5s;	
}
/* hover */
.cswOverlayWrapper:hover .cswImgMove-zoomOut .cswImage {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 0.5s;		
}

/* -------------------------------*/
/* --- Zoom Out & Slide Right --- */
/* -------------------------------*/
.cswImgMove-zoomOutAndSlideRight .cswImage {
	transition: all 0.5s;
	-webkit-transform: translate3d(-15%,0,0) scale(1.3);	
	transform: translate3d(-15%,0,0) scale(1.3);					
}
/* hover */
.cswOverlayWrapper:hover .cswImgMove-zoomOutAndSlideRight .cswImage {
	transition: all 0.5s;
	-webkit-transform: scale(1);
	transform: scale(1);
}


/* ------------------*/
/* --- Resize In --- */
/* ------------------*/
.cswImgMove-resizeIn .cswImageWrapper {
	transition: all 0.5s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/* hover */
.cswOverlayWrapper:hover .cswImgMove-resizeIn .cswImageWrapper {
	-webkit-transform: scale3d(0.95,0.95,1);
	transform: scale3d(0.95,0.95,1);
	transition: all 0.5s;
}


/***************************
   Shading
****************************/

.cswShadeStyle-solid {
	background: currentColor;
}
.cswShadeStyle-totop {
	background: linear-gradient(0deg, black, currentColor);
}
.cswShadeStyle-tobottom {
	background: linear-gradient(0deg, currentColor, black);
}
.cswShadeStyle-toleft {
	background: linear-gradient(90deg, currentColor, black);
}
.cswShadeStyle-toright {
	background: linear-gradient(90deg, black, currentColor);
}
.cswShadeStyle-diag {
	background: linear-gradient(45deg, currentColor, black);
}

.cswShadeOpacity-none {
	opacity: 0;
}
.cswShadeOpacity-light {
	opacity: .25 
}
.cswShadeOpacity-medium {
	opacity: .5;
}
.cswShadeOpacity-dark {
	opacity: .75;
}
.cswShadeOpacity-full {
	opacity: 1;
}

.cswOverlayWrapper:hover .cswShadeOpacity-none {
	opacity: 0 !important;
}
.cswOverlayWrapper:hover .cswShadeOpacity-light {
	opacity: .25  !important;
}
.cswOverlayWrapper:hover .cswShadeOpacity-medium {
	opacity: .5 !important;
}
.cswOverlayWrapper:hover .cswShadeOpacity-dark {
	opacity: .75 !important;
}
.cswOverlayWrapper:hover .cswShadeOpacity-full {
	opacity: 1 !important;
}

.cswMainImgOverlay.cswActive {
	background-color: currentColor;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
	transition: all 0.5s;
}

.cswOverlayWrapper:hover .cswMainImgOverlay {
	background-image: none !important;
	background-color: transparent !important;
	opacity: 0 !important;
	transition: all 0.5s;
}

.cswHoverImgOverlay {
	opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
	transition: all 0.5s;
}



.cswOverlayWrapper:not(:hover) .cswHoverImgOverlay {
	background-image: none !important;
	background-color: transparent !important;
	opacity: 0.0 !important;
	transition: all 0.5s;
}


.cswOverlayWrapper:hover .cswHoverImgOverlay.cswActive {
	background-color: currentColor !important;
	transition: all 0.5s;
}


/***************************
   Borders
****************************/

/* cswShadow-small */
.cswImageWrapper.cswShadow-small {
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
.cswImageWrapper.cswShadow-medium {
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.3);
}
.cswImageWrapper.cswShadow-bottom {
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.3);
}
.cswImageWrapper.cswShadow-full {
	box-shadow: 0 1px 20px 0px rgba(0, 0, 0,.75); 
}

/* Edge turned up Shadow */
.cswImageWrapper.cswShadow-leftedgeup:not(.cswImgMove-zoomIn),
.cswImageWrapper.cswShadow-rightedgeup:not(.cswImgMove-zoomIn) {
	overflow: visible;
}

.cswImageWrapper.cswShadow-leftedgeup,
.cswImageWrapper.cswShadow-rightedgeup
{
  position: relative;
  z-index: 1;
}

.cswImageWrapper.cswShadow-rightedgeup::after,
.cswImageWrapper.cswShadow-leftedgeup::before {
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.35);
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    content: "";
    position: absolute;
    top: 80%;
    left: 5px;	
    bottom: 12px; 
    width: 30%;
    max-width: 21.42857rem;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
}
.cswImageWrapper.cswShadow-rightedgeup::after {
	right: 0.35714rem;
	left: auto;
	transform: rotate(4deg);
   -webkit-transform: rotate(4deg);
   -ms-transform: rotate(4deg);
	 z-index: -1;
}