/* UI - BUTTONS */
/* includes:
	- Bootstrap mods
	- Elementor Mods
	- input form mods
	- Ninja Form mods */
/* ---------------------------------------------- */

/* BASE */
/* ----------------- */

.elementor-widget-button .elementor-button, /* <-- elementor */
body.elementor-page .modal input[type="button"], /* <-- elementor */
body .modal input[type="button"],
input[type="submit"],
.btn {
	display: inline-block;
	line-height: 1.65em;
	font-family: "Helvetica Neue", Sans-Serif;
	font-weight: 400;
	border: 1px solid transparent;
	/*padding: 0.375rem 1.125rem;*/
	font-size: 16px;
	/*line-height: 1.5;*/
	text-transform: uppercase;
	border-radius: 0;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	width: max-content;
}
/* - btn Medium (default) */
body .modal input[type="button"],
body.elementor-page .modal input[type="button"],
.elementor-widget-button .elementor-button.elementor-size-sm,
.btn {
	padding: 0.375rem 1.125rem;
}
/* - btn Large */
input[type="submit"],
.elementor-widget-button .elementor-button.elementor-size-md,
.btn-lg, .btn-group-lg > .btn {
	/*padding: 0.5rem 1.5rem;*/
	padding: 0.8rem 2.4rem;
	/*font-size: 1.25rem;*/
	/*line-height: 1.5;*/
	/*border-radius: 0.3rem;*/
}
/* - btn Small */
.elementor-widget-button .elementor-button.elementor-size-xs,
.btn-sm, .btn-group-sm > .btn {
	padding: 0.25rem 0.75rem;
	font-size: 0.875rem;
	line-height: 1.5;
	/*border-radius: 0.2rem;*/
}
/* - btn X-Large */
input.btn-xl[type="submit"],
.btn-xl {
	padding: 1rem 3.6rem;
	font-size: 1.4rem;
	/*line-height: 1.5;*/
	/*border-radius: 0.3rem;*/
}




/* COLOURS */
/* ----------------- */

/* btn-primary (also the default btn) */
/*body.elementor-page .modal input[type="button"], !* <-- elementor *!*/
/*.btn-primary.elementor-widget-button .elementor-button, !* <-- elementor *!*/
.wpcf7 input[type="submit"], /* <-- WPCF7 */
body .modal input[type="button"],
input[type="submit"],
.btn-primary {
	/*color: #111;*/
	color: #fff;
	background-color: var(--color-primary);
	/*border-color: #0082D9;*/
	border: 1px solid var(--color-primary);
}
/*.text-white .btn {*/
/*	color: #fff;*/
/*}*/
.text-white .btn-primary {
	/*color: #111;*/
}
/* btn-primary:(when text is white b/c primary is dark) */
body .btn-primary,
body .modal input[type="button"] {
	color: #fff;
}
/* btn-primary:hover */
input[type="submit"]:hover,
#global-wrapper a.btn-primary:hover,
.btn-primary:hover,
body .modal input[type="button"]:hover {
	/*color: #000000;*/
	color: #fff;
	/*background-color: #d76963;*/
	background-color: var(--color-primary-d1);
	/*border-color: transparent;*/
}
/* btn-primary:active */
.btn-primary:not(:disabled):not(.disabled):active,
#global-wrapper a.btn-primary:not(.disabled):active,
body .modal input[type="button"]:not(.disabled):active {
	/*color: #000000;*/
	color: #fff;
	/*background-color: #c05a53;*/
	background-color: var(--color-primary-d2);
	/*border-color: transparent;*/
}



/* btn-secondary */
/*.btn-secondary.elementor-widget-button .elementor-button, !* <-- elementor *!*/
.wpcf7 input.btn-secondary[type="submit"], /* <-- WPCF7 */
body .modal input.btn-secondary[type="button"],
input.btn-secondary[type="submit"],
#global-wrapper a.btn-secondary,
.btn-secondary {
	/*color: #111;*/
	color: #fff;
	background-color: var(--color-secondary);
	/*border-color: #0082D9;*/
	border: 1px solid var(--color-secondary);
}
/* btn-secondary:hover */
input.btn-secondary[type="submit"]:hover,
body .modal input.btn-secondary[type="button"]:hover,
#global-wrapper a.btn-secondary:hover,
.btn-secondary:hover {
	color: #fff;
	background-color: var(--color-secondary-d1);
	/*border-color: transparent;*/
}
/* btn-secondary:active */
body .modal input.btn-secondary[type="button"]:not(.disabled):active,
#global-wrapper a.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--color-secondary-d2);
	/*border-color: transparent;*/
}




