/* 
	csw-card-styles.css 
	
	Version: [2018-01-12 19:30]
*/


/* Alignment within the Container */
.cswCard.cswCardAlign-left {
	text-align: left; 
}
.cswCard.cswCardAlign-center {
	text-align: center; 
}
.cswCard.cswCardAlign-right {
	text-align: right; 
}


/*****************/
/* Shadow Styles */
/*****************/
.cswCard  {
	position: relative;	/* needed for shadow */
	z-index: 1;
	box-sizing: border-box;
}


/* cswShadow-small */
.cswCard.cswShadow-small {
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
.cswCard.cswShadow-medium {
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.3);
}
.cswCard.cswShadow-bottom {
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.3);
}
.cswCard.cswShadow-full {
	/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);*/
	box-shadow: 0 1px 20px 0px rgba(0, 0, 0,.75); 
}

/* Edge turned up Shadow */
.cswCard.cswShadow-rightedgeup::after,
.cswCard.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;	/* 0.35714rem; */
    bottom: 12px; /* 1.07143rem; */
    width: 30%;
    max-width: 21.42857rem;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
}
.cswCard.cswShadow-rightedgeup::after {
	right: 0.35714rem;
	left: auto;
	transform: rotate(4deg);
   -webkit-transform: rotate(4deg);
   -ms-transform: rotate(4deg);
	 z-index: -1;
}



/*******************************/
/****** Block Widths ***********/
/*******************************/

.cswGutter-15 .cswCard { 
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}
.cswGutter-30 .cswCard {
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
}
.cswGutter-45 .cswCard {
	margin-top: 0;
	margin-right: 45px;
	margin-bottom: 0;
	margin-left: 0;
}
.cswGutter-60 .cswCard {
	margin-top: 0;
	margin-right: 60px;
	margin-bottom: 0;
	margin-left: 0;
}


/* If shadow add margin to bottom  */
.cswCard[class*='cswShadow'] {
	margin-bottom: 15px;
}



/* Extra small devices (phones, less than 480px) */
/* No media query since this is the default */
.cswCard.cswColXXS-1 { width: 100%; }
.cswCard.cswColXXS-2 { width: 50%; }  
.cswCard.cswColXXS-3 { width: 33%; }
.cswCard.cswColXXS-4 { width: 25%; }
.cswGutter-15 .cswCard.cswColXXS-2 { width: calc((100% / 2) - (15px / 2) ); }  
.cswGutter-15 .cswCard.cswColXXS-3 { width: calc((100% / 3) - ((2*15px) / 3)); }
.cswGutter-15 .cswCard.cswColXXS-4 { width: calc((100% / 4) - ((3*15px) / 4)); } 	
.cswGutter-30 .cswCard.cswColXXS-2 { width: calc((100% / 2) - (30px / 2) ); }  
.cswGutter-30 .cswCard.cswColXXS-3 { width: calc((100% / 3) - ((2*30px) / 3)); }
.cswGutter-30 .cswCard.cswColXXS-4 { width: calc((100% / 4) - ((3*30px) / 4)); } 	
.cswGutter-45 .cswCard.cswColXXS-2 { width: calc((100% / 2) - (45px / 2) ); }  
.cswGutter-45 .cswCard.cswColXXS-3 { width: calc((100% / 3) - ((2*45px) / 2)); }
.cswGutter-45 .cswCard.cswColXXS-4 { width: calc((100% / 4) - ((3*45px) / 3)); } 	
.cswGutter-60 .cswCard.cswColXXS-2 { width: calc((100% / 2) - (60px / 2) ); }  
.cswGutter-60 .cswCard.cswColXXS-3 { width: calc((100% / 3) - ((2*60px) / 3)); }
.cswGutter-60 .cswCard.cswColXXS-4 { width: calc((100% / 4) - ((3*60px) / 4)); } 

