/* 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: Noto Sans KR, 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;
}
/* - btn Medium (default) */
/*input[type="submit"],*/
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"],
/*input.btn-lg[type="submit"],*/
.elementor-widget-button .elementor-button.elementor-size-md,
.btn-lg, .btn-group-lg > .btn {
	/*padding: 0.5rem 1.5rem;*/
	padding: 0.6rem 1.8rem;
	font-size: 1.25rem;
	/*line-height: 1.5;*/
	/*border-radius: 0.3rem;*/
}
@media only screen and (min-width: 768px) {
	input.btn-lg[type="submit"],
	.elementor-widget-button .elementor-button.elementor-size-md,
	.btn-lg, .btn-group-lg > .btn {

		padding: 1rem 3.6rem;
		font-size: 1.4rem;
	}
}
/* - 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: none;
}
.text-white .btn {
	color: #fff;
}
.text-white .btn-primary {
	/*color: #111;*/
}
/* override core .f-black util*/
.f-black .btn-primary {
	color: white!important;
}

/* btn-primary:(when text is white b/c primary is dark) */
a.btn-primary,
body .modal input[type="button"] {
	color: #fff;
}
/* btn-primary:hover */
input[type="submit"]: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,
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-alt */
/*body.elementor-page .modal input[type="button"], !* <-- elementor *!*/
.btn-alt.elementor-widget-button .elementor-button, /* <-- elementor */
.btn-alt {
	background-color: transparent;
	border: 1px solid rgba(0,0,0,0.4);
}
.text-white .btn-alt.elementor-widget-button .elementor-button, /* <-- elementor */
.text-white .btn-alt {
	border-color: rgba(255,255,255,0.6);
	color: white;
}
/* btn-alt:hover */
.btn-alt.elementor-widget-button .elementor-button:hover, /* <-- elementor */
.btn-alt:hover {
	border: 1px solid rgba(0,0,0,0.8);
}
.text-white .btn-alt.elementor-widget-button .elementor-button:hover, /* <-- elementor */
.text-white .btn-alt:hover {
	border-color: rgba(255, 255, 255, 1);
	color: #fff;
}
.text-white .btn-alt:hover,
.text-white .btn-alt:active {
	background-color: rgba(0,0,0,0.3);
}

/* btn-secondary */
.btn-secondary.elementor-widget-button .elementor-button, /* <-- elementor */
/*.wpcf7 input[type="submit"], !* <-- WPCF7 *!*/
/*body .modal input[type="button"],*/
/*input[type="submit"],*/
.btn-secondary {
	color: #fff;
	background-color: var(--color-secondary);
	border: none;
}
.text-white .btn-secondary {
}
/* btn-secondary:(when text is white b/c primary is dark) */
a.btn-secondary {
	color: #fff;
}
/* btn-secondary:hover */
.btn-secondary.elementor-widget-button .elementor-button:hover,
.btn-secondary:hover {
	color: #fff;
	background-color: var(--color-secondary-l1);
	border-color: transparent;
}
/* btn-secondary:active */
.btn-secondary.elementor-widget-button .elementor-button:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--color-secondary-l2);
}



/* 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);
}




/* ELEMENTOR Shims */
/* ----------------- */
.btn-primary.elementor-widget-button:active,
.btn-primary.elementor-widget-button:focus,
.btn-primary.elementor-widget-button {
	background: none!important;
}
.btn-alt.elementor-widget-button,
.text-white .btn-alt.elementor-widget-button {
	border: none;
}

.btn-secondary.elementor-widget-button:active,
.btn-secondary.elementor-widget-button:focus,
.btn-secondary.elementor-widget-button {
	background: none!important;
}


/* button */
.elementor-widget-button.btn {
	padding: 0.375rem 10px;
}
/* todo: blank */
.btn .elementor-button {
	cursor: pointer;
}




/* 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);
}