/* 
	csw-button-styles.css
	
	Version: [2018-01-09 18:05]
*/


/*************************************
	Button Styles
*************************************/

.cswBtn { 
	cursor: pointer;
	display: inline-block;
	/** font-weight: 400; **/
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	padding: 6px 12px /*!important*/;
}

.cswBtnWrapper {
    margin-bottom: .5em;
    margin-right: .5em;
}

.cswLinkWrapper {
    margin-bottom: .5em;
    margin-right: .75em;
}

.cswBtnWrapper.cswNone {
	margin-bottom: 0;
}

a.cswBtn, a.cswBtn:hover {
	text-decoration: none;
}

/* focus - outline after click fix */
a.cswBtn:focus {
	outline: none !important;
}

.cswBtn-block {
	display: block !important;
}

/* sizes */
.cswBtnSize-sm { font-size: .8em; }
.cswBtnSize-normal { font-size: 1em; }
.cswBtnSize-md { font-size: 1.2em; }
.cswBtnSize-lg { font-size: 1.4em; }
.cswBtnSize-xl { font-size: 2em; }

/* type */
.cswBtn-link { border: none; }
.cswBtn-button { border: none; }

/* corners */
.cswBtn-rounded { border-radius:.4rem };
.cswBtn-square { border-radius:0 }

/**** styles *****/

/* Filled */
.cswBtn-filled.cswEffect-default,
.cswBtn-filled.cswEffect-darken { opacity: .85; }
.cswBtn-filled.cswEffect-lighten { opacity: 1; }

.cswBtn-filled-border {  
   border: 1px solid rgba(0,0,0,.15);	
}
.cswBtn-filled-border.cswEffect-default,
.cswBtn-filled-border.cswEffect-darken {  
	opacity: .85;
   /* border: 1px solid rgba(0,0,0,.15); */
}
.cswBtn-filled-border.cswEffect-lighten {  
	opacity: 1;
   /* border: 1px solid rgba(0,0,0,.15); */
}

/* 3d */
.cswBtn-3d { 
   border-bottom: solid 3px rgba(0, 0, 0, 0.2);
}
.cswBtn-3d.cswEffect-default,
.cswBtn-3d.cswEffect-darken {
	opacity: .85;
}
.cswBtn-3d.cswEffect-lighten {  
	opacity: 1;
}
 
/* Outlined */ 
.cswBtn-outlined { border: 1px solid currentColor; }
.cswBtn-outlined-thin { border: 1px solid currentColor; }
.cswBtn-outlined-thick { border: 3px solid currentColor; }

.cswBtn-inset {
	position: relative;
}
.cswBtn-inset::before {
    position: absolute;
    top: 0.14286rem;
    right: 0.14286rem;
    bottom: 0.14286rem;
    left: 0.14286rem;
    content: "";
    border: solid 1px #fff;
    border-radius: 1px;
}
.cswBtn-outlined.cswEffect-default,
.cswBtn-outlined-thin.cswEffect-default,
.cswBtn-outlined-thick.cswEffect-default,
.cswBtn-outlined.cswEffect-darken,
.cswBtn-outlined-thin.cswEffect-darken,
.cswBtn-outlined-thick.cswEffect-darken {
	opacity: .85;
}
.cswBtn-outlined.cswEffect-lighten,
.cswBtn-outlined-thin.cswEffect-lighten,
.cswBtn-outlined-thick.cswEffect-lighten {
	opacity: 1;
}


/* Skewed */
.cswBtn-skewed {
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
}
.cswBtn-skewed > span {
	-webkit-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	transform: skewX(20deg);
	display: inline-block;
}

.cswBtn-skewed.cswEffect-default,
.cswBtn-skewed.cswEffect-darken {
	opacity: .85;
}


/* hover effects */
.cswBtn-filled.cswEffect-default:hover,
.cswBtn-filled.cswEffect-darken:hover,
.cswBtn-filled-border.cswEffect-default:hover,
.cswBtn-filled-border.cswEffect-darken:hover,
.cswBtn-3d.cswEffect-default:hover,
.cswBtn-3d.cswEffect-darken:hover,
.cswBtn-skewed.cswEffect-default:hover,
.cswBtn-skewed.cswEffect-darken:hover,
.cswBtn-outlined-thin.cswEffect-default:hover,
.cswBtn-outlined-thin.cswEffect-darken:hover,
.cswBtn-outlined-thick.cswEffect-default:hover,
.cswBtn-outlined-thick.cswEffect-darken:hover,
.cswBtn-outlined-inset.cswEffect-default:hover,
.cswBtn-outlined-inset.cswEffect-darken:hover {
	opacity:1;
}

.cswBtn-filled.cswEffect-lighten:hover,
.cswBtn-filled-border.cswEffect-lighten:hover,
.cswBtn-3d.cswEffect-lighten:hover,
.cswBtn-outlined.cswEffect-lighten:hover,
.cswBtn-outlined-thin.cswEffect-lighten:hover,
.cswBtn-outlined-thick.cswEffect-lighten:hover
.cswBtn-skewed.cswEffect-lighten:hover {
	opacity:.8;
}


/*  Handle icon alignment */

.cswButtonWithIcon-left i,
.cswLinkWithIcon-left i {
	margin-right: .5em
}

.cswButtonWithIcon-right i,
.cswLinkWithIcon-right i {
	margin-left: .5em
}