/* Extra small devices (480px and up) */
@media (min-width: 480px) { 
	.cswCard.cswColXS-1 { width: 100%; }
	.cswCard.cswColXS-2 { width: 50%; }  
	.cswCard.cswColXS-3 { width: 33%; }
	.cswCard.cswColXS-4 { width: 25%; }
	.cswGutter-15 .cswCard.cswColXS-2 { width: calc((100% / 2) - (15px / 2) ); }  
	.cswGutter-15 .cswCard.cswColXS-3 { width: calc((100% / 3) - ((2*15px) / 3)); }
	.cswGutter-15 .cswCard.cswColXS-4 { width: calc((100% / 4) - ((3*15px) / 4)); } 	
	.cswGutter-30 .cswCard.cswColXS-2 { width: calc((100% / 2) - (30px / 2) ); }  
	.cswGutter-30 .cswCard.cswColXS-3 { width: calc((100% / 3) - ((2*30px) / 3)); }
	.cswGutter-30 .cswCard.cswColXS-4 { width: calc((100% / 4) - ((3*30px) / 4)); } 	
	.cswGutter-45 .cswCard.cswColXS-2 { width: calc((100% / 2) - (45px / 2) ); }  
	.cswGutter-45 .cswCard.cswColXS-3 { width: calc((100% / 3) - ((2*45px) / 2)); }
	.cswGutter-45 .cswCard.cswColXS-4 { width: calc((100% / 4) - ((3*45px) / 3)); } 	
	.cswGutter-60 .cswCard.cswColXS-2 { width: calc((100% / 2) - (60px / 2) ); }  
	.cswGutter-60 .cswCard.cswColXS-3 { width: calc((100% / 3) - ((2*60px) / 3)); }
	.cswGutter-60 .cswCard.cswColXS-4 { width: calc((100% / 4) - ((3*60px) / 4)); } 		
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.cswCard.cswColSM-1 { width: 100%; }
	.cswCard.cswColSM-2 { width: 50%; }  
	.cswCard.cswColSM-3 { width: 33%; }
	.cswCard.cswColSM-4 { width: 25%; }
	.cswGutter-15 .cswCard.cswColSM-2 { width: calc((100% / 2) - (15px / 2) ); }  
	.cswGutter-15 .cswCard.cswColSM-3 { width: calc((100% / 3) - ((2*15px) / 3)); }
	.cswGutter-15 .cswCard.cswColSM-4 { width: calc((100% / 4) - ((3*15px) / 4)); } 	
	.cswGutter-30 .cswCard.cswColSM-2 { width: calc((100% / 2) - (30px / 2) ); }  
	.cswGutter-30 .cswCard.cswColSM-3 { width: calc((100% / 3) - ((2*30px) / 3)); }
	.cswGutter-30 .cswCard.cswColSM-4 { width: calc((100% / 4) - ((3*30px) / 4)); } 	
	.cswGutter-45 .cswCard.cswColSM-2 { width: calc((100% / 2) - (45px / 2) ); }  
	.cswGutter-45 .cswCard.cswColSM-3 { width: calc((100% / 3) - ((2*45px) / 2)); }
	.cswGutter-45 .cswCard.cswColSM-4 { width: calc((100% / 4) - ((3*45px) / 3)); } 	
	.cswGutter-60 .cswCard.cswColSM-2 { width: calc((100% / 2) - (60px / 2) ); }  
	.cswGutter-60 .cswCard.cswColSM-3 { width: calc((100% / 3) - ((2*60px) / 3)); }
	.cswGutter-60 .cswCard.cswColSM-4 { width: calc((100% / 4) - ((3*60px) / 4)); } 		
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  
	.cswCard.cswColMD-1 { width: 100%; }
	.cswCard.cswColMD-2 { width: 50%; }  
	.cswCard.cswColMD-3 { width: 33%; }
	.cswCard.cswColMD-4 { width: 25%; }
	.cswGutter-15 .cswCard.cswColMD-2 { width: calc((100% / 2) - (15px / 2) ); }  
	.cswGutter-15 .cswCard.cswColMD-3 { width: calc((100% / 3) - ((2*15px) / 3)); }
	.cswGutter-15 .cswCard.cswColMD-4 { width: calc((100% / 4) - ((3*15px) / 4)); } 	
	.cswGutter-30 .cswCard.cswColMD-2 { width: calc((100% / 2) - (30px / 2) ); }  
	.cswGutter-30 .cswCard.cswColMD-3 { width: calc((100% / 3) - ((2*30px) / 3)); }
	.cswGutter-30 .cswCard.cswColMD-4 { width: calc((100% / 4) - ((3*30px) / 4)); } 	
	.cswGutter-45 .cswCard.cswColMD-2 { width: calc((100% / 2) - (45px / 2) ); }  
	.cswGutter-45 .cswCard.cswColMD-3 { width: calc((100% / 3) - ((2*45px) / 2)); }
	.cswGutter-45 .cswCard.cswColMD-4 { width: calc((100% / 4) - ((3*45px) / 3)); } 	
	.cswGutter-60 .cswCard.cswColMD-2 { width: calc((100% / 2) - (60px / 2) ); }  
	.cswGutter-60 .cswCard.cswColMD-3 { width: calc((100% / 3) - ((2*60px) / 3)); }
	.cswGutter-60 .cswCard.cswColMD-4 { width: calc((100% / 4) - ((3*60px) / 4)); } 		
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.cswCard.cswColLG-1 { width: 100%; }
	.cswCard.cswColLG-2 { width: 50%; }  
	.cswCard.cswColLG-3 { width: 33%; }
	.cswCard.cswColLG-4 { width: 25%; }
	.cswGutter-15 .cswCard.cswColLG-2 { width: calc((100% / 2) - (15px / 2) ); }  
	.cswGutter-15 .cswCard.cswColLG-3 { width: calc((100% / 3) - ((2*15px) / 3)); }
	.cswGutter-15 .cswCard.cswColLG-4 { width: calc((100% / 4) - ((3*15px) / 4)); } 	
	.cswGutter-30 .cswCard.cswColLG-2 { width: calc((100% / 2) - (30px / 2) ); }  
	.cswGutter-30 .cswCard.cswColLG-3 { width: calc((100% / 3) - ((2*30px) / 3)); }
	.cswGutter-30 .cswCard.cswColLG-4 { width: calc((100% / 4) - ((3*30px) / 4)); } 	
	.cswGutter-45 .cswCard.cswColLG-2 { width: calc((100% / 2) - (45px / 2) ); }  
	.cswGutter-45 .cswCard.cswColLG-3 { width: calc((100% / 3) - ((2*45px) / 2)); }
	.cswGutter-45 .cswCard.cswColLG-4 { width: calc((100% / 4) - ((3*45px) / 3)); } 	
	.cswGutter-60 .cswCard.cswColLG-2 { width: calc((100% / 2) - (60px / 2) ); }  
	.cswGutter-60 .cswCard.cswColLG-3 { width: calc((100% / 3) - ((2*60px) / 3)); }
	.cswGutter-60 .cswCard.cswColLG-4 { width: calc((100% / 4) - ((3*60px) / 4)); } 	
}


