/* 
	csw-buttons.css
		
	Version: [2018-01-16 11:40]
*/
.csw-Buttons {
	/* border: 1px solid #000; */
}

.csw-Buttons .nowrap {
	white-space: nowrap;
}

.csw-Buttons .cswButtonsSet {
	display: block;
	width: 100%;
}


.csw-Buttons .cswButtonBoxFullWidth,
.csw-Buttons .cswButtonBoxFullWidth .cswBtn {
	width: 100%;
}

/**********************/
/* Horizontal Buttons */
/**********************/

.csw-Buttons .cswButtonsHorizontal {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.csw-Buttons .cswButtonsHorizontal .cswBtnWrapper {
	display: inline-block;
}

.csw-Buttons .cswButtonsHorizontal.cswButtonAlign-right {
	text-align: right;
	justify-content: flex-end;
}
.csw-Buttons .cswButtonsHorizontal.cswButtonAlign-center {
	text-align: center;
	justify-content: center;
}

.csw-Buttons .cswButtonsHorizontal.cswButtonAlign-spacebetween {
		justify-content: space-between;
}
.csw-Buttons .cswButtonsHorizontal.cswButtonAlign-spaceevenly {
		justify-content: space-evenly;
}
.csw-Buttons .cswButtonsHorizontal.cswButtonAlign-justify .cswBtnWrapper {
	flex: 1;
	display: grid;
}



/********************/
/* Vertical Buttons */
/********************/

.csw-Buttons .cswButtonsVertical {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;	
}

.csw-Buttons .cswButtonsVertical.cswButtonAlign-right {
	text-align: right;
	justify-content: flex-end;
}
.csw-Buttons .cswButtonsVertical.cswButtonAlign-center {
	text-align: center;
	justify-content: center;
}

.csw-Buttons .cswButtonsVertical.cswButtonAlign-right {
	text-align: right;
	justify-content: flex-end;
}
.csw-Buttons .cswButtonsVertical.cswButtonAlign-justify .cswBtnWrapper a {
	width: 100%;
	display: block;
}



.csw-Buttons .cswButtonsVertical .cswButtonsSpacingExtraSmall.cswBtnWrapper:not(:first-child),
.csw-Buttons .cswButtonsVertical .cswButtonsSpacingExtraSmall.cswLinkWrapper:not(:first-child) {
    margin-top: 0.5em;
}

.csw-Buttons .cswButtonsVertical .cswButtonsSpacingSmall.cswBtnWrapper:not(:first-child),
.csw-Buttons .cswButtonsVertical .cswButtonsSpacingSmall.cswLinkWrapper:not(:first-child) {
    margin-top: 1.0em;
}

.csw-Buttons .cswButtonsVertical .cswButtonsSpacingMedium.cswBtnWrapper:not(:first-child),
.csw-Buttons .cswButtonsVertical .cswButtonsSpacingMedium.cswLinkWrapper:not(:first-child)  {
	margin-top: 1.5em;
}

.csw-Buttons .cswButtonsVertical .cswButtonsSpacingLarge.cswBtnWrapper:not(:first-child),
.csw-Buttons .cswButtonsVertical .cswButtonsSpacingLarge.cswLinkWrapper:not(:first-child) {
  	margin-top: 2.0em;
}



/*** Spacing ***/

.csw-Buttons .cswButtonsHorizontal .cswBtnWrapper:first-child
.csw-Buttons .cswButtonsHorizontal .cswLinkWrapper:first-child {
    margin-left: 0 !important;
}

.csw-Buttons .cswButtonsHorizontal .cswBtnWrapper:last-child
.csw-Buttons .cswButtonsHorizontal .cswLinkWrapper:last-child {
    margin-right: 0 !important;
}

.csw-Buttons .cswButtonsVertical .cswBtnWrapper:first-child
.csw-Buttons .cswButtonsVertical .cswLinkWrapper:first-child {
    margin-top: 0 !important;
}

.csw-Buttons .cswButtonsVertical .cswBtnWrapper:last-child
.csw-Buttons .cswButtonsVertical .cswLinkWrapper:last-child {
    margin-bottom: 0 !important;
}





/*------------------*/
/* XX-Small Devices */
/*------------------*/
@media (max-width: 479px) { 
	.csw-Buttons .cswButtonsHorizontal.cswStack-xxs .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack-xxs .cswLinkWrapper {
		width: 100%;
	}
	.csw-Buttons .cswButtonsHorizontal.cswStack100-xxs .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-xxs .cswLinkWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-xxs .cswBtn {
		width: 100%;
	}
}

/* X-Small Devices */
@media (min-width: 480px) and (max-width: 767px)  { 
	.csw-Buttons .cswButtonsHorizontal.cswStackNone-xs .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStackNone-xs .cswLinkWrapper  {
		/*width: inherit;*/
	}
	.csw-Buttons .cswButtonsHorizontal.cswStack-xs .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack-xs .cswLinkWrapper {
		width: 100%;
	}
	.csw-Buttons .cswButtonsHorizontal.cswStack100-xs .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-xs .cswLinkWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-xs .cswBtn {
		width: 100%;
	}
}

/* Small devices  */
@media (min-width: 768px) and (max-width: 991px)  { 
	.csw-Buttons .cswButtonsHorizontal.cswStack-sm .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack-sm .cswLinkWrapper {
		width: 100%;
	}
	.csw-Buttons .cswButtonsHorizontal.cswStack100-sm .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-sm .cswLinkWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-sm .cswBtn {
		width: 100%;
	} 
}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) { 
	.csw-Buttons .cswButtonsHorizontal.cswStack-md .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack-md .cswLinkWrapper {
		width: 100%;
	}
	.csw-Buttons .cswButtonsHorizontal.cswStack100-md .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-md .cswLinkWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-md .cswBtn {
		width: 100%;
	}
}

/* Large devices */
@media (min-width: 1200px) { 
	.csw-Buttons .cswButtonsHorizontal.cswStack-lg .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack-lg .cswLinkWrapper {
		width: 100%;
	}
	.csw-Buttons .cswButtonsHorizontal.cswStack100-lg .cswBtnWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-lg .cswLinkWrapper,
	.csw-Buttons .cswButtonsHorizontal.cswStack100-lg .cswBtn {
		width: 100%;
	}
}