/* btn-tertiary */
/*.btn-tertiary.elementor-widget-button .elementor-button, !* <-- elementor *!*/
.wpcf7 input.btn-tertiary[type="submit"], /* <-- WPCF7 */
body .modal input.btn-tertiary[type="button"],
input.btn-tertiary[type="submit"],
#global-wrapper a.btn-tertiary,
.btn-tertiary {
	/*color: #111;*/
	color: #fff;
	background-color: var(--color-tertiary);
	/*border-color: #0082D9;*/
	border: 1px solid var(--color-tertiary);
}
/* btn-tertiary:hover */
input.btn-tertiary[type="submit"]:hover,
body .modal input.btn-tertiary[type="button"]:hover,
#global-wrapper a.btn-tertiary:hover,
.btn-tertiary:hover {
	color: #fff;
	background-color: var(--color-tertiary-d1);
	/*border-color: transparent;*/
}
/* btn-tertiary:active */
body .modal input.btn-tertiary[type="button"]:not(.disabled):active,
#global-wrapper a.btn-tertiary:not(:disabled):not(.disabled):active,
.btn-tertiary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--color-tertiary-d2);
	/*border-color: transparent;*/
}





/* btn-alt */
/*.btn-alt.elementor-widget-button .elementor-button, !* <-- elementor *!*/
.wpcf7 input.btn-alt[type="submit"], /* <-- WPCF7 */
body .modal input.btn-alt[type="button"],
input.btn-alt[type="submit"],
#global-wrapper a.btn-alt,
.btn-alt {
	color: #444;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(0,0,0,0.4);
}
/* btn-alt:hover */
input.btn-alt[type="submit"]:hover,
body .modal input.btn-alt[type="button"]:hover,
#global-wrapper a.btn-alt:hover,
.btn-alt:hover {
	color: #222;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid rgba(0,0,0,1);
}
/* btn-alt:active */
body .modal input.btn-alt[type="button"]:not(.disabled):active,
#global-wrapper a.btn-alt:not(:disabled):not(.disabled):active,
#global-wrapper .btn-alt:not(.disabled):active {
	color: #222;
	background-color: rgba(255,255,255,0.9);
}



/* btn-alt-lite */
/*.btn-alt-lite.elementor-widget-button .elementor-button, !* <-- elementor *!*/
.wpcf7 input.btn-alt-lite[type="submit"], /* <-- WPCF7 */
body .modal input.btn-alt-lite[type="button"],
input.btn-alt-lite[type="submit"],
#global-wrapper a.btn-alt-lite,
.btn-alt-lite {
	color: #fff;
	background-color: rgba(0,0,0,0.1);
	border: 1px solid rgba(255,255,255,0.7);
}
/* btn-alt-lite:hover */
input.btn-alt-lite[type="submit"]:hover,
body .modal input.btn-alt-lite[type="button"]:hover,
#global-wrapper a.btn-alt-lite:hover,
.btn-alt-lite:hover {
	color: #fff;
	background-color: rgba(0,0,0,0.4);
	border: 1px solid rgba(255,255,255,1);
}
/* btn-alt-lite:active */
body .modal input.btn-alt-lite[type="button"]:not(.disabled):active,
#global-wrapper a.btn-alt-lite:not(:disabled):not(.disabled):active,
#global-wrapper .btn-alt-lite:not(.disabled):active {
	color: #fff;
	background-color: rgba(0,0,0,0.6);
}






/* btn-blur */
/*.btn-blur.elementor-widget-button .elementor-button, !* <-- elementor *!*/
.wpcf7 input.btn-blur[type="submit"], /* <-- WPCF7 */
body .modal input.btn-blur[type="button"],
input.btn-blur[type="submit"],
#global-wrapper a.btn-blur,
.btn-blur {
	backdrop-filter: blur(2px);
	color: #444;
	background-color: rgba(255,255,255,0.1);
	/*border: 2px solid rgba(0,0,0,0.4);*/
}
/* btn-blur:hover */
input.btn-blur[type="submit"]:hover,
body .modal input.btn-blur[type="button"]:hover,
#global-wrapper a.btn-blur:hover,
.btn-blur:hover {
	color: #222;
	background-color: rgba(255,255,255,0.6);
	/*border: 2px solid rgba(0,0,0,1);*/
}
/* btn-blur:active */
body .modal input.btn-blur[type="button"]:not(.disabled):active,
#global-wrapper a.btn-blur:not(:disabled):not(.disabled):active,
#global-wrapper .btn-blur:not(.disabled):active {
	color: #222;
	background-color: rgba(255,255,255,0.8);
}