/* remove gutter from last in row */

/* XX-Small Devices */
@media (max-width: 479px) { 
	.cswCard.cswColXXS-1:nth-child(1n),
	.cswCard.cswColXXS-2:nth-child(2n),
	.cswCard.cswColXXS-3:nth-child(3n),
	.cswCard.cswColXXS-4:nth-child(4n) { 
		margin-right: 0; 
	}

	/* add the top gutter for all items except the first row. */
   .cswGutter-15 .cswCard.cswColXXS-1:nth-child(n+2),
	.cswGutter-15 .cswCard.cswColXXS-2:nth-child(n+3),
	.cswGutter-15 .cswCard.cswColXXS-3:nth-child(n+4),
	.cswGutter-15 .cswCard.cswColXXS-4:nth-child(n+5) {
     	margin-top: 15px;
	}		
   .cswGutter-30 .cswCard.cswColXXS-1:nth-child(n+2),
	.cswGutter-30 .cswCard.cswColXXS-2:nth-child(n+3),
	.cswGutter-30 .cswCard.cswColXXS-3:nth-child(n+4),
	.cswGutter-30 .cswCard.cswColXXS-4:nth-child(n+5) {
     	margin-top: 30px;
	}		
   .cswGutter-45 .cswCard.cswColXXS-1:nth-child(n+2),
	.cswGutter-45 .cswCard.cswColXXS-2:nth-child(n+3),
	.cswGutter-45 .cswCard.cswColXXS-3:nth-child(n+4),
	.cswGutter-45 .cswCard.cswColXXS-4:nth-child(n+5) {
     	margin-top: 45px;
	}		
   .cswGutter-60 .cswCard.cswColXXS-1:nth-child(n+2),
	.cswGutter-60 .cswCard.cswColXXS-2:nth-child(n+3),
	.cswGutter-60 .cswCard.cswColXXS-3:nth-child(n+4),
	.cswGutter-60 .cswCard.cswColXXS-4:nth-child(n+5) {
     	margin-top: 60px;
	}		
}

