/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

body.toplevel_page_caddy .update-nag, body.caddy_page_caddy-addons .update-nag {
	display: none;
}

#caddy-form {
	width: 100%;
}

.cc-settings-container {
	position: relative;
	border-top: 0;
	background-color: #FFF;
	padding: 30px;
	border: 1px solid #d8d8d8;
	box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
	min-height: 400px;
}

.cc-settings-container .button, .cc-settings-container .button-secondary {
	border-color: #bdbdbd !important;
}

.cc-settings-container h2 {
	margin: 0 0 0.8em;
    text-transform: capitalize;
    background-color: #f7f7f7;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.cc-settings-container h2:first-child {
	border-top: none;
}

.cc-settings-container p {
	margin: 0.5em 0 1em 0;
}

.cc-settings-container select {
	width: 60%;
}

.cc-settings-container input.select2-search__field {
	box-shadow: none;
}

.cc-settings-container .select2-container {
	width: 375px !important;
}

.cc-settings-container .form-table tr {
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}

.cc-settings-container .form-table tr:last-child {
	border-bottom: none;
}

.cc-settings-container .form-table th {
	padding: 20px 10px 20px 0;
	width: 200px;
}

.cc-settings-container .form-table td {
	padding: 20px 0 20px 10px;
	vertical-align: top;
	min-width: 375px;
}

