/* Shared styles for ConnectPlus Elements */

:root {
	--default-border-radius: 4px;
}

/* Common button styling used across elements */
a.connectplus-btn {
	text-decoration: none;
	border-radius: var(--default-border-radius);
	margin-right: 8px;
	width: auto !important;
	height: auto !important;
}

a.connectplus-btn.primary-btn {
	background: var(--enfold-main-color-color);
	border-color: var(--enfold-main-color-color);
	color: #fff;
}

a.connectplus-btn.primary-btn:hover {
	background: var(--enfold-main-color-button-border2);
}

a.connectplus-btn.secondary-btn {
	background-color: transparent !important;
	border: 2px solid var(--enfold-main-color-color);
    border-color: var(--enfold-main-color-color) !important;
	color: var(--enfold-main-color-color) !important;
}

a.connectplus-btn.secondary-btn:hover {
	color: var(--enfold-main-color-color) !important;
}

a.connectplus-btn.btn-tertiary {
	background: #b9ff00;
	border: 2px solid #b9ff00;
	color: #083445;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
}

a.connectplus-btn.btn-tertiary:hover {
	filter: brightness(0.95);
}

/* Common input styling used across elements */
.connectplus-input {
  padding: 8px 12px;
  border: 1px solid var(--enfold-main-color-color);
  border-radius: var(--default-border-radius);
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box;
  background-color: white;
}

.connectplus-input::placeholder,
.cpl-input::placeholder {
    color: #737373 !important;
}

.container-no-padding .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}