/* btn-blur-lite */
/*.btn-blur-lite.elementor-widget-button .elementor-button, !* <-- elementor *!*/
.wpcf7 input.btn-blur-lite[type="submit"], /* <-- WPCF7 */
body .modal input.btn-blur-lite[type="button"],
input.btn-blur-lite[type="submit"],
#global-wrapper a.btn-blur-lite,
.btn-blur-lite {
	backdrop-filter: blur(2px);
	color: #ffffff;
	background-color: rgba(0,0,0,0.3);
	/*border: 2px solid rgba(0,0,0,0.4);*/
}
/* btn-btn-blur-lite:hover */
input.btn-blur-lite[type="submit"]:hover,
body .modal input.btn-blur-lite[type="button"]:hover,
#global-wrapper a.btn-blur-lite:hover,
.btn-blur-lite:hover {
	color: #ffffff;
	background-color: rgba(0,0,0,0.4);
	/*border: 2px solid rgba(0,0,0,1);*/
}
/* btn-blur-lite-alt:active */
body .modal input.btn-blur-lite[type="button"]:not(.disabled):active,
#global-wrapper a.btn-blur-lite:not(:disabled):not(.disabled):active,
#global-wrapper .btn-blur-lite:not(.disabled):active {
	color: #ffffff;
	background-color: rgba(0,0,0,0.6);
}







/* FOCUS */
/* ----------------- */

/*.elementor-button:focus, !* <-- elementor *!*/
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}





/* Button Click - RIPPLE (inner) */
/*------------------------------------*/

/* Ripple PRIMARY (Colour) */
.ripple-btn.ripple-primary .circle {
    background: var(--color-primary);
}




/* Button ROUND */
/*------------------------------------*/
.btn-round.draw-btn-border::before,
.btn-round.draw-btn-border::after,
.btn-round .btn,
.btn-round {
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;
}



/* DRAW btn BORDER */
/* - currently relies on css variables which don't work in IE*/
/*------------------------------------*/

/* Draw PRIMARY (Colour) */
.draw-btn-border.draw-primary {
	background: var(--color-primary-l4);
}
.draw-btn-border.draw-primary > .btn {
	color: var(--color-primary);
}
.draw-btn-border.draw-primary:hover::before,
.draw-btn-border.draw-primary:hover::after {
	background-color: var(--color-primary);
}

/* Draw border THIN */
.draw-btn-border.draw-b-thin {
	--border-width-hover: 1px;
	--border-width-hover-dif: calc(var(--border-width) - var(--border-width-hover));

	--btn-py-hover: calc(0.375rem + var(--border-width-hover-dif));
	--btn-px-hover: calc(1.125rem + var(--border-width-hover-dif));
	--btn-sm-py-hover: calc(0.25rem + var(--border-width-hover-dif));
	--btn-sm-px-hover: calc(0.75rem + var(--border-width-hover-dif));
	--btn-lg-py-hover: calc(0.8rem + var(--border-width-hover-dif));
	--btn-lg-px-hover: calc(2.4rem + var(--border-width-hover-dif));
}
.draw-btn-border.draw-b-thin:hover {
	padding: var(--border-width-hover);
}
.draw-btn-border.draw-b-thin:hover .btn {
	padding: var(--btn-py-hover)  var(--btn-px-hover);
}
.draw-btn-border.draw-b-thin:hover .btn-sm {
	padding: var(--btn-sm-py-hover)  var(--btn-sm-px-hover);
}
.draw-btn-border.draw-b-thin:hover .btn-lg {
	padding: var(--btn-lg-py-hover)  var(--btn-lg-px-hover);
}

/* -adjust for height imperfections */
.draw-btn-border .btn-sm {
	padding: calc(0.25rem + 0.01rem) 0.75rem;
}




/* DRAW btn BACKGROUND */
/*------------------------------------*/

.draw-btn-bg.draw-bg-primary::before {
	background-color: var(--color-primary);
}
.draw-btn-bg.draw-bg-secondary::before {
	background-color: var(--color-secondary);
}