/* X-Small Devices */
@media (min-width: 480px) and (max-width: 767px)  { 
	.cswCard.cswColXS-1:nth-child(1n),
	.cswCard.cswColXS-2:nth-child(2n),
	.cswCard.cswColXS-3:nth-child(3n),
	.cswCard.cswColXS-4:nth-child(4n) { 
		margin-right: 0; 
	}

	/* add the top gutter for all items except the first row. */
   .cswGutter-15 .cswCard.cswColXS-1:nth-child(n+2),
	.cswGutter-15 .cswCard.cswColXS-2:nth-child(n+3),
	.cswGutter-15 .cswCard.cswColXS-3:nth-child(n+4),
	.cswGutter-15 .cswCard.cswColXS-4:nth-child(n+5) {
     	margin-top: 15px;
	}		
   .cswGutter-30 .cswCard.cswColXS-1:nth-child(n+2),
	.cswGutter-30 .cswCard.cswColXS-2:nth-child(n+3),
	.cswGutter-30 .cswCard.cswColXS-3:nth-child(n+4),
	.cswGutter-30 .cswCard.cswColXS-4:nth-child(n+5) {
     	margin-top: 30px;
	}		
   .cswGutter-45 .cswCard.cswColXS-1:nth-child(n+2),
	.cswGutter-45 .cswCard.cswColXS-2:nth-child(n+3),
	.cswGutter-45 .cswCard.cswColXS-3:nth-child(n+4),
	.cswGutter-45 .cswCard.cswColXS-4:nth-child(n+5) {
     	margin-top: 45px;
	}		
   .cswGutter-60 .cswCard.cswColXS-1:nth-child(n+2),
	.cswGutter-60 .cswCard.cswColXS-2:nth-child(n+3),
	.cswGutter-60 .cswCard.cswColXS-3:nth-child(n+4),
	.cswGutter-60 .cswCard.cswColXS-4:nth-child(n+5) {
     	margin-top: 60px;
	}		
}