.cc-settings-container .section-icons {
	background-color: #000000;
    border-radius: 100px;
    vertical-align: middle;
    margin-right: 5px;
    color: #FFF;
    font-size: 16px;
    display: inline-flex;
    width: 25px;
    height: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.cc-settings-container .section-icons img {
	width: 15px;
	height: 15px;
	filter: invert(1);
}

.cc-settings-container a {
	color: #634ef4;
}

.cc-logo {
	width: 130px;
	margin-top: 3px;
	margin-bottom: 13px;
	margin-right: 9px;
	display: inline-block;
	vertical-align: middle;
	height: auto;
}

.cc-primary-save {
	padding-top: 0 !important;
}

.cc-settings-wrap {
	display: flex;
}

.cc-box {
	background-color: #FFF;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 30px;
	text-align: center;
	box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}

.cc-box h3 {
	text-align: center;
	margin-top: 0 !important;
}

.cc-notices-container {
	margin-top: 13px;
	max-width: 260px;
	margin-left: 20px;
}

.cc-notices-container .button-primary {
	background-color: #e06666;
	background: linear-gradient(135deg,#6633ea 0%, #e06666 80%);
	border: none;
	padding: 6px 16px;
	font-size: 16px;
	font-weight: 800;
	box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
	color: #FFF;
}

.cc-notices-container .button-primary:hover {
	background-color: #e06666;
	background: linear-gradient(135deg, #e06666 0%, #6633ea 80%);
	color: #FFF;
}

.cc-box-cta {
	border-radius: 5px;
	padding: 25px;
	background-color: #1d1d1d;
	color: #CCC;
}

.cc-box-cta ul {
	text-align: left;
	width: fit-content;
	margin: auto auto 20px;
}

.cc-box-cta h3 {
	line-height: 150%;
}

.cc-box-cta h3, .cc-box-cta strong {
	color: #FFF;
}

.cc-links {
	background-color: #FFF;
	border: 1px solid #d8d8d8;
	color: #888;
	padding: 40px 0 0 0;
	position: relative;
}

.cc-links h3 {
	line-height: 150%;
	position: absolute;
	color: #000;
	border-bottom: 1px solid #e4e3e3;
	padding: 10px;
	background-color: #f9f9f9;
	top: 0;
	left: 0;
	right: 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	font-size: 15px;
	font-weight: 800;
}

.cc-links ul {
	margin: 0;
}

.cc-links li {
    padding: 12px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 0;
}

.cc-links li:last-child {
	border-bottom: none;
}

.cc-links a {
	color: #000;
	transition: all 150ms linear;
	display: block;
	text-decoration: none;
	margin: auto;
}

.cc-links a:hover {
	color: #f45247;
}

.cc-product-links {
	text-align: left;
}

.cc-product-links li {
    display: flex;
    margin-bottom: 0;
    padding: 20px 20px 10px;
}

.cc-product-links li img {
	border-radius: 20px;
	margin-right: 15px;
}

.cc-product-links li a {
	font-weight: bold;
	font-size: 15px;
	width: auto;
	margin-bottom: 5px;
}

.cc-product-links li p {
	margin-top: 0;
}

.toplevel_page_caddy h2.nav-tab-wrapper {
	margin-bottom: 15px !important;
}

.cc-version {
	display: inline-block;
}

.cc-settings-container .caddy-pro-option {
	pointer-events: none;
	opacity: 0.4;
}

.cc-toggle {
	position: relative;
}

.cc-toggle *, .cc-toggle *:before, .cc-toggle *:after {
	box-sizing: border-box;
}

.cc-toggle input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.cc-toggle input[type="checkbox"][disabled] ~ label {
	pointer-events: none;
}

.cc-toggle input[type="checkbox"][disabled] ~ label .cc-toggle__switch {
	opacity: 0.4;
}

.cc-toggle input[type="checkbox"]:checked ~ label .cc-toggle__switch:before {
	content: attr(data-unchecked);
	left: 0;
}

.cc-toggle input[type="checkbox"]:checked ~ label .cc-toggle__switch:after {
	content: attr(data-checked);
}

.cc-toggle label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.cc-toggle label .cc-toggle__label-text {
	padding-left: 32px;
}

.cc-toggle label .cc-toggle__switch {
	position: relative;
}

.cc-toggle label .cc-toggle__switch:before {
	content: attr(data-checked);
	position: absolute;
	top: 0;
	text-transform: uppercase;
	text-align: center;
	display: none;
}

.cc-toggle label .cc-toggle__switch:after {
	content: attr(data-unchecked);
	position: absolute;
	z-index: 5;
	text-transform: uppercase;
	text-align: center;
	background: #FFF;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.cc-toggle input[type="checkbox"][disabled] ~ label {
	color: rgba(119, 119, 119, 0.5);
}

.cc-toggle input[type="checkbox"]:focus ~ label .cc-toggle__switch, .cc-toggle input[type="checkbox"]:hover ~ label .cc-toggle__switch {
	background-color: #777;
}

.cc-toggle input[type="checkbox"]:focus ~ label .cc-toggle__switch:after, .cc-toggle input[type="checkbox"]:hover ~ label .cc-toggle__switch:after {
	color: #5e5e5e;
}

.cc-toggle input[type="checkbox"]:hover ~ label {
	color: #6a6a6a;
}

.cc-toggle input[type="checkbox"]:checked ~ label .cc-toggle__switch {
	background-color: #6633ea;
	background: linear-gradient(272deg, #6633ea, #b166e0);
}

.cc-toggle input[type="checkbox"]:checked ~ label .cc-toggle__switch:after {
	color: rgb(43 0 132);
}

.cc-toggle input[type="checkbox"]:checked:focus ~ label .cc-toggle__switch, .cc-toggle input[type="checkbox"]:checked:hover ~ label .cc-toggle__switch {
	background-color: #028fd8;
}

.cc-toggle input[type="checkbox"]:checked:focus ~ label .cc-toggle__switch:after, .cc-toggle input[type="checkbox"]:checked:hover ~ label .cc-toggle__switch:after {
	color: #451a80;
}

.cc-toggle label .cc-toggle__switch {
	-webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
	transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
	background: #dedede;
}

.cc-toggle label .cc-toggle__switch:before {
	color: rgba(255, 255, 255, 0.5);
}

.cc-toggle label .cc-toggle__switch:after {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
	transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
	transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
	color: #777;
}

.cc-toggle input[type="checkbox"]:focus ~ label .cc-toggle__switch:after, .cc-toggle input[type="checkbox"]:hover ~ label .cc-toggle__switch:after {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.cc-toggle input[type="checkbox"]:checked ~ label .cc-toggle__switch:after {
	-webkit-transform: translate3d(65px, 0, 0);
	transform: translate3d(65px, 0, 0);
}

.cc-toggle input[type="checkbox"]:checked:focus ~ label .cc-toggle__switch:after, .cc-toggle input[type="checkbox"]:checked:hover ~ label .cc-toggle__switch:after {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.cc-toggle label {
	font-size: 14px;
}

.cc-toggle label .cc-toggle__switch {
	height: 36px;
	-webkit-box-flex: 0;
	flex: 0 0 134px;
	border-radius: 4px;
}

.cc-toggle label .cc-toggle__switch:before {
	left: 67px;
	font-size: 12px;
	line-height: 36px;
	width: 67px;
	padding: 0 12px;
}

.cc-toggle label .cc-toggle__switch:after {
	top: 2px;
	left: 2px;
	border-radius: 2px;
	width: 65px;
	line-height: 32px;
	font-size: 12px;
}

.cc-toggle label .cc-toggle__switch:hover:after {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.cc-toggle.cc-toggle--size-small {
	width: 100%;
}

.cc-toggle.cc-toggle--size-small input[type="checkbox"]:focus ~ label .cc-toggle__switch:after, .cc-toggle.cc-toggle--size-small input[type="checkbox"]:hover ~ label .cc-toggle__switch:after {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.cc-toggle.cc-toggle--size-small input[type="checkbox"]:checked ~ label .cc-toggle__switch:after {
	-webkit-transform: translate3d(44px, 0, 0);
	transform: translate3d(44px, 0, 0);
}

.cc-toggle.cc-toggle--size-small input[type="checkbox"]:checked:focus ~ label .cc-toggle__switch:after, .cc-toggle.cc-toggle--size-small input[type="checkbox"]:checked:hover ~ label .cc-toggle__switch:after {
	box-shadow: 0 2px 2px rgb(149 96 237);
}

.cc-toggle.cc-toggle--size-small label {
	font-size: 13px;
}

.cc-toggle.cc-toggle--size-small label .cc-toggle__switch {
	height: 28px;
	-webkit-box-flex: 0;
	flex: 0 0 90px;
	border-radius: 2px;
}

.cc-toggle.cc-toggle--size-small label .cc-toggle__switch:before {
	left: 45px;
	font-size: 10px;
	line-height: 28px;
	width: 45px;
	padding: 0 12px;
}

.cc-toggle.cc-toggle--size-small label .cc-toggle__switch:after {
	top: 1px;
	left: 1px;
	border-radius: 1px;
	width: 44px;
	line-height: 26px;
	font-size: 10px;
}

.cc-toggle.cc-toggle--size-small label .cc-toggle__switch:hover:after {
	box-shadow: 0 2px 2px rgb(158 81 216 / 40%);
}

.cc-notice-text {
	margin-left: 5px;
}

.cc-box-cta .caddy-offer-content {
    background-color: #231f3d;
}

.cc-box-cta .caddy-limited-offer {
    border-color: #9788ff;
}

.cc-box-cta .caddy-offer-text {
    color: #fff !important;
}

.cc-box-cta .caddy-offer-text strong {
    color: #fff !important;
}

.cc-box-cta .caddy-offer-text code {
	background-color: #634ef4 !important;
	color: #fff;
	border: none;
	font-size: 14px;
	padding: 4px 6px 3px;
}

@keyframes fadeInUp {
	from {
		transform: translate3d(0, 20px, 0);
		opacity: 0;
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes fadeInUp {
	from {
		transform: translate3d(0, 20px, 0);
		opacity: 0;
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.cc-addons-wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	align-items: center;
	align-content: center;
	gap: 15px;
}

.cc-addon {
	min-height: 150px;
	width: 28%;
	background-color: #FFF;
	padding: 15px 24px 20px;
	border-radius: 5px;
	border: 1px solid #d8d8d8;
	box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}

.cc-addon .addon-title {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
	font-weight: 800;
}

.cc-addon .addon-description {
	height: 60px;
	overflow: hidden;
}

.cc-addon .addon-button {
	border-color: #8a8a8a !important;
	color: #fff !important;
	text-decoration: none;
	background-color: #000 !important;
	border: none !important;
	padding: 3px 15px !important;
	-webkit-transition: all 250ms linear;
	font-weight: 800;
	font-size: 14px;
}

.cc-addon .addon-button:hover {
	background-color: #000000 !important;
}

.cc-addon .addon-button:hover {
	background-color: #000;
	border-color: #000 !important;
	color: #FFF !important;
}

.cc-addon .active-addon-btn, .cc-addon .installed-addon-btn {
	font-weight: 800;
	font-size: 14px;
	line-height: 2.15384615;
	min-height: 30px;
	padding: 0 10px;
	border: 1px solid #3DB86D;
	color: #FFF;
	display: inline-block;
	border-radius: 3px;
	background-color: #3DB86D;
}

.cc-addon .installed-addon-btn {
	border: 1px solid #007CBA;
	background-color: #007CBA;
	font-weight: 800;
	font-size: 14px;	
}

.cc-addon .active-addon-btn:before {
	content: "\2713";
	margin-right: 5px;
	color: #FFF;
}

.caddy-sub-sections {
	list-style: none;
	padding: 0;
	font-size: 13px;
	float: left;
	color: #666;
}

.caddy-sub-sections li {
	display: inline-block;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.caddy-sub-sections a {
	line-height: 2;
	padding: .2em;
	text-decoration: none;
}

.caddy-sub-sections a.current {
	color: #000;
	font-weight: 600;
	border: none;
}

.cc-header-wrap {
	background: #FFF;
	margin: -10px -20px 18px -22px;
	padding: 10px 0 5px 25px;
	border-bottom: 1px solid #d8d8d8;
	box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}

.cc-header-links {
	float: right;
	margin-top: 12px;
	margin-right: 30px;
}

.cc-header-links a, .cc-footer-links a {
	color: #000;
}

.cc-footer-links {
	position: absolute;
	bottom: 15px;
	z-index: 99;
}

.cc-unlock-msg {
	font-size: 14px;
	border-radius: 3px;
	text-align: center;
	color: #929191;
	position: relative;
	width: auto;
	margin-bottom: -25px;
}

.cc-unlock-msg:last-child {
	margin-bottom: 0;
}

.cc-unlock-msg div {
	display: block;
	margin: auto;
	padding: 15px;
	background-color: #f2f2ff;
	position: relative;
	border-radius: 5px;
	color: #000;
}

.cc-unlock-msg span.dashicons {
	margin-right: 10px;
	color: #634ef4;
	font-size: 20px;
	line-height: 16px;
	vertical-align: middle;
}

.cc-unlock-msg hr {
	content: " ";
	border-top: 1px solid #e8e8e8;
	position: absolute;
	width: 100%;
	top: 36%;
	left: 0;
}

.cc-unlock-msg a {
	color: #634ef4;
	font-weight: bold;
}

.cc-settings-wrap .form-table .description {
	font-size: 13px;
	font-weight: normal;
}

.cc-upgrade {
	border: none;
	background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjI5IiBoZWlnaHQ9IjI5IiB2aWV3Qm94PSIwIDAgNDAsNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSgwKSAiPjxyZWN0IGlkPSJwYXR0ZXJuLWJhY2tncm91bmQiIHdpZHRoPSI0MDAlIiBoZWlnaHQ9IjQwMCUiIGZpbGw9InJnYmEoMCwgMCwgMCwxKSI+PC9yZWN0PiA8cGF0aCBmaWxsPSJyZ2JhKDQ1LCA1NSwgNzIsMC41KSIgZD0iTSAwIDIwIGEgMTEuNSAxMS41IDAgMCAwIDIzIDAgaC0zIGEgOC41IDguNSAwIDAgMSAtMTcgMHoiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDQ1LCA1NSwgNzIsMC41KSIgZD0iCiAgICAgICAgICAgICAgICBNIC0yMCAyMCBhIDExLjUgMTEuNSAwIDAgMSAyMyAwIGgtMyBhIDguNSA4LjUgMCAwIDAgLTE3IDB6CiAgICAgICAgICAgICAgICBNIDIwIDIwIGEgMTEuNSAxMS41IDAgMCAxIDIzIDAgaC0zIGEgOC41IDguNSAwIDAgMCAtMTcgMHoKICAgICAgICAgICAgICAgICI+PC9wYXRoPjwvcGF0dGVybj4gIDwvZGVmcz4gPHJlY3QgZmlsbD0idXJsKCNwYXR0ZXJuKSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSI+PC9yZWN0Pjwvc3ZnPg==");
}

.cc-upgrade h3 {
	margin-bottom: 0;
	font-size: 1.5em;
	margin-top: 0 !important;
	text-transform: capitalize;
	font-weight: 800;
}

.cc-upgrade ul .dashicons {
    display: inline;
    font-size: 19px;
    vertical-align: bottom;
    margin-right: 6px;
}

.cc-upgrade > p {
    margin-top: 5px;
}

.cc-box-cta .dashicons {
	display: inline;
	font-size: 40px;
}

.cc-upgrade .dashicons {
	font-size: 60px;
	background: linear-gradient(135deg,#6633ea 0%,#e06666 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 0.7;
}

.cc-box-cta .button-primary .dashicons {
	font-size: 13px;
	vertical-align: text-bottom;
}

.cc-love {
	color: #e06666;
}

.cc-prods {
	width: 80%;
	margin: auto;
}

.cc-prods li {
	display: flex;
	margin-bottom: 20px;
}

.cc-prods a {
	border: none;
	font-size: 17px;
}

.cc-prods img {
	border-radius: 5px;
	margin-right: 15px;
}

.cc-addon .dashicons {
	font-size: 37px;
	display: block;
	height: auto;
	margin-bottom: 15px;
}

.notice, div.error, div.updated {
	transition: all 250ms linear;
}

.cc-underline {
	border-bottom: 3px solid #fda378;
}

.toplevel_page_caddy #wpfooter {
    left: auto;
}

.toplevel_page_caddy button.button.copy-shortcode-button {
	color: #000;
}

.toplevel_page_caddy button.button.copy-shortcode-button span.dashicons {
	margin-top: 4px;
}

.cc-settings-tabs {
	display: flex;
	margin-top: 13px;
	flex: 1;
}

.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tab-content {
	flex: 1;
}

.tab {
	display: none;
}

.tab.active {
	display: block;
}

.cc-icon-settings {
	width: 20px;
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1 1H23V23H1V1ZM5.5 7.5C5.5 8.52516 6.11705 9.4062 7 9.79198L7 19H9V9.79198C9.88295 9.4062 10.5 8.52516 10.5 7.5C10.5 6.11929 9.38071 5 8 5C6.61929 5 5.5 6.11929 5.5 7.5ZM15 16.292V19H17V16.292C17.883 15.9062 18.5 15.0252 18.5 14C18.5 12.9748 17.883 12.0938 17 11.708V5H15V11.708C14.117 12.0938 13.5 12.9748 13.5 14C13.5 15.0252 14.117 15.9062 15 16.292Z" clip-rule="evenodd"></path></svg>') !important;
	margin-right: 5px;
	margin-top: 2px;
}

.cc-icon-styles {
	width: 20px;
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.7682 2.35937L12 1.4375L11.2318 2.35937L5.43347 9.31734C4.18417 10.8165 3.5 12.7062 3.5 14.6577C3.5 19.2648 7.23479 22.9995 11.8419 22.9995H12.1581C16.7652 22.9995 20.5 19.2648 20.5 14.6577C20.5 12.7062 19.8158 10.8165 18.5665 9.31734L12.7682 2.35937ZM6.96991 10.5977L12 4.5616V20.9995H11.8419C8.33935 20.9995 5.5 18.1602 5.5 14.6577C5.5 13.1741 6.02014 11.7374 6.96991 10.5977Z" clip-rule="evenodd"></path></svg>') !important;
	margin-right: 5px;
	margin-top: 2px;
}

.cc-settings-pane {
	margin-top: 13px;
	flex: auto;
}

.cc-settings-pane .iris-picker {
	position: absolute;
}

.cc-settings-menu li {
	margin-bottom: 0;
}

.cc-settings-menu a {
	padding: 15px 20px;
	min-width: 155px;
	z-index: 999;
	position: relative;
	right: -1px;
	color: #000;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 14px;
	font-weight: normal;
	border-left: 1px solid transparent;
	border-bottom: 1px solid #d8d8d8;
	font-size: 13px;
}

.cc-settings-menu a svg,
.cc-settings-menu a img {
	width: 20px;
	height: 20px;
	flex: none;
}

.cc-settings-menu li.active a {
	background-color: #FFF;
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
}

.cc-settings-menu a:hover {
	background-color: #f8f8f8;
	border-left: 1px solid #d8d8d8;
}

.cc-settings-menu li.active a:hover {
	background-color: #fff;
}

.cc-settings-menu li a:focus {
	box-shadow: none !important;
}

.cc-settings-menu li a,
.cc-settings-menu li.active a {
	border-top: 1px solid transparent;
}

.cc-settings-menu li:first-child:hover a,
.cc-settings-menu li.active:first-child a {
	border-top: 1px solid #d8d8d8;
}

.cc-settings-menu a svg {
	width: 20px;
	height: 20px;
	flex: none;
}

.caddy-pro-label {
	padding: 0 8px;
	background-color: #000000;
	border-radius: 100px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	margin-left: auto;
}

.cc-upgrade img {
    width: 35px;
    height: 35px;
    filter: invert(1);
    margin-bottom: 10px;
}

.tab-content .cc-upgrade {
	margin-bottom: 0;
}

.cc-settings-wrap #cc-styles-settings-form{
	flex: 1;
}

/* --- Resources Page --- */

.cc-resources-list {
	background-color: #FFF;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	margin-top: 20px;
	box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}

.cc-resources-category-heading {
	font-size: 15px;
	font-weight: 700;
	margin: 20px 0 0;
	padding: 0;
}

.cc-resources-category-heading:first-of-type {
	margin-top: 16px;
}

.cc-resources-item {
	padding: 12px 20px;
	border-bottom: 1px solid #f1f1f1;
}

.cc-resources-item:last-child {
	border-bottom: none;
}

.cc-resources-item a {
	font-size: 15px;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: color 150ms linear;
}

.cc-resources-item a:hover {
	color: #634ef4;
}

.cc-resources-item p {
	margin: 4px 0 0;
	color: #666;
	font-size: 13px;
}

.cc-resources-plugins-header {
	margin-top: 20px;
}

.cc-resources-plugins-header h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 4px;
}

.cc-resources-plugins-header p {
	color: #666;
	margin: 0 0 16px;
}

.cc-resources-plugins-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.cc-resources-plugin {
	width: auto !important;
	min-height: 0;
	padding: 20px 24px;
	display: flex;
	flex-direction: column;
}

.cc-resources-plugin-icon {
	display: inline-flex;
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	background-color: #000;
	color: #FFF;
	border-radius: 8px;
	font-size: 18px;
	font-weight: 700;
}

.cc-resources-plugin .addon-title {
	margin-bottom: 4px;
}

.cc-resources-plugin .addon-description {
	height: auto;
	flex: 1;
	margin-top: 0;
}

.cc-resources-plugin-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.cc-resources-plugin-price {
	font-size: 13px;
	color: #666;
	font-weight: 600;
}

.cc-resources-plugin-featured {
	grid-column: 1 / -1;
	border-color: #634ef4 !important;
	background: linear-gradient(135deg, #f8f7ff 0%, #FFF 100%) !important;
}

@media screen and (max-width: 782px) {
	.cc-resources-plugins-grid {
		grid-template-columns: 1fr;
	}
}