/* Small devices  */
@media (min-width: 768px) and (max-width: 991px)  { 
	.cswCard.cswColSM-1:nth-child(1n),
	.cswCard.cswColSM-2:nth-child(2n),
	.cswCard.cswColSM-3:nth-child(3n),
	.cswCard.cswColSM-4:nth-child(4n) { 
		margin-right: 0; 
	}

	/* add the top gutter for all items except the first row. */
   .cswGutter-15 .cswCard.cswColSM-1:nth-child(n+2),
	.cswGutter-15 .cswCard.cswColSM-2:nth-child(n+3),
	.cswGutter-15 .cswCard.cswColSM-3:nth-child(n+4),
	.cswGutter-15 .cswCard.cswColSM-4:nth-child(n+5) {
     	margin-top: 15px;
	}		
   .cswGutter-30 .cswCard.cswColSM-1:nth-child(n+2),
	.cswGutter-30 .cswCard.cswColSM-2:nth-child(n+3),
	.cswGutter-30 .cswCard.cswColSM-3:nth-child(n+4),
	.cswGutter-30 .cswCard.cswColSM-4:nth-child(n+5) {
     	margin-top: 30px;
	}		
   .cswGutter-45 .cswCard.cswColSM-1:nth-child(n+2),
	.cswGutter-45 .cswCard.cswColSM-2:nth-child(n+3),
	.cswGutter-45 .cswCard.cswColSM-3:nth-child(n+4),
	.cswGutter-45 .cswCard.cswColSM-4:nth-child(n+5) {
     	margin-top: 45px;
	}		
   .cswGutter-60 .cswCard.cswColSM-1:nth-child(n+2),
	.cswGutter-60 .cswCard.cswColSM-2:nth-child(n+3),
	.cswGutter-60 .cswCard.cswColSM-3:nth-child(n+4),
	.cswGutter-60 .cswCard.cswColSM-4:nth-child(n+5) {
     	margin-top: 60px;
	}		
}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px)  { 
	.cswCard.cswColMD-1:nth-child(1n),
	.cswCard.cswColMD-2:nth-child(2n), 
	.cswCard.cswColMD-3:nth-child(3n), 
	.cswCard.cswColMD-4:nth-child(4n) { 
		margin-right: 0; 
	}
		
	/* add the top gutter for all items except the first row. */
   .cswGutter-15 .cswCard.cswColMD-1:nth-child(n+2),
	.cswGutter-15 .cswCard.cswColMD-2:nth-child(n+3),
	.cswGutter-15 .cswCard.cswColMD-3:nth-child(n+4),
	.cswGutter-15 .cswCard.cswColMD-4:nth-child(n+5) {
     	margin-top: 15px;
	}		
   .cswGutter-30 .cswCard.cswColMD-1:nth-child(n+2),
	.cswGutter-30 .cswCard.cswColMD-2:nth-child(n+3),
	.cswGutter-30 .cswCard.cswColMD-3:nth-child(n+4),
	.cswGutter-30 .cswCard.cswColMD-4:nth-child(n+5) {
     	margin-top: 30px;
	}		
   .cswGutter-45 .cswCard.cswColMD-1:nth-child(n+2),
	.cswGutter-45 .cswCard.cswColMD-2:nth-child(n+3),
	.cswGutter-45 .cswCard.cswColMD-3:nth-child(n+4),
	.cswGutter-45 .cswCard.cswColMD-4:nth-child(n+5) {
     	margin-top: 45px;
	}		
   .cswGutter-60 .cswCard.cswColMD-1:nth-child(n+2),
	.cswGutter-60 .cswCard.cswColMD-2:nth-child(n+3),
	.cswGutter-60 .cswCard.cswColMD-3:nth-child(n+4),
	.cswGutter-60 .cswCard.cswColMD-4:nth-child(n+5) {
     	margin-top: 60px;
	}		
}

/* Large devices */
@media (min-width: 1200px) { 
	.cswCard.cswColLG-1:nth-child(1n),
	.cswCard.cswColLG-2:nth-child(2n),
	.cswCard.cswColLG-3:nth-child(3n),
	.cswCard.cswColLG-4:nth-child(4n) { 
		margin-right: 0; 
	}
		
	/* add the top gutter for all items except the first row. */
   .cswGutter-15 .cswCard.cswColLG-1:nth-child(n+2),
	.cswGutter-15 .cswCard.cswColLG-2:nth-child(n+3),
	.cswGutter-15 .cswCard.cswColLG-3:nth-child(n+4),
	.cswGutter-15 .cswCard.cswColLG-4:nth-child(n+5) {
     	margin-top: 15px;
	}		
   .cswGutter-30 .cswCard.cswColLG-1:nth-child(n+2),
	.cswGutter-30 .cswCard.cswColLG-2:nth-child(n+3),
	.cswGutter-30 .cswCard.cswColLG-3:nth-child(n+4),
	.cswGutter-30 .cswCard.cswColLG-4:nth-child(n+5) {
     	margin-top: 30px;
	}		
   .cswGutter-45 .cswCard.cswColLG-1:nth-child(n+2),
	.cswGutter-45 .cswCard.cswColLG-2:nth-child(n+3),
	.cswGutter-45 .cswCard.cswColLG-3:nth-child(n+4),
	.cswGutter-45 .cswCard.cswColLG-4:nth-child(n+5) {
     	margin-top: 45px;
	}		
   .cswGutter-60 .cswCard.cswColLG-1:nth-child(n+2),
	.cswGutter-60 .cswCard.cswColLG-2:nth-child(n+3),
	.cswGutter-60 .cswCard.cswColLG-3:nth-child(n+4),
	.cswGutter-60 .cswCard.cswColLG-4:nth-child(n+5) {
     	margin-top: 60px;
	}		
}

.cswCard:last-child { 
	margin-right: 0; 
}
